|  | @@ -2,9 +2,9 @@
 | 
	
		
			
				|  |  |    <div class="lz-edit">
 | 
	
		
			
				|  |  |      <nav-bar></nav-bar>
 | 
	
		
			
				|  |  |      <div class="page-container">
 | 
	
		
			
				|  |  | -      <div class="card">
 | 
	
		
			
				|  |  | -        <van-panel title="安全员每日营业前履职"  status="待履职">
 | 
	
		
			
				|  |  | -          <van-cell title="日期时间" value="2023.10.23 12:12:11" />
 | 
	
		
			
				|  |  | +      <div class="card" v-if="taskInfo">
 | 
	
		
			
				|  |  | +        <van-panel :title="taskInfo.title"  :status="getDicts(taskInfo.status,'resumption_status')">
 | 
	
		
			
				|  |  | +          <van-cell title="日期时间" :value="taskInfo.planstarttime+'~'+taskInfo.planendtime" />
 | 
	
		
			
				|  |  |            <van-collapse :border="false" v-model="activeNames">
 | 
	
		
			
				|  |  |              <van-collapse-item title="履职内容" :name="1">
 | 
	
		
			
				|  |  |                <van-cell title="检查内容:" value="1" />
 | 
	
	
		
			
				|  | @@ -25,103 +25,118 @@
 | 
	
		
			
				|  |  |          </van-panel>
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |        <div class="card">
 | 
	
		
			
				|  |  | -        <van-panel title="巡检区域">
 | 
	
		
			
				|  |  | +        <van-panel title="巡检区域" v-if="areaList">
 | 
	
		
			
				|  |  |            <div style="padding: 10px;">
 | 
	
		
			
				|  |  |              <van-row >
 | 
	
		
			
				|  |  | -              <van-col span="12" >
 | 
	
		
			
				|  |  | -                <div class="check-area" @click="clickArea()">
 | 
	
		
			
				|  |  | -                  营业网点-设备间
 | 
	
		
			
				|  |  | -                  <van-icon name="success" color="primary"/>
 | 
	
		
			
				|  |  | -                  <van-icon name="fail" color="red"/>
 | 
	
		
			
				|  |  | +              <van-col span="12"  v-for="(v,i) in areaList" :key="v.areaid">
 | 
	
		
			
				|  |  | +                <div class="check-area" @click="clickArea(v,i)">
 | 
	
		
			
				|  |  | +                  {{v.areaname}}
 | 
	
		
			
				|  |  | +                  <van-icon v-if="v.status" name="success" color="primary"/>
 | 
	
		
			
				|  |  | +                  <van-icon v-else name="fail" color="red"/>
 | 
	
		
			
				|  |  |                  </div>
 | 
	
		
			
				|  |  |                </van-col>
 | 
	
		
			
				|  |  | -              <van-col span="12">
 | 
	
		
			
				|  |  | -                <div class="check-area">营业网点-钞车间</div>
 | 
	
		
			
				|  |  | -              </van-col>
 | 
	
		
			
				|  |  | -              <van-col span="12">
 | 
	
		
			
				|  |  | -                <div class="check-area">营业网点-消防设施</div>
 | 
	
		
			
				|  |  | -              </van-col>
 | 
	
		
			
				|  |  | -              <van-col span="12">
 | 
	
		
			
				|  |  | -                <div class="check-area">营业网点-客户区</div>
 | 
	
		
			
				|  |  | -              </van-col>
 | 
	
		
			
				|  |  |              </van-row>
 | 
	
		
			
				|  |  |              <van-cell title="检查内容:" value="内容" />
 | 
	
		
			
				|  |  | -            <van-cell title="NFC:"  >
 | 
	
		
			
				|  |  | -              <template #right-icon>
 | 
	
		
			
				|  |  | -                <van-icon name="search" class="search-icon" />
 | 
	
		
			
				|  |  | +            <van-cell :value="NFCNum" is-link>
 | 
	
		
			
				|  |  | +              <template #title>
 | 
	
		
			
				|  |  | +                <span class="custom-title">NFC:</span>
 | 
	
		
			
				|  |  |                </template>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<!--              <template #right-icon>-->
 | 
	
		
			
				|  |  | +<!--                <van-icon name="search" class="search-icon" />-->
 | 
	
		
			
				|  |  | +<!--              </template>-->
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |              </van-cell>
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </van-panel>
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -      <div class="card">
 | 
	
		
			
				|  |  | -        <van-collapse v-model="activeNames">
 | 
	
		
			
				|  |  | -          <van-collapse-item title="布撤防检查" name="1">
 | 
	
		
			
				|  |  | -            <van-cell :border="false" title="入侵报警撤防时间:">
 | 
	
		
			
				|  |  | -              <template #right-icon>
 | 
	
		
			
				|  |  | -                <van-switch
 | 
	
		
			
				|  |  | -                  v-model="checked"
 | 
	
		
			
				|  |  | -                  inactive-color="#4fc08d"
 | 
	
		
			
				|  |  | -                  active-color="orange"
 | 
	
		
			
				|  |  | -                  size="20" />
 | 
	
		
			
				|  |  | -              </template>
 | 
	
		
			
				|  |  | -            </van-cell>
 | 
	
		
			
				|  |  | -            <van-cell-group v-show="checked">
 | 
	
		
			
				|  |  | -              <date-cell title="现金区"  v-model="date2"/>
 | 
	
		
			
				|  |  | -              <date-cell title="客户区" date-type="date" v-model="date1"/>
 | 
	
		
			
				|  |  | -              <date-cell title="整改期限" dateType="date" />
 | 
	
		
			
				|  |  | -              <select-cell title="测试" v-model="sss" :dict="'sys_business_type'" is-link/>
 | 
	
		
			
				|  |  | -            </van-cell-group>
 | 
	
		
			
				|  |  | -          </van-collapse-item>
 | 
	
		
			
				|  |  | -          <van-collapse-item title="技防设备检查" name="2">
 | 
	
		
			
				|  |  | -            <van-cell title="报警及通信设备状态是否良好:">
 | 
	
		
			
				|  |  | -              <template #right-icon>
 | 
	
		
			
				|  |  | -                <van-switch
 | 
	
		
			
				|  |  | -                  v-model="checked"
 | 
	
		
			
				|  |  | -                  active-color="#4fc08d"
 | 
	
		
			
				|  |  | -                  inactive-color="orange"
 | 
	
		
			
				|  |  | -                  size="20" />
 | 
	
		
			
				|  |  | -              </template>
 | 
	
		
			
				|  |  | -            </van-cell>
 | 
	
		
			
				|  |  | -            <van-field
 | 
	
		
			
				|  |  | -              v-model="info"
 | 
	
		
			
				|  |  | -              rows="1"
 | 
	
		
			
				|  |  | -              autosize
 | 
	
		
			
				|  |  | -              label="情况描述:"
 | 
	
		
			
				|  |  | -              type="textarea"
 | 
	
		
			
				|  |  | -              placeholder="请输入"
 | 
	
		
			
				|  |  | -            />
 | 
	
		
			
				|  |  | -            <div class="upload-box">
 | 
	
		
			
				|  |  | -              <van-uploader v-model="fileList" multiple />
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | -            <van-cell title="整改期限" is-link/>
 | 
	
		
			
				|  |  | -          </van-collapse-item>
 | 
	
		
			
				|  |  | -          <van-collapse-item title="技防设备检查" name="2">
 | 
	
		
			
				|  |  | -            <van-cell title="报警及通信设备状态是否良好:">
 | 
	
		
			
				|  |  | -              <template #right-icon>
 | 
	
		
			
				|  |  | -                <van-switch
 | 
	
		
			
				|  |  | -                  v-model="checked"
 | 
	
		
			
				|  |  | -                  active-color="#4fc08d"
 | 
	
		
			
				|  |  | -                  inactive-color="orange"
 | 
	
		
			
				|  |  | -                  size="20" />
 | 
	
		
			
				|  |  | -              </template>
 | 
	
		
			
				|  |  | -            </van-cell>
 | 
	
		
			
				|  |  | -            <van-field
 | 
	
		
			
				|  |  | -              v-model="info"
 | 
	
		
			
				|  |  | -              rows="1"
 | 
	
		
			
				|  |  | -              autosize
 | 
	
		
			
				|  |  | -              label="情况描述:"
 | 
	
		
			
				|  |  | -              type="textarea"
 | 
	
		
			
				|  |  | -              placeholder="请输入"
 | 
	
		
			
				|  |  | -            />
 | 
	
		
			
				|  |  | -            <div class="upload-box">
 | 
	
		
			
				|  |  | -              <van-uploader v-model="fileList" multiple />
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | -            <van-cell title="整改期限" is-link/>
 | 
	
		
			
				|  |  | -          </van-collapse-item>
 | 
	
		
			
				|  |  | -        </van-collapse>
 | 
	
		
			
				|  |  | -      </div >
 | 
	
		
			
				|  |  | +      <div class="card" v-for="v in checkList" :key="v.itemid">
 | 
	
		
			
				|  |  | +        <van-panel :title="v.itemname">
 | 
	
		
			
				|  |  | +          <van-collapse v-model="activeNames">
 | 
	
		
			
				|  |  | +            <van-collapse-item v-for="(item,index) in v.checkitemlist" :title="item.itemname" :name="index" :key="item.itemid">
 | 
	
		
			
				|  |  | +              <van-cell :border="false" title="入侵报警撤防时间:">
 | 
	
		
			
				|  |  | +                <template #right-icon>
 | 
	
		
			
				|  |  | +                  <van-switch
 | 
	
		
			
				|  |  | +                    v-model="checked"
 | 
	
		
			
				|  |  | +                    inactive-color="#4fc08d"
 | 
	
		
			
				|  |  | +                    active-color="orange"
 | 
	
		
			
				|  |  | +                    size="20" />
 | 
	
		
			
				|  |  | +                </template>
 | 
	
		
			
				|  |  | +              </van-cell>
 | 
	
		
			
				|  |  | +            </van-collapse-item>
 | 
	
		
			
				|  |  | +          </van-collapse>
 | 
	
		
			
				|  |  | +        </van-panel>
 | 
	
		
			
				|  |  | +      </div>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<!--      <div class="card" v-if="selectArea">-->
 | 
	
		
			
				|  |  | +<!--        <van-collapse v-model="activeNames">-->
 | 
	
		
			
				|  |  | +<!--          <van-collapse-item title="布撤防检查" name="1">-->
 | 
	
		
			
				|  |  | +<!--            <van-cell :border="false" title="入侵报警撤防时间:">-->
 | 
	
		
			
				|  |  | +<!--              <template #right-icon>-->
 | 
	
		
			
				|  |  | +<!--                <van-switch-->
 | 
	
		
			
				|  |  | +<!--                  v-model="checked"-->
 | 
	
		
			
				|  |  | +<!--                  inactive-color="#4fc08d"-->
 | 
	
		
			
				|  |  | +<!--                  active-color="orange"-->
 | 
	
		
			
				|  |  | +<!--                  size="20" />-->
 | 
	
		
			
				|  |  | +<!--              </template>-->
 | 
	
		
			
				|  |  | +<!--            </van-cell>-->
 | 
	
		
			
				|  |  | +<!--            <van-cell-group v-show="checked">-->
 | 
	
		
			
				|  |  | +<!--              <date-cell title="现金区"  v-model="date2"/>-->
 | 
	
		
			
				|  |  | +<!--              <date-cell title="客户区" date-type="date" v-model="date1"/>-->
 | 
	
		
			
				|  |  | +<!--              <date-cell title="整改期限" dateType="date" />-->
 | 
	
		
			
				|  |  | +<!--              <select-cell title="测试" v-model="sss" :dict="'sys_business_type'" is-link/>-->
 | 
	
		
			
				|  |  | +<!--            </van-cell-group>-->
 | 
	
		
			
				|  |  | +<!--          </van-collapse-item>-->
 | 
	
		
			
				|  |  | +<!--          <van-collapse-item title="技防设备检查" name="2">-->
 | 
	
		
			
				|  |  | +<!--            <van-cell title="报警及通信设备状态是否良好:">-->
 | 
	
		
			
				|  |  | +<!--              <template #right-icon>-->
 | 
	
		
			
				|  |  | +<!--                <van-switch-->
 | 
	
		
			
				|  |  | +<!--                  v-model="checked"-->
 | 
	
		
			
				|  |  | +<!--                  active-color="#4fc08d"-->
 | 
	
		
			
				|  |  | +<!--                  inactive-color="orange"-->
 | 
	
		
			
				|  |  | +<!--                  size="20" />-->
 | 
	
		
			
				|  |  | +<!--              </template>-->
 | 
	
		
			
				|  |  | +<!--            </van-cell>-->
 | 
	
		
			
				|  |  | +<!--            <van-field-->
 | 
	
		
			
				|  |  | +<!--              v-model="info"-->
 | 
	
		
			
				|  |  | +<!--              rows="1"-->
 | 
	
		
			
				|  |  | +<!--              autosize-->
 | 
	
		
			
				|  |  | +<!--              label="情况描述:"-->
 | 
	
		
			
				|  |  | +<!--              type="textarea"-->
 | 
	
		
			
				|  |  | +<!--              placeholder="请输入"-->
 | 
	
		
			
				|  |  | +<!--            />-->
 | 
	
		
			
				|  |  | +<!--            <div class="upload-box">-->
 | 
	
		
			
				|  |  | +<!--              <van-uploader v-model="fileList" multiple />-->
 | 
	
		
			
				|  |  | +<!--            </div>-->
 | 
	
		
			
				|  |  | +<!--            <van-cell title="整改期限" is-link/>-->
 | 
	
		
			
				|  |  | +<!--          </van-collapse-item>-->
 | 
	
		
			
				|  |  | +<!--          <van-collapse-item title="技防设备检查" name="2">-->
 | 
	
		
			
				|  |  | +<!--            <van-cell title="报警及通信设备状态是否良好:">-->
 | 
	
		
			
				|  |  | +<!--              <template #right-icon>-->
 | 
	
		
			
				|  |  | +<!--                <van-switch-->
 | 
	
		
			
				|  |  | +<!--                  v-model="checked"-->
 | 
	
		
			
				|  |  | +<!--                  active-color="#4fc08d"-->
 | 
	
		
			
				|  |  | +<!--                  inactive-color="orange"-->
 | 
	
		
			
				|  |  | +<!--                  size="20" />-->
 | 
	
		
			
				|  |  | +<!--              </template>-->
 | 
	
		
			
				|  |  | +<!--            </van-cell>-->
 | 
	
		
			
				|  |  | +<!--            <van-field-->
 | 
	
		
			
				|  |  | +<!--              v-model="info"-->
 | 
	
		
			
				|  |  | +<!--              rows="1"-->
 | 
	
		
			
				|  |  | +<!--              autosize-->
 | 
	
		
			
				|  |  | +<!--              label="情况描述:"-->
 | 
	
		
			
				|  |  | +<!--              type="textarea"-->
 | 
	
		
			
				|  |  | +<!--              placeholder="请输入"-->
 | 
	
		
			
				|  |  | +<!--            />-->
 | 
	
		
			
				|  |  | +<!--            <div class="upload-box">-->
 | 
	
		
			
				|  |  | +<!--              <van-uploader v-model="fileList" multiple />-->
 | 
	
		
			
				|  |  | +<!--            </div>-->
 | 
	
		
			
				|  |  | +<!--            <van-cell title="整改期限" is-link/>-->
 | 
	
		
			
				|  |  | +<!--          </van-collapse-item>-->
 | 
	
		
			
				|  |  | +<!--        </van-collapse>-->
 | 
	
		
			
				|  |  | +<!--      </div >-->
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |        <p class="warning-msg">需要完成所有区域的履职内容才能提交内容</p>
 | 
	
		
			
				|  |  |        <div class=""></div>
 | 
	
	
		
			
				|  | @@ -134,27 +149,68 @@
 | 
	
		
			
				|  |  |  import SelectCell from '@/components/selectCell';
 | 
	
		
			
				|  |  |  import DateCell from '@/components/dateCell';
 | 
	
		
			
				|  |  |  import NavBar from '@/components/NavBar';
 | 
	
		
			
				|  |  | +import {taskDetails} from "@/views/menu/LZRegister/api";
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    components:{SelectCell,NavBar,DateCell},
 | 
	
		
			
				|  |  |    data(){
 | 
	
		
			
				|  |  |      return {
 | 
	
		
			
				|  |  | -      date2:'01:00',
 | 
	
		
			
				|  |  | -      date1:'07:00',
 | 
	
		
			
				|  |  | -      sss:{
 | 
	
		
			
				|  |  | -        dictLabel: "歇业",
 | 
	
		
			
				|  |  | -        dictValue: "0",
 | 
	
		
			
				|  |  | -      },
 | 
	
		
			
				|  |  | -      checked:false,
 | 
	
		
			
				|  |  | -      info:'',
 | 
	
		
			
				|  |  |        activeNames: ['1'],
 | 
	
		
			
				|  |  | +      //基本信息
 | 
	
		
			
				|  |  | +      taskInfo:[],
 | 
	
		
			
				|  |  | +      //区域列表
 | 
	
		
			
				|  |  | +      areaList:[],
 | 
	
		
			
				|  |  | +      //
 | 
	
		
			
				|  |  |        fileList:[],
 | 
	
		
			
				|  |  | -      dicts:['sys_business_type','asdagg']
 | 
	
		
			
				|  |  | +      //字典
 | 
	
		
			
				|  |  | +      dicts: ['resumption_status'],
 | 
	
		
			
				|  |  | +      //选中的区域
 | 
	
		
			
				|  |  | +      selectArea:[],
 | 
	
		
			
				|  |  | +      //区域下nfc列表
 | 
	
		
			
				|  |  | +      NFCList:[],
 | 
	
		
			
				|  |  | +      //区域下检查内容列表
 | 
	
		
			
				|  |  | +      checkList:[],
 | 
	
		
			
				|  |  | +      //检查内容具体项列表
 | 
	
		
			
				|  |  | +      checkItemList:[],
 | 
	
		
			
				|  |  | +      //nfc扫描数量
 | 
	
		
			
				|  |  | +      NFCNum:0,
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  | +  created() {
 | 
	
		
			
				|  |  | +    this.getData();
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  | +  watch:{
 | 
	
		
			
				|  |  | +    NFCList(){
 | 
	
		
			
				|  |  | +      if(!this.NFCList) return;
 | 
	
		
			
				|  |  | +      let arr = this.NFCList.filter(item=>{
 | 
	
		
			
				|  |  | +        return item.status == 1;
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +      this.NFCNum = arr.length;
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  |    methods:{
 | 
	
		
			
				|  |  | -    clickArea(){
 | 
	
		
			
				|  |  | -      document.getElementsByClassName('check-area')[0].classList.add('active')
 | 
	
		
			
				|  |  | -      console.log('eeeeeee')
 | 
	
		
			
				|  |  | +    getData() {
 | 
	
		
			
				|  |  | +      let data = {
 | 
	
		
			
				|  |  | +        dateTime:new Date(),
 | 
	
		
			
				|  |  | +        taskId:this.$route.query.id,
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      taskDetails(data).then(res=>{
 | 
	
		
			
				|  |  | +        this.taskInfo = res.data.taskObj;
 | 
	
		
			
				|  |  | +        this.taskInfo.nfcScaning = res.data.nfcScaning;
 | 
	
		
			
				|  |  | +        this.areaList = res.data.taskarealist;
 | 
	
		
			
				|  |  | +        this.activeArea(this.areaList[0],0);
 | 
	
		
			
				|  |  | +        console.log(res)
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    clickArea(area,index){
 | 
	
		
			
				|  |  | +      this.activeArea(area,index);
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    activeArea(area,index){
 | 
	
		
			
				|  |  | +      this.$nextTick(()=>{
 | 
	
		
			
				|  |  | +        document.getElementsByClassName('check-area')[index].classList.add('active');
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +      this.selectArea = area;
 | 
	
		
			
				|  |  | +      this.checkList = area.checklist;
 | 
	
		
			
				|  |  | +      this.NFCList = area.nfclist;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      openTime(){
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -187,7 +243,7 @@ export default {
 | 
	
		
			
				|  |  |      align-items: center;
 | 
	
		
			
				|  |  |    }
 | 
	
		
			
				|  |  |    .custom-title {
 | 
	
		
			
				|  |  | -    margin-right: 4px;
 | 
	
		
			
				|  |  | +    align-self: center;
 | 
	
		
			
				|  |  |      vertical-align: middle;
 | 
	
		
			
				|  |  |    }
 | 
	
		
			
				|  |  |  
 |