|
|
@@ -31,8 +31,8 @@
|
|
|
<!-- 待办区域 -->
|
|
|
<div class="marginCls" v-if="item.taskType == i.taskType">
|
|
|
<!-- <van-empty description="暂无数据" /> -->
|
|
|
- <van-cell-group>
|
|
|
- <van-cell
|
|
|
+ <van-cell-group v-if="item.taskType!=2">
|
|
|
+ <van-cell
|
|
|
@click.stop="isFalgHandler(i, item.taskType, item.id)"
|
|
|
v-for="(i, index) in item.dataList"
|
|
|
:key="index"
|
|
|
@@ -63,6 +63,42 @@
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
</van-cell-group>
|
|
|
+
|
|
|
+ <van-collapse v-if="item.taskType==2" class="check-register list-item" v-model="activeNames">
|
|
|
+ <van-collapse-item :name="v.id" v-for="(v,i) in item.dataList" :key="v.id+i">
|
|
|
+ <template #title>
|
|
|
+ <div class="item-title">
|
|
|
+ <!-- <div class="textTitle">{{ v.taskName}}</div> -->
|
|
|
+ <van-cell :title="v.taskName" :border="false" :label="v.startTime.substring(5, v.startTime.length - 3) +
|
|
|
+ '至' +
|
|
|
+ v.endTime.substring(5, v.endTime.length - 3)" ></van-cell>
|
|
|
+ <div class="collapse-title">
|
|
|
+ <div :class="{'active':v.active==2}" @click.stop="changeList(v,2)">
|
|
|
+ <p>{{v.uncompleted.length}}</p>
|
|
|
+ </div>
|
|
|
+ <!-- <div :class="{'active':v.active==1}" @click.stop="changeList(v,1)">
|
|
|
+ <p>{{v.completed.length}}</p>
|
|
|
+ <p>已检查</p>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="check-item-list">
|
|
|
+ <van-cell
|
|
|
+ v-for="(a,index) in v.uncompleted" :key="a.id"
|
|
|
+ :title="a.beCheckedOrgName"
|
|
|
+ @click.stop="isFalgHandler(a, item.taskType, item.id)">
|
|
|
+ <template #right-icon>
|
|
|
+ <div>
|
|
|
+ <span :class="iColorClas(item.taskType, a.status)">
|
|
|
+ {{worksLink(2, item.taskType, a.recStatus ? a.recStatus : a.status)}}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </div>
|
|
|
+ </van-collapse-item>
|
|
|
+ </van-collapse>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -94,7 +130,8 @@ export default {
|
|
|
taskId: '', //监控调阅ID
|
|
|
workList: [], //工作台列表
|
|
|
oldScrollTop: '',
|
|
|
- falg: false //待调阅的时候 不进行跳转页面单独处理
|
|
|
+ falg: false, //待调阅的时候 不进行跳转页面单独处理
|
|
|
+ activeNames:[],
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -125,12 +162,12 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
isFalgHandler(i, taskType, id) {
|
|
|
- if (i.isExist != undefined && i.isExist == 0) {
|
|
|
- return Dialog.alert({
|
|
|
- message: '机构下没有主机摄像头,不能开启调阅任务!',
|
|
|
- confirmButtonText: '关闭'
|
|
|
- })
|
|
|
- }
|
|
|
+ // if (i.isExist != undefined && i.isExist == 0) {
|
|
|
+ // return Dialog.alert({
|
|
|
+ // message: '机构下没有主机摄像头,不能开启调阅任务!',
|
|
|
+ // confirmButtonText: '关闭'
|
|
|
+ // })
|
|
|
+ // }
|
|
|
//如果当前是待调阅任务 当前页面处理之后再跳转 不是则正常跳转
|
|
|
if (i.status == 0 && taskType == 3) {
|
|
|
this.falg = false
|
|
|
@@ -458,4 +495,106 @@ a {
|
|
|
line-height: 46px;
|
|
|
font-size: 40px;
|
|
|
}
|
|
|
+.van-collapse-item{
|
|
|
+ ::v-deep .van-cell{
|
|
|
+ align-items: center;
|
|
|
+ // padding:10px 5px 10px 5px !important;
|
|
|
+ }
|
|
|
+ ::v-deep .van-cell__title{
|
|
|
+ color:black !important;
|
|
|
+ // padding:10px 5px 10px 5px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+.check-register{
|
|
|
+ .org-line{
|
|
|
+ padding:0 10px;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ .search-flex{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ border-bottom: 1px solid #f5f5f5;
|
|
|
+ >div{
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .org-label{
|
|
|
+ height: 90px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 28px;
|
|
|
+ }
|
|
|
+ .card-list{
|
|
|
+ padding:0 5px 0px 5px;
|
|
|
+ height: calc(100vh - 370px);
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
+ .list-item{
|
|
|
+ margin: 20px 0px 20px 0px;
|
|
|
+ // padding:20 0px 20px 0px;
|
|
|
+ }
|
|
|
+ .item-title{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ // border-bottom: 1px solid #f5f5f5;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ .check-item-list{
|
|
|
+ -max-height: 500px;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
+ .card-num{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #008cd6;
|
|
|
+ }
|
|
|
+ .collapse-title{
|
|
|
+ width: 50%;
|
|
|
+ margin-left: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #ccc;
|
|
|
+ >div{
|
|
|
+ width: 100px;
|
|
|
+ font-size: 24px;
|
|
|
+ height: 70px;
|
|
|
+ padding: 5px 10px;
|
|
|
+ border: 2px solid #ccc;
|
|
|
+ border-radius: 10px;
|
|
|
+ box-shadow: 0 3px 6px #eaeaea;
|
|
|
+ >p{
|
|
|
+ height: 28px;
|
|
|
+ // line-height: 28px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >div{
|
|
|
+ color: #fff;
|
|
|
+ background-color: #008cd6;
|
|
|
+ border: 3px solid #008cd6;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .flex-box{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ >div{
|
|
|
+ margin-right: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .search-box{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ >div{
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|