29316
This commit is contained in:
shijingjing
@@ -160,8 +160,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div style="height: 8px; width: 100%;background: #f3f4f5;"></div> -->
|
||||
|
||||
<div class="form-group" v-if="flag">
|
||||
<!-- 、 v-if="flag" -->
|
||||
<div class="form-group">
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
@@ -173,27 +173,123 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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="top">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- 残疾类别 -->
|
||||
<div class="form-group">
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>残疾类别</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>残疾证办理年度</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 基础保险 -->
|
||||
<div class="form-group">
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper checkbox">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>健康状况</span>
|
||||
<i style="opacity: 0;"></i>
|
||||
<span>基础保险（可多选）</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
|
||||
<!-- <AiSelect dict="fpHealth" v-model="form.healthyStatus"></AiSelect> -->
|
||||
<u-checkbox-group>
|
||||
<u-checkbox-group @change="checkboxGroupChange()">
|
||||
<u-checkbox
|
||||
v-model="e.checked"
|
||||
v-for="(e, i) in $dict.getDict('fpHealth')" :key="i"
|
||||
v-for="(e, i) in helthList" :key="i"
|
||||
:name="e.dictValue"
|
||||
@change="checkboxChange(indexs, index, i)"
|
||||
@change="checkboxChange(e)"
|
||||
>{{ e.dictName }}
|
||||
</u-checkbox>
|
||||
</u-checkbox-group>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 保障措施 -->
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
@@ -209,7 +305,32 @@
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>务工区域</span>
|
||||
<span>是否会讲普通话</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="check-item" :class="form.basicMedicalTreatment == '01' ? 'check-active' : '' " @click="form.basicMedicalTreatment='01'">是<img src="./components/img/check-icon.png" alt=""></div>
|
||||
<div class="check-item" :class="form.basicMedicalTreatment != '01' ? 'check-active' : '' " @click="form.basicMedicalTreatment='02'">否<img src="./components/img/check-icon.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>就业渠道</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>务工企业名称</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<input placeholder="请输入" v-model="form.workArea" placeholder-style="color: #999; font-size: 30rpx;"/>
|
||||
@@ -227,8 +348,55 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>公益性岗位</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<input placeholder="请输入" v-model="form.workeMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="2"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>公益性岗位（月数）</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<input placeholder="请输入" v-model="form.workeMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="2"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 是否国外务工 -->
|
||||
<div class="form-group">
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>是否国外务工</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="check-item" :class="form.basicMedicalTreatment == '01' ? 'check-active' : '' " @click="form.basicMedicalTreatment='01'">是<img src="./components/img/check-icon.png" alt=""></div>
|
||||
<div class="check-item" :class="form.basicMedicalTreatment != '01' ? 'check-active' : '' " @click="form.basicMedicalTreatment='02'">否<img src="./components/img/check-icon.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<div class="form-item__wrapper">
|
||||
<div class="left">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>务工所在地</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<input placeholder="请输入" v-model="form.workArea" placeholder-style="color: #999; font-size: 30rpx;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div style="height: 8px; width: 100%;background: #f3f4f5;"></div> -->
|
||||
|
||||
<div class="form-group" v-if="flag">
|
||||
@@ -326,6 +494,7 @@
|
||||
|
||||
<script>
|
||||
import {mapState} from 'vuex'
|
||||
import listVue from '../AppBuilding/list.vue';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -375,24 +544,37 @@ export default {
|
||||
userList: [],
|
||||
flag: false,
|
||||
helthList: [],
|
||||
namelist:[],
|
||||
sickList: '',
|
||||
}
|
||||
},
|
||||
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]
|
||||
}
|
||||
// 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.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
|
||||
},
|
||||
sexChange() {
|
||||
if(this.form.idNumber) {
|
||||
return this.form.sex = this.form.idNumber.substr(16, 1) % 2 == 0 ? '1' : '0'
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
@@ -400,12 +582,21 @@ export default {
|
||||
this.isGirdUser()
|
||||
this.$dict.load(['fpType','fpRiskType', 'riskEliminationMethod', 'fpRiskType', 'fpYesOrNo', 'fpNation', 'fpEducation', 'fpStudentsInSchool', 'fpHealth',
|
||||
'fpLaborSkills', 'fpPoliticalOutlook', 'sex', 'fpHealth']).then(() => {
|
||||
|
||||
this.$dict.getDict('fpHealth').map((item) =>{
|
||||
this.helthList.push({
|
||||
dictName: item.dictName,
|
||||
dictValue: item.dictValue,
|
||||
checked: false,
|
||||
})
|
||||
})
|
||||
|
||||
if (query.id) {
|
||||
this.flag = true
|
||||
this.id = query.id
|
||||
this.getInfo(this.id)
|
||||
// this.photo = this.form.files[0].url
|
||||
}else {
|
||||
this.photo = this.form.photo
|
||||
} else {
|
||||
this.form.currentAreaId = this.user.areaId
|
||||
}
|
||||
})
|
||||
@@ -432,9 +623,47 @@ export default {
|
||||
})
|
||||
},
|
||||
|
||||
checkboxChange(indexs, index, i) {
|
||||
this.formDataList[indexs][index].checkList[i].checked = !this.formDataList[indexs][index].checkList[i].checked
|
||||
this.$forceUpdate()
|
||||
checkboxChange(e) {
|
||||
console.log(e);
|
||||
var arr = []
|
||||
this.helthList.map((v)=>{
|
||||
console.log(v);
|
||||
if(v.checked == true){
|
||||
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) {
|
||||
// console.log(0,row);
|
||||
if (!this.helthList[i].checked) {
|
||||
this.helthList[i].checked = true // 确定
|
||||
this.namelist.push({ dictValue: row.dictValue, dictName: row.dictName }) // 赋值
|
||||
} else {
|
||||
this.helthList[i].checked = false // 取消
|
||||
this.namelist.map((item, index) => {
|
||||
// 判断当前项是否取消
|
||||
if (item.dictValue == row.dictValue) {
|
||||
// 如果当前项取消了,就删掉当前项
|
||||
this.namelist.splice(index, 1)
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
this.sickList = this.namelist.map(v=>v.dictValue).join(',')
|
||||
},
|
||||
|
||||
checkboxGroupChange(e) {
|
||||
// console.log(e)
|
||||
},
|
||||
|
||||
nextStep() {
|
||||
@@ -541,6 +770,10 @@ export default {
|
||||
.add {
|
||||
padding-bottom: 120px;
|
||||
|
||||
.isActive {
|
||||
background: #3975C6;
|
||||
}
|
||||
|
||||
.steps {
|
||||
height: 176px;
|
||||
::v-deep .u-steps {
|
||||
@@ -596,9 +829,28 @@ export default {
|
||||
border-bottom: 1px solid #E4E5E6;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
display: flex;
|
||||
|
||||
.form-item__wrappers {
|
||||
padding-right:30px;
|
||||
box-sizing: border-box;
|
||||
.top {
|
||||
font-size: 32px;
|
||||
padding: 32px 0;
|
||||
}
|
||||
.bottoms{
|
||||
padding-bottom: 20px;
|
||||
.cards {
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #CCCCCC;
|
||||
border-radius: 16px;
|
||||
margin-bottom: 16px;
|
||||
.changeActive {
|
||||
color: #1174FE;
|
||||
border: 1px solid #1174FE;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
|
||||
Reference in New Issue
Block a user