|
|
@@ -31,15 +31,15 @@
|
|
|
<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"/>
|
|
|
+<!-- <van-icon v-if="v.status" name="success" color="primary"/>-->
|
|
|
+<!-- <van-icon v-else name="fail" color="red"/>-->
|
|
|
</div>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
<van-cell title="检查内容:" value="内容" />
|
|
|
<van-cell :value="NFCNum" is-link>
|
|
|
<template #title>
|
|
|
- <span class="custom-title">NFC:</span>
|
|
|
+ <span>NFC:</span>
|
|
|
</template>
|
|
|
|
|
|
<!-- <template #right-icon>-->
|
|
|
@@ -51,44 +51,66 @@
|
|
|
</van-panel>
|
|
|
</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="入侵报警撤防时间:">
|
|
|
+<!-- <div class="card" v-for="v in checkList" :key="v.itemid">-->
|
|
|
+<!-- <van-cell :title="v.itemname" >-->
|
|
|
+<!-- <template #label>-->
|
|
|
+<!-- <van-collapse v-model="activeNames" >-->
|
|
|
+<!-- <van-collapse-item v-for="(item,index) in v.checkitemlist" :title="item.pointname" :name="index" :key="item.itemid">-->
|
|
|
+<!-- <van-cell :border="false" title="入侵报警撤防时间:">-->
|
|
|
+<!-- <template #right-icon>-->
|
|
|
+<!-- <van-switch-->
|
|
|
+<!-- v-model="v.checked"-->
|
|
|
+<!-- inactive-color="#4fc08d"-->
|
|
|
+<!-- active-color="orange"-->
|
|
|
+<!-- size="20" />-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </van-cell>-->
|
|
|
+<!-- <van-cell-group v-show="v.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>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </van-cell>-->
|
|
|
+<!-- </div>-->
|
|
|
+
|
|
|
+
|
|
|
+ <div class="card" v-if="selectArea">
|
|
|
+ <van-collapse v-model="activeNames" v-for="v in checkList" :key="v.itemid">
|
|
|
+ <van-collapse-item :title="v.itemname" name="1" >
|
|
|
+ <div v-for="(item,index) in v.checkitemlist" :key="item.pointdataid">
|
|
|
+ <van-cell :border="false" :title="item.pointname">
|
|
|
<template #right-icon>
|
|
|
<van-switch
|
|
|
- v-model="checked"
|
|
|
+ v-model="v.checked"
|
|
|
inactive-color="#4fc08d"
|
|
|
active-color="orange"
|
|
|
size="20" />
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
- </van-collapse-item>
|
|
|
- </van-collapse>
|
|
|
- </van-panel>
|
|
|
- </div>
|
|
|
-
|
|
|
+ <van-cell-group v-show="v.checked">
|
|
|
+ <van-field
|
|
|
+ v-model="v.info"
|
|
|
+ rows="1"
|
|
|
+ autosize
|
|
|
+ label="情况描述:"
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入"/>
|
|
|
+ <div class="upload-box">
|
|
|
+ <van-uploader v-model="v.fileList" multiple />
|
|
|
+ </div>
|
|
|
+ <select-cell title="整改期限" v-model="v.endDate" :dict="'rectification_period'" is-link/>
|
|
|
|
|
|
-<!-- <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>-->
|
|
|
+<!-- <date-cell title="客户区" date-type="date" v-model="v.date1"/>-->
|
|
|
+<!-- <date-cell title="整改期限" dateType="date" />-->
|
|
|
+<!-- <select-cell title="测试" v-model="v.sss" :dict="'sys_business_type'" is-link/>-->
|
|
|
+ </van-cell-group>
|
|
|
+ <date-cell v-for="(val,ind) in item.protectionVo" :title="val.name" v-model="val.statusUpdateTime" :key="val.id" date-type="datetime" />
|
|
|
+ </div>
|
|
|
+ </van-collapse-item>
|
|
|
<!-- <van-collapse-item title="技防设备检查" name="2">-->
|
|
|
<!-- <van-cell title="报警及通信设备状态是否良好:">-->
|
|
|
<!-- <template #right-icon>-->
|
|
|
@@ -135,8 +157,8 @@
|
|
|
<!-- </div>-->
|
|
|
<!-- <van-cell title="整改期限" is-link/>-->
|
|
|
<!-- </van-collapse-item>-->
|
|
|
-<!-- </van-collapse>-->
|
|
|
-<!-- </div >-->
|
|
|
+ </van-collapse>
|
|
|
+ </div >
|
|
|
|
|
|
<p class="warning-msg">需要完成所有区域的履职内容才能提交内容</p>
|
|
|
<div class=""></div>
|
|
|
@@ -175,7 +197,7 @@ export default {
|
|
|
NFCNum:0,
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
+ mounted() {
|
|
|
this.getData();
|
|
|
},
|
|
|
computed:{
|
|
|
@@ -208,7 +230,12 @@ export default {
|
|
|
},
|
|
|
activeArea(area,index){
|
|
|
this.$nextTick(()=>{
|
|
|
- document.getElementsByClassName('check-area')[index].classList.add('active');
|
|
|
+ let doms = document.getElementsByClassName('check-area');
|
|
|
+ console.log(doms,'doms')
|
|
|
+ Array.prototype.forEach.call(doms,item=>{
|
|
|
+ item.classList.remove('active');
|
|
|
+ })
|
|
|
+ doms[index].classList.add('active');
|
|
|
})
|
|
|
this.selectArea = area;
|
|
|
this.checkList = area.checklist;
|
|
|
@@ -220,7 +247,9 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+<style lang="scss">
|
|
|
|
|
|
+</style>
|
|
|
<style lang="scss" scoped>
|
|
|
.lz-edit{
|
|
|
height: 100%;
|
|
|
@@ -237,12 +266,13 @@ export default {
|
|
|
.check-area{
|
|
|
background-color: #f1f1f1;
|
|
|
margin: 10px;
|
|
|
- padding:10px;
|
|
|
+ padding:20px;
|
|
|
color:#aaa;
|
|
|
border-radius: 6px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
+ box-shadow: 0 2px 6px #ddd;
|
|
|
}
|
|
|
.custom-title {
|
|
|
align-self: center;
|