|  | @@ -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>
 |