新增个人详情
This commit is contained in:
shijingjing
@@ -177,52 +177,32 @@
|
||||
<!-- 个人健康状况 -->
|
||||
<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="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">
|
||||
<div class="form-item__wrappers">
|
||||
<div class="top">
|
||||
<i style="opacity: 0;">*</i>
|
||||
<span>残疾类别</span>
|
||||
<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>
|
||||
<div class="right">
|
||||
<AiSelect dict="fpLaborSkills" v-model="form.labourStatus"></AiSelect>
|
||||
</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="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 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>
|
||||
@@ -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="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 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>
|
||||
@@ -550,21 +514,6 @@ 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:{
|
||||
@@ -573,9 +522,9 @@ export default {
|
||||
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()
|
||||
|
||||
|
||||
@@ -16,8 +16,7 @@
|
||||
<p>{{ info.phone }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- v-if="info.status == 1" -->
|
||||
<span @click="linkTo('./Add?id=' + info.id)">编辑</span>
|
||||
<span @click="linkTo('./residentDetail?id=' + info.id)">详情</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>现住地址</label>
|
||||
@@ -27,166 +26,6 @@
|
||||
<label>详细地址</label>
|
||||
<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>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>政治面貌</label>
|
||||
<span>{{ $dict.getLabel('fpPoliticalOutlook', info.politicsStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>文化程度</label>
|
||||
<span>{{ $dict.getLabel('fpEducation', info.education) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>在校生情况</label>
|
||||
<span>{{ $dict.getLabel('fpStudentsInSchool', info.schoolStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>健康状况</label>
|
||||
<span>{{ $dict.getLabel('fpHealth', info.healthyStatus) }}</span>
|
||||
</div>
|
||||
<!-- <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>
|
||||
<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">
|
||||
<label>享受最低生活保障</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>是否特困供养</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<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>
|
||||
<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>
|
||||
<div class="view-all" @click="viewAll = !viewAll">{{viewAll ? '收起详情 ' : '展开详情 '}}<img :class="viewAll ? 'img-active' : ''" src="./components/img/top-icon-blue.png" /></div>
|
||||
<!-- <div class="item-info">
|
||||
<label>是否扶贫搬迁</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.move) }}</span>
|
||||
</div>
|
||||
<div class="item-info" v-if="info.move === '01'">
|
||||
<label>安置地区</label>
|
||||
<span>{{ info.placeArea }}</span>
|
||||
</div>
|
||||
<div class="item-info" v-if="info.move === '01'">
|
||||
<label>安置详细地址</label>
|
||||
<span>{{ info.place }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>纳入监测时间</label>
|
||||
<span>{{ info.createTime }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>监测员</label>
|
||||
<span>{{ info.monitoringContact || '-' }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>监测员电话</label>
|
||||
<span style="color: #3D94FB;"
|
||||
@click="call(info.monitoringContactPhone)">{{ info.monitoringContactPhone || '-' }}</span>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="item-wrapper">
|
||||
<div class="item-header">
|
||||
@@ -229,14 +68,6 @@
|
||||
</div>
|
||||
<span @click="linkTo(`./MonitorFamilySituation?id=${info.id}&girdId=${girdInfo.girdId}&girdName=${girdInfo.girdName}`)">编辑</span>
|
||||
</div>
|
||||
<!-- <div class="item-info">
|
||||
<label>是否危房</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.dilapidatedHousehold) || '-' }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>饮用水安全问题</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.drinkingWaterSafety) || '-' }}</span>
|
||||
</div> -->
|
||||
<div class="item-info">
|
||||
<label>是否危房</label>
|
||||
<span>{{ $dict.getLabel('fpPrtpStatus', info.status) || '-' }}</span>
|
||||
@@ -347,9 +178,6 @@
|
||||
</AiFixedBtn>
|
||||
<!-- 0：待纳入、1：监测中、2：待解除、3：已解除、4：已驳回 -->
|
||||
<div v-if="checkType == 1 && currIndex != 1">
|
||||
<!-- <div class="footer-btn" v-if="info.status == 4">
|
||||
<div @click="del">删除人员</div>
|
||||
</div> -->
|
||||
<div class="footer-btn" v-if="info.status == 1">
|
||||
<div class="confirm-btn" @click="toAddView('您确认要申请解除此监测对象的风险吗？', '')">申请解除风险</div>
|
||||
</div>
|
||||
@@ -402,28 +230,21 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
computed: {
|
||||
...mapState(['user']),
|
||||
isIncome() {
|
||||
if (!this.info.id) {
|
||||
return false
|
||||
}
|
||||
|
||||
return this.info.income8 > 0 || this.info.income8 > 0;
|
||||
|
||||
|
||||
},
|
||||
|
||||
isPoorStatus() {
|
||||
if (!this.info.id) {
|
||||
return false
|
||||
}
|
||||
|
||||
return (this.info.industrialAssistance || this.info.healthAssistance || this.info.employmentAssistance || this.info.educationalAssistance
|
||||
|| this.info.financialAssistance || this.info.socialAssistance || this.info.publicWelfarePostAssistance);
|
||||
|
||||
|
||||
},
|
||||
|
||||
isFamilySituation() {
|
||||
@@ -569,13 +390,6 @@ export default {
|
||||
toAddView(text, pass) {
|
||||
this.$confirm('', text).then(() => {
|
||||
uni.navigateTo({url: `./MonitorAddView?pass=${pass}&id=${this.info.id}&status=${this.info.status}`})
|
||||
// this.$http.post(`/app/apppreventionreturntopoverty/examine?id=${this.id}&pass=${pass}`).then(res => {
|
||||
// if (res.code === 0) {
|
||||
// this.$u.toast('操作成功')
|
||||
// uni.$emit('reload')
|
||||
// this.getInfo()
|
||||
// }
|
||||
// })
|
||||
})
|
||||
},
|
||||
|
||||
@@ -596,13 +410,6 @@ export default {
|
||||
toRemove(text, pass,type) {
|
||||
this.$confirm('', text).then(() => {
|
||||
uni.navigateTo({url: `./MonitorRemoveView?pass=${pass}&id=${this.info.id}&status=${this.info.status}&type=${type}`})
|
||||
// this.$http.post(`/app/apppreventionreturntopoverty/relieve?id=${this.id}&pass=${pass}`).then(res => {
|
||||
// if (res.code === 0) {
|
||||
// this.$u.toast('操作成功')
|
||||
// uni.$emit('reload')
|
||||
// this.getInfo()
|
||||
// }
|
||||
// })
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
@@ -15,65 +15,9 @@
|
||||
<span>{{ item.age }}岁</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-info" v-if="item.isShow">
|
||||
<div class="item-info__item">
|
||||
<label>民族</label>
|
||||
<span>{{ $dict.getLabel('fpNation', item.nation) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>政治面貌</label>
|
||||
<span>{{ $dict.getLabel('fpPoliticalOutlook', item.politicsStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>文化程度</label>
|
||||
<span>{{ $dict.getLabel('fpEducation', item.education) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>在校生情况</label>
|
||||
<span>{{ $dict.getLabel('fpStudentsInSchool', item.schoolStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>健康状况</label>
|
||||
<span>{{ $dict.getLabel('fpHealth', item.healthyStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>劳动技能</label>
|
||||
<span>{{ $dict.getLabel('fpLaborSkills', item.labourStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>务工区域</label>
|
||||
<span>{{ item.workArea }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>务工时间</label>
|
||||
<span>{{ item.workeMonths }}月</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>是否参加医疗参保</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', item.basicMedicalTreatment) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>是否参加大病保险</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', item.seriousIllnessInsurance) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>是否参加养老保险</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', item.endowmentInsurance) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>是否享受最低生活保障</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', item.subsistenceAllowance) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
<label>是否特困供养</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', item.specialPovertySupport) }}</span>
|
||||
</div>
|
||||
<div class="item-info__item">
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-bottom">
|
||||
<span @click="showMore(index)">{{ item.isShow ? '收起详情' : '展开详情' }}</span>
|
||||
<span @click="toEdit(index)">编辑</span>
|
||||
<span @click="showMore(item.id)">查看详情</span>
|
||||
<!-- <span @click="toEdit(index)">编辑</span> -->
|
||||
<span @click="remove(index)">删除</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -128,7 +72,6 @@ export default {
|
||||
methods: {
|
||||
toAdd() {
|
||||
uni.navigateTo({
|
||||
// url: './MonitorAddFamilyMember?id=' + this.id
|
||||
url: `./MonitorAddFamilyMember?houseIdNumber=${this.houseIdNumber}&objectType=${this.objectType}`
|
||||
})
|
||||
},
|
||||
@@ -152,8 +95,8 @@ export default {
|
||||
})
|
||||
},
|
||||
|
||||
showMore(index) {
|
||||
this.list[index].isShow = !this.list[index].isShow
|
||||
showMore(id) {
|
||||
uni.navigateTo({url: `./residentDetail?id=${id}`})
|
||||
},
|
||||
|
||||
getInfo() {
|
||||
@@ -230,11 +173,13 @@ export default {
|
||||
|
||||
.item-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 32px;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
height: 94px;
|
||||
|
||||
span {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
line-height: 96px;
|
||||
color: #3975C6;
|
||||
|
||||
271
src/apps/AppMonitoringObject/residentDetail.vue
Normal file
271
src/apps/AppMonitoringObject/residentDetail.vue
Normal file
@@ -0,0 +1,271 @@
|
||||
<template>
|
||||
<div class="residentDetail">
|
||||
<div class="item-wrapper">
|
||||
<div class="item-header item-avatar">
|
||||
<div class="left">
|
||||
<!-- <img :src="info.photo" alt="" v-if="info.photo" /> -->
|
||||
<img :src="$cdn + 'avatar.png'" />
|
||||
<div class="left-right">
|
||||
<h2>{{ info.name }}</h2>
|
||||
<p>{{ info.phone }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<span>户主</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>现住地址</label>
|
||||
<span>{{ info.countyName + info.townName + info.villageName }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>详细地址</label>
|
||||
<span>{{ info.currentAddress }}</span>
|
||||
</div>
|
||||
<div class="more-info">
|
||||
<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>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>政治面貌</label>
|
||||
<span>{{ $dict.getLabel('fpPoliticalOutlook', info.politicsStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>文化程度</label>
|
||||
<span>{{ $dict.getLabel('fpEducation', info.education) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>在校生情况</label>
|
||||
<span>{{ $dict.getLabel('fpStudentsInSchool', info.schoolStatus) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>健康状况</label>
|
||||
<span>{{ $dict.getLabel('fpHealth', info.healthyStatus) }}</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>
|
||||
<!-- 基础保障 -->
|
||||
<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">
|
||||
<label>享受最低生活保障</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<label>是否特困供养</label>
|
||||
<span>{{ $dict.getLabel('fpYesOrNo', info.subsistenceAllowance) }}</span>
|
||||
</div>
|
||||
<div class="item-info">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="btn" @click="toAdd">编辑</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'residentDetail',
|
||||
data() {
|
||||
return {
|
||||
id: '',
|
||||
info: {},
|
||||
}
|
||||
},
|
||||
onLoad(o) {
|
||||
this.id = o.id,
|
||||
this.getInfo()
|
||||
},
|
||||
methods: {
|
||||
getInfo() {
|
||||
this.$http.post(`/app/apppreventionreturntopoverty/queryDetailById?id=${this.id}`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.info = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
toAdd() {
|
||||
uni.navigateTo({url: `./Add?id=${this.id}`})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.residentDetail {
|
||||
.item-wrapper {
|
||||
background: #fff;
|
||||
margin-bottom: 16px;
|
||||
padding: 0 32px 130px;
|
||||
|
||||
.item-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 96px;
|
||||
|
||||
& > span {
|
||||
color: #3975C6;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
h2 {
|
||||
color: #333333;
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
color: #2EA222;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 14px 0;
|
||||
|
||||
label {
|
||||
color: #999999;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
span {
|
||||
max-width: 496px;
|
||||
text-align: right;
|
||||
color: #333333;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-avatar {
|
||||
height: 192px;
|
||||
|
||||
img {
|
||||
width: 112px;
|
||||
height: 112px;
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
.left-right {
|
||||
p {
|
||||
margin-top: 8px;
|
||||
color: #999999;
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
line-height: 112px;
|
||||
text-align: center;
|
||||
background: #3192F4;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user