miniapp/pages/index.vue

<template>
  <view class="content">
	<view class="header">
		<uni-section title="我的代办事项" type="line" padding></uni-section>
	</view>
	<view class="homeMain" v-if="sysType == 2">
		<view class="cardList" @tap="handlingCases()" v-for="item in homePageList" :key="item.caseFlowId">
		    <view class="badge">{{item.caseCount}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">{{item.caseStatusName}}</view>
		    </view>    
		</view>
	</view>
	<view class="homeMain" v-if="sysType == 1">
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApply}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待立案申请</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyCheck}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待立案审查</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyPay}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待缴费</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyPayCheck}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待缴费确认</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyGroupCheck}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待组庭审核</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyGroupConfirm}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待组庭确定</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyArbitrateWay}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待审核仲裁方式</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{ dataCount.updateOnlineHearDate}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待确认开庭时间</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyGroupOnline}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待开庭审理</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyGroupOffline}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待书面审理</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyAwardCheck}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待核验仲裁文书</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.arbitratorApplyAwardConfirm }}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待仲裁员核验仲裁文书</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyAwardConfirm}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待审核仲裁文书</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyAwardSign}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待仲裁文书签名</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyAwardSeal}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待仲裁文书用印</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyAwardSend}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待仲裁文书送达</view>
		    </view>    
		</view>
		<view class="cardList" @tap="refereeCase()">
		    <view class="badge">{{dataCount.caseApplyStored}}</view>
		    <view class="cardMain">
		      <!-- <img class="iconImg" src="@/assets/images/daishencha.png" alt=""> -->
		    </view>
		    <view class="cardMain">
		      <view class="imgTitle">待案件归档</view>
		    </view>    
		</view>
	</view>
  </view>
</template>

<script>
	import {todoCount,toDoCountReferee} from '@/api/homePage/index.js'
  export default {
	data(){
		return {
			homePageList:[],
			sysType:null,
			dataCount:{}
		}
	},
	methods:{
		getHomePage(){
			if(this.sysType==2){
				todoCount().then(res =>{
					this.homePageList = res.data.toDoCountList
				})
			}else if(this.sysType==1){
				toDoCountReferee().then(res =>{
					this.dataCount = res.data;
				})
			}
		},
		// 调解跳转
		handlingCases(){
			uni.navigateTo({
				url:'../pages/handlecase/index'
			})
		},
		// 仲裁跳转
		refereeCase(){
			uni.navigateTo({
				url:'../pages/handlecase/index'
			})
		}
	},
    onLoad: function() {
		this.sysType = uni.getStorageSync('sysType');
		console.log(this.sysType)
		this.getHomePage()
    }
  }
</script>

<style lang="scss">
	page {
		background-color: #ffffff;
	}
	.homeMain {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
		margin-left:27rpx;
	    // justify-content: space-between;
	    .cardList {
	      width: 28%;
	      height:200rpx;
	      border-radius: 48rpx;
	      background-color:#ffffff;
	      position: relative;
	      margin-right: 30rpx;
	      margin-bottom: 30rpx;
		  border:1rpx solid #05baf1;
	
	      .badge {
	        width: 80rpx;
	        height: 50rpx;
	        text-align: center;
	        line-height: 50rpx;
	        font-size: 35rpx;
	        font-weight: 500;
	        color: #e32a4f;
	        border-radius: 10rpx 30rpx 10rpx 30rpx;
	        background-color: #05baf1;
	        position: absolute;
	        right: 0;
	      }
	
	      .cardMain {
	        width: 100%;
	        display: flex;
			text-align: center;
	        justify-content: center;
	        margin-top: 40rpx;
			padding
	        .iconImg {
	          width: 100rpx;
	          height: 110rpx;
	        }
	
	        .imgTitle {
	          font-size: 28rpx;
	          font-weight: 600;
	        }
	      }
	    }
	  }
</style>