This commit is contained in:
shijingjing
2022-04-28 15:40:24 +08:00
parent 95e227f62b
commit 129a68033e
2 changed files with 260 additions and 190 deletions

View File

@@ -23,18 +23,18 @@
<span>与户主关系</span>
</div>
<div class="right">
<AiSelect dict="fpRelationship" v-model="form.relationship"></AiSelect>
<AiSelect dict="fpRelationship" v-model="form.householdRelation"></AiSelect>
</div>
</div>
</div>
<div class="form-item">
<div class="form-item" v-if="!id">
<div class="form-item__wrapper">
<div class="left">
<i style="width: 8px;"></i>
<span>选择人员</span>
</div>
<div class="right">
<AiPagePicker class="select" :selected.sync="userList">
<AiPagePicker class="select" :selected.sync="userList" householdName="1" >
<span v-if="!userList.length">请选择</span>
<span v-if="userList.length" style="color: #333;">{{ userList[0].name }}</span>
<u-icon name="arrow-right" color="#DDD" size="28"></u-icon>
@@ -42,7 +42,7 @@
</div>
</div>
</div>
<div class="form-item">
<div class="form-item" v-if="id">
<div class="form-item__wrapper">
<div class="left">
<i style="width: 8px;"></i>
@@ -184,9 +184,8 @@
<AiUploader :def.sync="photo" multiple placeholder="上传图片" :limit="1" action="/admin/file/add2"></AiUploader>
</div>
</div>
</div>
<!-- <div style="height: 8px; width: 100%;background: #f3f4f5;"></div> -->
<!-- v-if="flag" -->
<div class="form-group" >
<div class="form-item">
<div class="form-item__wrapper">
@@ -226,7 +225,7 @@
<span>残疾类别</span>
</div>
<div class="right">
<AiSelect dict="fpStudentsInSchool" v-model="form.schoolStatus"></AiSelect>
<AiSelect dict="fpDisabilityType" v-model="form.disabilityType"></AiSelect>
</div>
</div>
</div>
@@ -237,7 +236,7 @@
<span>残疾证办理年度</span>
</div>
<div class="right">
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
<AiSelect dict="fpYear" v-model="form.disabilityCertificateYear"></AiSelect>
</div>
</div>
</div>
@@ -252,8 +251,8 @@
<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>
<div class="cards" v-for="(e, index) in basicsCheckList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="basicsCheck(e, index)" >{{ e.dictName }}</div>
</div>
</div>
</div>
@@ -269,14 +268,15 @@
<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>
<div class="cards" v-for="(e, index) in guaranteeCheckList" :key="index">
<div :style="{color:e.checked == true ? '#1174FE' : '#333'}" @click="guaranteeCheck(e, index)" >{{ e.dictName }}</div>
</div>
</div>
</div>
</div>
</div>
<!-- 劳动技能 -->
<div class="form-group">
<div class="form-item">
<div class="form-item__wrapper">
@@ -296,12 +296,14 @@
<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 class="check-item" :class="form.mandarin == '01' ? 'check-active' : '' " @click="form.mandarin='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.mandarin != '01' ? 'check-active' : '' " @click="form.mandarin='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">
@@ -310,7 +312,7 @@
<span>就业渠道</span>
</div>
<div class="right">
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
<AiSelect dict="fpEmploymentChannels" v-model="form.employmentChannels"></AiSelect>
</div>
</div>
</div>
@@ -321,7 +323,7 @@
<span>务工企业名称</span>
</div>
<div class="right">
<input placeholder="请输入" v-model="form.workArea" placeholder-style="color: #999; font-size: 30rpx;"/>
<input placeholder="请输入" type="text" v-model="form.migrantEnterprises" placeholder-style="color: #999; font-size: 30rpx;"/>
</div>
</div>
</div>
@@ -343,7 +345,7 @@
<span>公益性岗位</span>
</div>
<div class="right">
<input placeholder="请输入" v-model="form.workeMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="2"/>
<input placeholder="请输入" v-model="form.publicWelfarePosts" type="text" placeholder-style="color: #999; font-size: 30rpx;" maxlength="2"/>
</div>
</div>
</div>
@@ -354,11 +356,12 @@
<span>公益性岗位月数</span>
</div>
<div class="right">
<input placeholder="请输入" v-model="form.workeMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="2"/>
<input placeholder="请输入" v-model="form.publicWelfarePostsMonths" type="number" placeholder-style="color: #999; font-size: 30rpx;" maxlength="2"/>
</div>
</div>
</div>
</div>
<!-- 是否国外务工 -->
<div class="form-group">
<div class="form-item">
@@ -368,8 +371,8 @@
<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 class="check-item" :class="form.foreignWorkers == '01' ? 'check-active' : '' " @click="form.foreignWorkers='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.foreignWorkers != '01' ? 'check-active' : '' " @click="form.foreignWorkers='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -380,14 +383,15 @@
<span>务工所在地</span>
</div>
<div class="right">
<input placeholder="请输入" v-model="form.workArea" placeholder-style="color: #999; font-size: 30rpx;"/>
<input placeholder="请输入" type="text" v-model="form.foreignWorkersAddress" placeholder-style="color: #999; font-size: 30rpx;"/>
</div>
</div>
</div>
</div>
</div>
<!-- <div style="height: 8px; width: 100%;background: #f3f4f5;"></div> -->
<div class="form-group" v-if="flag && !id">
<!-- <div class="form-group" v-if="flag && !id">
<div class="form-item">
<div class="form-item__wrapper">
<div class="left">
@@ -448,7 +452,7 @@
</div>
</div>
</div>
</div>
</div> -->
<!-- 情况描述 -->
<div class="condition" v-if="current == 1">
@@ -524,6 +528,17 @@ export default {
photo: '',
riskType: '',
detail: '',
disabilityType: '', // 残疾类型
disabilityCertificateYear: '',
basicsCheck: '', // 基础保险
guaranteeCheck: '', // 保障措施
mandarin: '',
employmentChannels: '',
migrantEnterprises: '',
publicWelfarePosts: '',
publicWelfarePostsMonths: '',
foreignWorkers: '',
foreignWorkersAddress: '',
},
$areaId: '',
isEdit: false,
@@ -534,7 +549,26 @@ export default {
flag: false,
helthList: [],
namelist:[],
sickList: '',
basicsCheckList: [
{dictName: '城乡居民基本医疗保险', checked: false},
{dictName: '城镇职工基本医疗保险',checked: false},
{dictName: '大病保险',checked: false},
{dictName: '商业补充医疗保险',checked: false},
{dictName: '城乡居民基本养老保险',checked: false},
{dictName: '城镇职工基本养老保险',checked: false},
{dictName: '享受人身意外保险补贴',checked: false},
],
basicsList: [],
guaranteeCheckList: [
{dictName: '享受农村最低生活保障', checked: false},
{dictName: '是否特困供养人员', checked: false},
{dictName: '分散供养五保户转集中供养(减少)', checked: false},
{dictName: '是否接受医疗救助', checked: false},
{dictName: '是否接受其它健康扶贫', checked: false},
],
guaranteeList: [],
}
},
computed: {
@@ -555,7 +589,7 @@ export default {
onLoad(query) {
this.isGirdUser()
this.$dict.load(['fpType','fpRiskType', 'riskEliminationMethod', 'fpRiskType', 'fpYesOrNo', 'fpNation', 'fpEducation', 'fpStudentsInSchool', 'fpHealth',
'fpLaborSkills', 'fpPoliticalOutlook', 'sex', 'fpHealth']).then(() => {
'fpLaborSkills', 'fpPoliticalOutlook', 'sex', 'fpHealth','fpDisabilityType','fpYear','fpYesOrNo','fpEmploymentChannels']).then(() => {
this.$dict.getDict('fpHealth').map((item) =>{
this.helthList.push({
@@ -597,19 +631,7 @@ export default {
})
},
checkboxChange(e) {
console.log(e);
var arr = []
this.helthList.map((v)=>{
console.log(v);
if(v.checked == true){
console.log(0,v);
}
})
},
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 }) // 赋值
@@ -624,7 +646,16 @@ export default {
})
}
this.sickList = this.namelist.map(v=>v.dictValue).join(',')
this.form.healthyStatus = this.namelist.map(v=>v.dictValue).join(',')
},
// 医疗保险
basicsCheck(row, i) {
this.basicsCheckList[i].checked = !this.basicsCheckList[i].checked
},
// 保障措施
guaranteeCheck(row, i) {
this.guaranteeCheckList[i].checked = !this.guaranteeCheckList[i].checked
},
nextStep() {
@@ -658,11 +689,50 @@ export default {
this.current = 1
},
checkInit(formName, list, index) {
if(list[index].checked) {
this.form[formName] = '01'
}else {
this.form[formName] = '02'
}
},
submit() {
if(!this.form.riskType) {
return this.$u.toast('请选择风险因素')
}
this.basicsCheckList.map((item, index) => {
console.log(item.checked,index);
if (item.checked) {
this.basicsList.push(index)
}
})
this.form.basicsCheck = this.basicsList.join(',')
this.guaranteeCheckList.map((item, index) => {
if (item.checked) {
this.guaranteeList.push(index)
}
})
this.form.guaranteeCheck = this.guaranteeList.join(',')
this.checkInit('jcbxCxyiliao',this.basicsCheckList, 0)
this.checkInit('jcbxCzyiliao',this.basicsCheckList, 1)
this.checkInit('jcbxDabing',this.basicsCheckList, 2)
this.checkInit('jcbxShangye',this.basicsCheckList, 3)
this.checkInit('jcbxCxyanglao',this.basicsCheckList, 4)
this.checkInit('jcbxCzyanglao',this.basicsCheckList, 5)
this.checkInit('jcbxRenshenyiwai',this.basicsCheckList, 6)
this.checkInit('bzcsNongcundibao',this.guaranteeCheckList, 0)
this.checkInit('bzcsTekungongyang',this.guaranteeCheckList, 1)
this.checkInit('bzcsWubaohu',this.guaranteeCheckList, 2)
this.checkInit('bzcsYiliaojiuzhu',this.guaranteeCheckList, 3)
this.checkInit('bzcsQita',this.guaranteeCheckList, 4)
this.$http.post('/app/apppreventionreturntopoverty/addByEwechat', {
...this.form,
id: this.isEdit ? this.id : ''
@@ -675,6 +745,7 @@ export default {
}).catch((err) => {
this.$u.toast(err)
})
// console.log(this.form);
},
onAreaChange(e) {

View File

@@ -10,8 +10,8 @@
<span class="label" v-if="areaName">{{ areaName }}</span>
<i v-else>请选择</i>
</AiAreaPicker>
</div> -->
<div class="line"></div>
</div>
<div class="line"></div> -->
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bar-width="150" @change="change"></u-tabs>
<div class="seach-obj">
<u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名/身份证号" :show-action="false" bg-color="#F5F5F5"
@@ -100,7 +100,6 @@ export default {
if (res.data.checkType != '0') {
this.isAdmin = true
this.checkType = res.data.checkType
// this.checkType = 1
this.getList()
}
}