kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增个人详情

Browse Source
This commit is contained in:
shijingjing
2022-04-28 09:50:49 +08:00
parent d6f0c0f4a9
commit a1419dd5c4
4 changed files with 311 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
src/apps/AppMonitoringObject/Add.vue
View File

@@ -176,53 +176,33 @@
</div>
<!-- 个人健康状况 -->
<div class="form-group">
<div class="form-item">
<div class="form-item__wrappers checkbox">
<div class="top">
<i style="opacity: 0;">*</i>
<span>个人健康状况</span>
</div>
<div class="bottoms">
<div class="cards" v-for="(e, index) in helthList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)" >{{ e.dictName }}</div>
<!-- :class="e.isChecked == true ? active : ''" -->
<!-- :style="{background:e.checked == true ? 'red' : '#ccc'}" -->
<!-- color: #1174FE; -->
<!-- border: 1px solid #1174FE; -->
</div>
</div>
</div>
</div>
</div>
<!-- <div class="form-group">
<div class="form-item">
<div class="form-item__wrappers checkbox">
<div class="form-item__wrappers">
<div class="top">
<i style="opacity: 0;">*</i>
<span>个人健康状况</span>
<span>个人健康状况(可多选)</span>
</div>
<div class="bottom">
<div class="cards" v-for="(e, index) in userList" :key="index">
<div @click="userClick1(e, index)" style="padding: 10px 0 10px 20px" :class="e.isChecked == true ? active : ''">{{ e.dictName }}</div>
<div class="bottoms">
<div class="cards" v-for="(e, index) in helthList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)" >{{ e.dictName }}</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
<!-- 残疾类别 -->
<div class="form-group">
<div class="form-item">
<div class="form-item__wrapper">
<div class="left">
<div class="form-item__wrappers">
<div class="top">
<i style="opacity: 0;">*</i>
<span>残疾类别</span>
<span>残疾类别(可多选)</span>
</div>
<div class="right">
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
<div class="bottoms">
<div class="cards" v-for="(e, index) in helthList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)" >{{ e.dictName }}</div>
</div>
</div>
</div>
</div>
@@ -242,23 +222,15 @@
<!-- 基础保险 -->
<div class="form-group">
<div class="form-item">
<div class="form-item__wrapper checkbox">
<div class="left">
<i style="opacity: 0;"></i>
<span>基础保险（可多选）</span>
<div class="form-item__wrappers">
<div class="top">
<i style="opacity: 0;">*</i>
<span>基础保险(可多选)</span>
</div>
<div class="right">
<!-- <AiSelect dict="fpHealth" v-model="form.healthyStatus"></AiSelect> -->
<u-checkbox-group @change="checkboxGroupChange()">
<u-checkbox
v-model="e.checked"
v-for="(e, i) in helthList" :key="i"
:name="e.dictValue"
@change="checkboxChange(e)"
>{{ e.dictName }}
</u-checkbox>
</u-checkbox-group>
<div class="bottoms">
<div class="cards" v-for="(e, index) in helthList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)" >{{ e.dictName }}</div>
</div>
</div>
</div>
</div>
@@ -267,23 +239,15 @@
<!-- 保障措施 -->
<div class="form-group">
<div class="form-item">
<div class="form-item__wrapper checkbox">
<div class="left">
<div class="form-item__wrappers">
<div class="top">
<i style="opacity: 0;">*</i>
<span>保障措施（可多选）</span>
<span>保障措施(可多选)</span>
</div>
<div class="right">
<!-- <AiSelect dict="fpHealth" v-model="form.healthyStatus"></AiSelect> -->
<u-checkbox-group @change="checkboxGroupChange()">
<u-checkbox
v-model="e.checked"
v-for="(e, i) in helthList" :key="i"
:name="e.dictValue"
@change="checkboxChange(e)"
>{{ e.dictName }}
</u-checkbox>
</u-checkbox-group>
<div class="bottoms">
<div class="cards" v-for="(e, index) in helthList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="userClick(e, index)" >{{ e.dictName }}</div>
</div>
</div>
</div>
</div>
@@ -550,32 +514,17 @@ export default {
},
computed: {
...mapState(['user']),
// userChange() {
// if(this.userList.length) {
// this.isEdit = true;
// this.form.name = this.userList[0].name
// this.form.idNumber = this.userList[0].idNumber
// return [this.isEdit,this.form.name,this.form.idNumber]
// }
// },
// sexChange() {
// if(this.form.idNumber) {
// return this.form.sex = this.form.idNumber.substr(16, 1) % 2 == 0 ? '1' : '0'
// }
// }
},
watch:{
userList:{
handler: function (newValue,oldValue) {
this.isEdit = true;
this.isEdit = true;
this.form.name =newValue[0].name
this.form.idNumber = newValue[0].idNumber
this.form.sex = this.form.idNumber.substr(16, 1) % 2 == 0 ? '1' : '0'
},deep:true
},
deep: true,
},
},
onLoad(query) {
@@ -632,15 +581,6 @@ export default {
console.log(0,v);
}
})
// this.helthList.filter((v)=>{
// if(v.checked == true){
// console.log(0);
// }
// arr.push(v.checked == true)
// })
// console.log(arr);
// this.formDataList[indexs][index].checkList[i].checked = !this.formDataList[indexs][index].checkList[i].checked
},
userClick(row, i) {
@@ -662,10 +602,6 @@ export default {
this.sickList = this.namelist.map(v=>v.dictValue).join(',')
},
checkboxGroupChange(e) {
// console.log(e)
},
nextStep() {
const rules = this.rules()