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