Files
2024-03-13 17:19:20 +08:00

272 lines
8.0 KiB
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(item.caseFlowId)" v-for="item in homePageList" :key="item.caseFlowId">
<view class="badge">{{item.caseCount}}</view>
<view class="cardMain">
<img class="iconImg" style="width: 100rpx;height: 70rpx;margin-top: 60rpx;" :src="urls+item.fileName" alt="">
</view>
<view class="cardMain">
<view class="imgTitle">{{item.caseStatusName}}</view>
</view>
</view>
<view class="emptyBox" style="margin: 0 auto;" v-if="homePageList.length == 0">
<luanqing-empty :show="true" textColor="#000"></luanqing-empty>
</view>
</view>
<view class="homeMain" v-if="sysType == 1">
<!-- <view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApply}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待立案申请</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyCheck}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待立案审查</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyPay}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待缴费</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyPayCheck}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待缴费确认</view>
</view>
</view> -->
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyEvidence}}</view>
<view class="cardMain">
</view>
<view class="cardMain" style="margin-top: 75rpx;">
<view class="imgTitle">待案件质证</view>
</view>
</view>
<!-- <view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyGroupCheck}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待组庭审核</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyGroupConfirm}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待组庭确定</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyArbitrateWay}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待审核仲裁方式</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{ dataCount.updateOnlineHearDate}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待确认开庭时间</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyGroupOnline}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待开庭审理</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyGroupOffline}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待书面审理</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyAwardCheck}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待核验仲裁文书</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.arbitratorApplyAwardConfirm }}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待仲裁员核验仲裁文书</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyAwardConfirm}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待审核仲裁文书</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyAwardSign}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待仲裁文书签名</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyAwardSeal}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待仲裁文书用印</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyAwardSend}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待仲裁文书送达</view>
</view>
</view>
<view class="cardList" @tap="refereeCase()">
<view class="badge">{{dataCount.caseApplyStored}}</view>
<view class="cardMain">
</view>
<view class="cardMain">
<view class="imgTitle">待案件归档</view>
</view>
</view> -->
</view>
</view>
</template>
<script>
import {todoCount,toDoCountReferee} from '@/api/homePage/index.js'
import LuanqingEmpty from "@/components/luanqing-empty.vue"
import config from '@/config'
export default {
components: {
'luanqing-empty': LuanqingEmpty,
},
data(){
return {
homePageList:[],
sysType:null,
dataCount:{},
urls:config.baseUrlTJ
}
},
methods:{
getHomePage(){
if(this.sysType==2){
todoCount().then(res =>{
this.homePageList = res.data.toDoCountList
console.log(res)
})
}else if(this.sysType==1){
toDoCountReferee().then(res =>{
this.dataCount = res.data;
})
}
},
// 调解跳转
handlingCases(caseFlowId){
uni.navigateTo({
url:`../pages/handlecase/index?caseFlowId=${caseFlowId}`
})
},
// 仲裁跳转
refereeCase(){
uni.navigateTo({
url:'../pages/handlecase/index'
})
}
},
onShow() {
this.getHomePage()
},
onLoad: function() {
this.sysType = uni.getStorageSync('sysType');
console.log(this.sysType)
}
}
</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:210rpx;
border-radius: 48rpx;
background-color:#ffffff;
position: relative;
margin-right: 30rpx;
margin-bottom: 30rpx;
border:1rpx solid #1296DB;
.badge {
width: 80rpx;
height: 50rpx;
text-align: center;
line-height: 50rpx;
font-size: 35rpx;
font-weight: 500;
color: red;
border-radius: 10rpx 30rpx 10rpx 30rpx;
background-color: #1296DB;
position: absolute;
right: 0;
}
.cardMain {
width: 100%;
display: flex;
text-align: center;
justify-content: center;
margin-top: 5rpx;
padding
.imgTitle {
font-size: 28rpx;
font-weight: 600;
}
}
}
}
</style>