This commit is contained in:
shijingjing
2022-04-28 08:20:32 +08:00
parent 9f525bab46
commit d6f0c0f4a9
4 changed files with 421 additions and 49 deletions

View File

@@ -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 {

View File

@@ -28,6 +28,18 @@
<span>{{ info.currentAddress }}</span>
</div>
<div class="more-info" v-if="viewAll">
<div class="item-info">
<label>身份证号</label>
<span>{{ $dict.getLabel('fpNation', info.nation) }}</span>
</div>
<div class="item-info">
<label>性别</label>
<span>{{ $dict.getLabel('fpNation', info.nation) }}</span>
</div>
<div class="item-info">
<label>出生日期</label>
<span>{{ $dict.getLabel('fpNation', info.nation) }}</span>
</div>
<div class="item-info">
<label>民族</label>
<span>{{ $dict.getLabel('fpNation', info.nation) }}</span>
@@ -48,12 +60,46 @@
<label>健康状况</label>
<span>{{ $dict.getLabel('fpHealth', info.healthyStatus) }}</span>
</div>
<div class="item-info">
<!-- <div class="item-info">
<label>大病保险</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.seriousIllnessInsurance) }}</span>
</div> -->
<div class="item-info">
<label>残疾类别</label>
<span>{{ $dict.getLabel('fpNation', info.nation) }}</span>
</div>
<div class="item-info">
<label>医疗参保</label>
<label>残疾证办证年度</label>
<span>{{ $dict.getLabel('fpNation', info.nation) }}</span>
</div>
<!-- 基础保障 -->
<h4 style="fon-size: 17px;font-weight: 600;margin-top: 8px;">基础保障</h4>
<div class="item-info">
<label>是否参加城乡居民基本医保</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
<label>是否参加城镇职工基本医保</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
<label>是否参加大病保险</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
<label>是否参加商业补充医保</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
<label>是否参加城乡居民养老保险</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
<label>是否参加城镇职工养老保险</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
<label>享受人身意外保险</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.basicMedicalTreatment) }}</span>
</div>
<div class="item-info">
@@ -61,23 +107,57 @@
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
</div>
<div class="item-info">
<label>老保险</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.endowmentInsurance) }}</span>
<label>是否特困供</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
</div>
<div class="item-info">
<label>特困供养</label>
<label>分散转集中供养</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
</div>
<div class="item-info">
<label>是否接受医疗救助</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.specialPovertySupport) }}</span>
</div>
<div class="item-info">
<label>是否接受其他健康扶助</label>
<span>{{ $dict.getLabel('fpYesOrNo', info.specialPovertySupport) }}</span>
</div>
<!-- 务工就业 -->
<h4 style="fon-size: 17px;font-weight: 600;margin-top: 8px;">务工就业</h4>
<div class="item-info">
<label>劳动技能</label>
<span>{{ $dict.getLabel('fpLaborSkills', info.labourStatus) }}</span>
</div>
<div class="item-info">
<label>是否会讲普通话</label>
<span>{{ $dict.getLabel('fpLaborSkills', info.labourStatus) }}</span>
</div>
<div class="item-info">
<label>就业渠道</label>
<span>{{ $dict.getLabel('fpLaborSkills', info.labourStatus) }}</span>
</div>
<div class="item-info">
<label>务工企业名称</label>
<span>{{ $dict.getLabel('fpLaborSkills', info.labourStatus) }}</span>
</div>
<div class="item-info">
<label>务工时间/</label>
<span>{{ info.workeMonths }}</span>
</div>
<div class="item-info">
<label>务工区域</label>
<label>公益性岗位</label>
<span>{{ info.workeMonths }}</span>
</div>
<div class="item-info">
<label>公益性岗位(月数)</label>
<span>{{ info.workeMonths }}</span>
</div>
<div class="item-info">
<label>是否国外务工</label>
<span>{{ info.workeMonths }}</span>
</div>
<div class="item-info">
<label>务工所在地</label>
<span>{{ info.workArea }}</span>
</div>
</div>
@@ -108,6 +188,18 @@
@click="call(info.monitoringContactPhone)">{{ info.monitoringContactPhone || '-' }}</span>
</div> -->
</div>
<div class="item-wrapper">
<div class="item-header">
<div class="left">
<h2>帮扶措施</h2>
</div>
<span @click="toLogList()">查看</span>
</div>
<div class="item-info">
<label>采取措施</label>
<span>{{ $dict.getLabel('fpAssistanceMeasures',info.operationDesc) }}</span>
</div>
</div>
<div class="item-wrapper">
<div class="item-header">
<div class="left">
@@ -130,7 +222,7 @@
<div class="item-wrapper">
<div class="item-header">
<div class="left">
<h2>家庭情况</h2>
<h2>生产生活条件</h2>
<i :style="{color: isFamilySituation ? '#2EA222' : '#FF4466'}">({{
isFamilySituation ? '已填写' : '未填写'
}})</i>
@@ -146,18 +238,35 @@
<span>{{ $dict.getLabel('fpYesOrNo', info.drinkingWaterSafety) || '-' }}</span>
</div> -->
<div class="item-info">
<label>档案状态</label>
<label>是否危房</label>
<span>{{ $dict.getLabel('fpPrtpStatus', info.status) || '-' }}</span>
</div>
<div class="item-info">
<label>风险因素</label>
<label>饮用水安全问题</label>
<span>{{ $dict.getLabel('fpRiskType', info.riskType) || '-' }}</span>
</div>
</div>
<div class="item-wrapper">
<div class="item-header">
<div class="left">
<h2>收支情况</h2>
<h2>家庭风险情况</h2>
<i :style="{color: isIncome ? '#2EA222' : '#FF4466'}">({{ isIncome ? '已填写' : '未填写' }})</i>
</div>
<span @click="linkTo(`./MonitorIncome?id=${info.id}&girdId=${girdInfo.girdId}&girdName=${girdInfo.girdName}`)">编辑</span>
</div>
<div class="item-info">
<label>风险因素</label>
<span>{{ info.income8 }}</span>
</div>
<div class="item-info">
<label>风险是否已消除</label>
<span>{{ info.income9 }}</span>
</div>
</div>
<div class="item-wrapper">
<div class="item-header">
<div class="left">
<h2>家庭收支情况</h2>
<i :style="{color: isIncome ? '#2EA222' : '#FF4466'}">({{ isIncome ? '已填写' : '未填写' }})</i>
</div>
<span @click="linkTo(`./MonitorIncome?id=${info.id}&girdId=${girdInfo.girdId}&girdName=${girdInfo.girdName}`)">编辑</span>
@@ -171,32 +280,42 @@
<span>{{ info.income9 }}</span>
</div>
</div>
<!-- <div class="item-wrapper">
<div class="item-wrapper">
<div class="item-header">
<div class="left">
<h2>帮扶情况</h2>
<h2>人员变更</h2>
<i :style="{color: isPoorStatus ? '#2EA222' : '#FF4466'}">({{ isPoorStatus ? '已填写' : '未填写' }})</i>
</div>
<span @click="linkTo(`./MonitorPoorStatus?id=${info.id}&girdId=${girdInfo.girdId}&girdName=${girdInfo.girdName}`)" v-if="info.status == 1">编辑</span>
</div>
<div class="item-info">
<label>产业帮扶</label>
<label>信息采集人</label>
<span>{{ $dict.getLabel('fpIndustrialAssistance', info.industrialAssistance) || '-' }}</span>
</div>
<div class="item-info">
<label>健康帮扶</label>
<label>信息采集人电话</label>
<span>{{ $dict.getLabel('fpHealthAssistance', info.healthAssistance) || '-' }}</span>
</div>
</div> -->
</div>
<div class="item-wrapper">
<div class="item-header">
<div class="left">
<h2>帮扶措施</h2>
<h2>风险</h2>
<i :style="{color: isPoorStatus ? '#2EA222' : '#FF4466'}">({{ isPoorStatus ? '已填写' : '未填写' }})</i>
</div>
<span @click="toLogList()">查看</span>
<span @click="linkTo(`./MonitorPoorStatus?id=${info.id}&girdId=${girdInfo.girdId}&girdName=${girdInfo.girdName}`)" v-if="info.status == 1">编辑</span>
</div>
<div class="item-info">
<label>信息采集人</label>
<span>{{ $dict.getLabel('fpIndustrialAssistance', info.industrialAssistance) || '-' }}</span>
</div>
<div class="item-info">
<label>信息采集人电话</label>
<span>{{ $dict.getLabel('fpHealthAssistance', info.healthAssistance) || '-' }}</span>
</div>
</div>
</div>
<div class="tab-content__item" v-show="currIndex === 1">
<div class="log-item" v-for="(item, index) in list" :key="index">
<div class="log-item__wrapper">
@@ -323,7 +442,7 @@ export default {
this.isFrom = true
}
this.$dict.load(['fpType', 'riskEliminationMethod', 'fpRiskType', 'fpYesOrNo', 'fpNation', 'fpEducation', 'fpStudentsInSchool', 'fpHealth',
'fpLaborSkills', 'fpPoliticalOutlook', 'fpIndustrialAssistance', 'fpHealthAssistance']).then(() => {
'fpLaborSkills', 'fpPoliticalOutlook', 'fpIndustrialAssistance', 'fpHealthAssistance','fpAssistanceMeasures']).then(() => {
this.isGirdUser()
this.getInfo()
})

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"

View File

@@ -46,6 +46,7 @@ export default {
let {config, nodeKey} = this,
selected = this.value || this.selected?.map(e => e[nodeKey])
uni.$once('pagePicker:' + this.type, data => {
console.log('发送',data)
this.$emit("update:selected", data)
this.$emit("select", data)
this.$emit("change", data.map(e => e[nodeKey]))