elink-star
/
epmet-work-uni
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
城阳工作端uniH5前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
15 Commits
1 Branch
0 Tags
18 MiB
Tree: 44a7977ef0
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '44a7977ef0'
${ noResults }
epmet-work-uni/subpages/addResi/pages/editResi/editResi.vue

2166 lines
76 KiB
Raw Normal View History

init
11 months ago
<template>
<view>
<!-- subpages/addResi/pages/addResi/addResi.wxml -->
<view class="header">
<image src="/static/images/back.png" class="back" :style="' top: ' + statusHeight + 'px;width: 50rpx;height: 50rpx;'" @tap="back" mode="" />
页面头部背景图片修改 加入腾讯地图选点
11 months ago
<!-- <image class="header-bg" src="/static/subpages/addResi/pages/images/header.png" mode="widthFix" /> -->
init
11 months ago
<view class="navigation" :style="'height: ' + navigationHeight + 'px; top: ' + statusHeight + 'px;'">
{{ formType == 'edit' ? '修改人口信息' : '新增人口信息' }}
</view>
<view class="content">
<view class="h2">填写居民信息</view>
<view class="tag">
带
<b>*</b>
号为必填项
</view>
</view>
</view>
<view class="content">
<view class="form_card">
<view class="title">
<text class="tag"></text>
基本信息
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">所在网格</view>
</view>
<view class="input">
<picker @change="bindPickerChangeGrid" range-key="label" :value="index" :range="gridList">
<view :class="form.gridName ? '' : 'gray'">
{{ form.gridName ? form.gridName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">所在小区</view>
</view>
<view class="input">
<picker @change="bindPickerChangevillageId" range-key="label" :value="index" :range="villageList">
<view :class="villageName ? '' : 'gray'">
{{ villageName ? villageName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">所在楼栋</view>
</view>
<view class="input">
<picker @change="bindPickerChangebuilding" range-key="label" :value="index" :range="buildingList">
<view :class="buildingName ? '' : 'gray'">
{{ buildingName ? buildingName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">所在单元</view>
</view>
<view class="input">
<picker @change="bindPickerChangeUnit" range-key="label" :value="index" :range="unitList">
<view :class="unitName ? '' : 'gray'">
{{ unitName ? unitName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_house">
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">所在房屋</view>
</view>
<view class="input">
<picker @change="bindPickerChangeHouse" range-key="label" :value="index" :range="houseList">
<view :class="houseName ? '' : 'gray'">
{{ houseName ? houseName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_bottom">
选项中如无该房屋,请先
<text @tap="handelJump">新增房屋</text>
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">姓名</view>
</view>
<view class="input">
<input confirm-type="next" @blur="bindNameInput" @input="bindNameInput" :value="form.name" placeholder-class="gray" placeholder="请输入" />
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">性别</view>
</view>
<view class="input">
<picker @change="bindPickerChangeGender" range-key="label" :value="index" :range="genderList">
<view :class="form.gender ? '' : 'gray'">
{{ genderName ? genderName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">出生日期</view>
</view>
<view class="input">
<picker mode="date" :value="form.birthday" :end="day" @change="bindDateChange">
<view :class="form.birthday ? '' : 'gray'">
{{ form.birthday ? form.birthday : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">证件号</view>
</view>
<view class="input">
<input confirm-type="next" @blur="bindIdNumInput" @input="bindidNumInput" :value="form.idNum" placeholder-class="gray" placeholder="请输入" />
<block v-if="resiId">
<view @tap="showData" v-if="isShowIdNum" data-key="idNum">
<van-icon name="closed-eye" />
</view>
<view @tap="hideDataFun" v-else data-key="idNum">
<van-icon name="eye-o" />
</view>
</block>
</view>
</view>
<view class="form_item">
<view class="label">
<text class="must">*</text>
<view class="title">联系电话</view>
</view>
<view class="input">
<input confirm-type="next" @blur="bindMobileInput" @input="bindmobileInput" :value="form.mobile" placeholder-class="gray" placeholder="请输入" />
<block v-if="resiId">
<view @tap="showData" v-if="isShowIdTel" data-key="mobile">
<van-icon name="closed-eye" />
</view>
<view @tap="hideDataFun" v-else data-key="mobile">
<van-icon name="eye-o" />
</view>
</block>
</view>
</view>
</view>
<view class="form_card m-top20">
<view class="title">
<text class="tag"></text>
详细信息
</view>
<view class="form_item">
<view class="label">
<view class="title">户籍地</view>
</view>
<view class="input">
<input
confirm-type="next"
@blur="bindPlaceOfDomicileInput"
@input="bindPlaceOfDomicileInput"
:value="form.resideInfoDto.placeOfDomicile"
placeholder-class="gray"
placeholder="请输入"
/>
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">现居地</view>
</view>
<view class="input">
<input
confirm-type="next"
@blur="bindCurrentResidenceInput"
@input="bindCurrentResidenceInput"
:value="form.resideInfoDto.currentResidence"
placeholder-class="gray"
placeholder="请输入"
/>
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">民族</view>
</view>
<view class="input">
<picker @change="bindPickerChangeNation" range-key="label" :value="index" :range="nation">
<view :class="form.nation ? '' : 'gray'">
{{ form.nation ? nation[form.nation].label : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">籍贯</view>
</view>
<view class="input">
<input
confirm-type="next"
@blur="bindNativePlaceInput"
@input="bindNativePlaceInput"
:value="form.resideInfoDto.nativePlace"
placeholder-class="gray"
placeholder="请输入"
/>
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">文化程度</view>
</view>
<view class="input">
<picker @change="bindPickerChangeEducation" range-key="label" :value="index" :range="education">
<view :class="form.eduInfoDto.cultureLevel ? '' : 'gray'">
{{ form.eduInfoDto.cultureLevel ? education[form.eduInfoDto.cultureLevel].label : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">婚姻状况</view>
</view>
<view class="input">
<picker @change="bindPickerChangemarriage" range-key="label" :value="index" :range="marriageList">
<view :class="form.familyInfoDto.marriage ? '' : 'gray'">
{{ marriageName ? marriageName : '请选择' }}
</view>
</picker>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">宗教信仰</view>
</view>
<view class="input">
<input
confirm-type="next"
@blur="bindReligionInput"
@input="bindReligionInput"
:value="form.religionDto.religion"
placeholder-class="gray"
placeholder="请输入"
/>
</view>
</view>
</view>
<view class="form_card m-top20">
<view class="title">
<text class="tag"></text>
居民类别
</view>
<view class="form_item">
<view class="label">
<view class="title">居民类别</view>
</view>
<view class="input" @tap="onClick3">
<view :class="'residentCategorySty ' + (residentCategorySty ? '' : 'gray')" style="text-align: left">
{{ residentCategorySty ? residentCategorySty : '请选择' }}
</view>
<image src="/static/images/right.png" mode="" />
</view>
</view>
<view class="form_item" :key="index" @tap="openDynamicForms" :data-title="item.title" :data-formtype="item.value" v-for="(item, index) in residentTypeFormCell">
<view class="label">
<view class="title">{{ item.title }}</view>
</view>
<view class="input text-right">
<image src="/static/images/right.png" mode="" />
</view>
</view>
</view>
<view class="bottom_btn" @tap="submit">提交</view>
</view>
<wux-select id="wux-select3" />
<DynamicForms :show="isShowDynamicForms" :title="dynamicFormsTitle" @close="closeDynamicForms" @ok="okDynamicForms" :formController="formController" />
</view>
</template>
<script>
import wuxSelect from '../../../../wxcomponents/dist/select';
import DynamicForms from '../../../../components/DynamicForms/DynamicForms';
// subpages/addResi/pages/addResi/addResi.js
import api from '../../../../utils/api';
import { cardHide } from '../../../../utils/util';
import { $wuxSelect } from '../../../../wxcomponents/dist/index';
import {
dictlist,
getHouseType,
getOldPeopleDetailById,
getVeteranDetailById,
getVolunteerDetailById,
publicWelfarePost,
residentEnsureHouse,
residentSpecial,
residentTenant,
residentUnemployed,
residentUnitedFront,
specialSupport
} from '../../../../utils/statisticsApi';
const app = getApp();
export default {
components: {
wuxSelect,
DynamicForms
},
data() {
return {
hideData: {},
isShowIdNum: true,
isShowIdTel: true,
formController: [],
ensureHouseFlagOpen: false,
unemployedFlagOpen: false,
veteranFlagOpen: false,
unitedFrontFlagOpen: false,
volunteerFlagOpen: false,
specialSupportFlagOpen: false,
tenantFlagOpen: false,
specialCrowdFlagOpen: false,
oldPeopleFlagOpen: false,
publicWelfareFlagOpen: false,
residentTypeForm: {
ensureHouseFlag: [
{
type: 'select',
value: '',
valueIndex: -1,
label: '住房性质',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典获取
key: 'housingNature'
},
{
type: 'input',
value: '',
label: '保障类型',
key: 'securityType'
},
{
type: 'date',
value: '',
label: '发证日期',
key: 'certificateDate'
},
{
type: 'input',
value: '',
label: '补贴编号',
key: 'subsidyNum'
},
{
type: 'input',
value: '',
label: '补贴金额',
afterText: '元',
key: 'subsidyAmount'
},
{
type: 'input',
value: '',
label: '房东姓名',
key: 'landlordName'
},
{
type: 'input',
value: '',
label: '房东证件号',
key: 'landlordIdNum'
},
{
type: 'date',
value: '',
label: '通知书领取日期',
key: 'notificationRcvDate'
}
],
unemployedFlag: [
{
type: 'input',
value: '',
label: '原工作单位',
key: 'originWorkUnit'
},
{
type: 'date',
value: '',
label: '失业时间',
key: 'unemploymentTime'
},
{
type: 'input',
value: '',
label: '失业证号',
key: 'unemploymentNum'
},
{
type: 'input',
value: '',
label: '再就业优惠证号',
key: 'employmentNum'
},
{
type: 'input',
value: '',
label: '技术特长',
key: 'specialSkill'
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '失业原因',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典获取
key: 'unemploymentReason'
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '是否就业困难对象',
optionsKey: 'label',
valueKey: 'value',
options: [
{
value: 1,
label: '是'
},
{
value: 0,
label: '否'
}
],
key: 'employmentHardFlag'
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '劳动能力就业愿望',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典获取
key: 'employmentWish'
}
],
veteranFlag: [
{
type: 'date',
value: '',
label: '入伍时间',
key: 'joinArmyTime'
},
{
type: 'date',
value: '',
label: '退伍时间',
key: 'leaveArmyTime'
},
{
type: 'input',
value: '',
label: '服役单位',
key: 'serviceUnit'
},
{
type: 'input',
value: '',
label: '接收单位',
key: 'receiveUnit'
},
{
type: 'input',
value: '',
label: '待安置补助金',
afterText: '元',
key: 'settlementAmount'
},
{
type: 'input',
value: '',
label: '培训状况',
key: 'trainDesc'
},
{
type: 'input',
value: '',
label: '现就业情况',
key: 'employmentSituation'
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '是否办理公益性岗位',
optionsKey: 'label',
valueKey: 'value',
options: [
{
value: 1,
label: '是'
},
{
value: 0,
label: '否'
}
],
key: 'pubWelfareJobFlag'
}
],
unitedFrontFlag: [
{
type: 'input',
value: '',
label: '职务',
key: 'duty'
},
{
type: 'input',
value: '',
label: '探亲情况',
key: 'visitation'
}
],
volunteerFlag: [
{
type: 'checkbox',
value: '',
label: '志愿者类别',
key: 'volunteerCategory'
},
{
type: 'textarea',
value: '',
maxlength: 120,
label: '备注',
key: 'volunteerRemark'
}
],
specialSupportFlag: [
{
type: 'select',
value: '',
valueIndex: -1,
label: '特扶类别',
optionsKey: 'label',
valueKey: 'value',
options: [
{
value: '1',
label: '失独'
},
{
value: '2',
label: '伤残'
}
],
// 字典
key: 'specialSupportType',
masterControl: true
},
{
type: 'input',
value: '',
label: '子女姓名',
key: 'childName',
showFlag: '2',
hide: true
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '子女性别',
optionsKey: 'label',
valueKey: 'value',
options: [
{
value: '1',
label: '男'
},
{
value: '2',
label: '女'
}
],
// 字典
key: 'childGender'
},
{
type: 'date',
value: '',
label: '子女死亡日期',
key: 'childDeathDate',
showFlag: '1',
hide: true
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '伤残类别',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典
key: 'childDisabilityCategoryCode',
showFlag: '2',
hide: true
},
{
type: 'select',
value: '',
valueIndex: -1,
label: '伤残等级',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典
key: 'childDisabilityLevel',
showFlag: '2',
hide: true
},
{
type: 'textarea',
value: '',
maxlength: 120,
label: '备注',
key: 'remark'
}
],
tenantFlag: [
{
type: 'date',
value: '',
label: '合同开始时间',
key: 'contractStartDate'
},
{
type: 'date',
value: '',
label: '合同结束时间',
key: 'contractEndDate'
}
],
specialCrowdFlag: [
{
type: 'select',
value: '',
valueIndex: -1,
label: '人群类别',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典
key: 'specialCategoryCode'
}
],
oldPeopleFlag: [
{
type: 'input',
value: '',
label: '高龄补助',
afterText: '元',
key: 'oldSubsidy'
}
],
publicWelfareFlag: [
{
type: 'date',
value: '',
label: '入职时间',
key: 'hireData'
},
{
type: 'checkbox',
value: '',
valueIndex: -1,
label: '岗位类型',
optionsKey: 'label',
valueKey: 'value',
options: [],
// 字典
key: 'postTypes'
},
{
type: '',
value: '',
key: 'userId'
}
]
},
residentTypeFormCell: [],
nation: [],
education: [],
marriageList: [],
marriageName: '',
form: {
agencyName: '',
agencyId: '',
resiId: '',
houseMergeId: '',
categoryId: '',
gridName: '',
gridId: '',
villageId: '',
buildId: '',
unitId: '',
homeId: '',
name: '',
nation: '',
remark: '',
localResidenceFlag: '',
birthday: '',
idNum: '',
gender: '',
mobile: '',
partyFlag: 0,
subsistenceAllowanceFlag: 0,
ensureHouseFlag: 0,
unemployedFlag: 0,
fertileWomanFlag: 0,
veteranFlag: 0,
unitedFrontFlag: 0,
petitionOfficerFlag: '',
volunteerFlag: 0,
specialSupportFlag: 0,
tenantFlag: 0,
floatingFlag: 0,
specialCrowdFlag: 0,
oldPeopleFlag: 0,
emptyNesterFlag: 0,
liveAloneFlag: 0,
disabledFlag: 0,
dementedFlag: 0,
disabilityFlag: 0,
seriousIllnessFlag: 0,
chronicDiseaseFlag: 0,
publicWelfareFlag: 0,
resideInfoDto: {
placeOfDomicile: '',
currentResidence: '',
nativePlace: ''
},
eduInfoDto: {
cultureLevel: ''
},
familyInfoDto: {
marriage: ''
},
religionDto: {
religion: ''
}
},
isFirstLoadGrid: true,
isFirstLoadVillage: true,
isFirstLoadBuilding: true,
isFirstLoadUnit: true,
isFirstLoadHouse: true,
agencyId: '',
gridList: [],
villageList: [],
villageName: '',
buildingList: [],
buildingName: '',
unitList: [],
unitName: '',
houseList: [],
houseName: '',
genderList: [
{
label: '男',
value: '1'
},
{
label: '女',
value: '2'
}
],
genderName: '',
day: '',
value3: [],
residentCategory: [
{
title: '党员',
value: 'partyFlag'
},
{
title: '低保人员',
value: 'subsistenceAllowanceFlag'
},
{
title: '保障房人员',
value: 'ensureHouseFlag',
isForm: true
},
{
title: '失业人员',
value: 'unemployedFlag',
isForm: true
},
{
title: '育龄妇女',
value: 'fertileWomanFlag'
},
{
title: '退役军人',
value: 'veteranFlag',
isForm: true
},
{
title: '统战人员',
value: 'unitedFrontFlag',
isForm: true
},
{
title: '信访人员',
value: 'petitionOfficerFlag'
},
{
title: '志愿者',
value: 'volunteerFlag',
isForm: true
},
{
title: '特扶人员',
value: 'specialSupportFlag',
isForm: true
},
{
title: '租户',
value: 'tenantFlag',
isForm: true
},
{
title: '流动人口',
value: 'floatingFlag'
},
{
title: '特殊人群',
value: 'specialCrowdFlag',
isForm: true
},
{
title: '老年人',
value: 'oldPeopleFlag',
isForm: true
},
{
title: '空巢老人',
value: 'emptyNesterFlag'
},
{
title: '独居老人',
value: 'liveAloneFlag'
},
{
title: '失能老人',
value: 'disabledFlag'
},
{
title: '失智老人',
value: 'dementedFlag'
},
{
title: '残疾',
value: 'disabilityFlag'
},
{
title: '大病',
value: 'seriousIllnessFlag'
},
{
title: '慢病',
value: 'chronicDiseaseFlag'
},
{
title: '公益岗人员',
value: 'publicWelfareFlag',
isForm: true
}
],
residentCategorySty: '',
categoryInfo: '',
isShowDynamicForms: false,
dynamicTitle: ' ',
statusHeight: '',
navigationHeight: '',
formType: '',
resiId: '',
isFirstLoadunit: false,
title3: '',
dynamicFormsTitle: '',
currentFormController: '',
label: ''
};
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: async function (options) {
var nowDate = new Date();
var year = nowDate.getFullYear();
var month = nowDate.getMonth() + 1;
var day = nowDate.getDate();
this.setData({
statusHeight: app.globalData.deviceInfo.statusHeight,
navigationHeight: app.globalData.deviceInfo.navigationHeight,
agencyId: app.globalData.user.agencyId,
'form.agencyId': app.globalData.user.agencyId,
'form.agencyName': app.globalData.user.agencyName,
day: `${year}-${month}-${day}`,
formType: options.type,
resiId: options.resiId
});
await this.getNationDictList();
await this.getGridoptionDict();
await this.getEducationDictList();
await this.getmarriageDict();
if (options.resiId) {
uni.setNavigationBarTitle({
title: '修改人口信息'
});
await this.getResiDetail();
await this.getResidentResideInfo();
await this.getResidentReligion();
await this.getResidentEduInfo();
setTimeout(() => {
this.getFamilyInfoDetailById();
}, 500);
} else {
if (options.idCard) {
this.setData({
'form.name': options.name,
'form.idNum': options.idCard,
'form.gender': options.gender == '男' ? '1' : '2',
genderName: options.gender,
'form.birthday': options.birth
});
}
this.setData({
isFirstLoadGrid: false,
isFirstLoadVillage: false,
isFirstLoadBuilding: false,
isFirstLoadUnit: false,
isFirstLoadHouse: false
});
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {},
methods: {
getResiDetail: async function () {
try {
let res = await api.getResiDetail(this.resiId);
const {
birthday,
gender,
idNum,
mobile,
name,
nation,
houseInfo = {},
// 为houseInfo提供一个默认值
categoryInfo,
genderName
} = res.data;
let result = this.residentCategory.filter((item) => categoryInfo[item.value] === 1);
let residentCategorySty = result.map((item) => item.title);
let categoryInfoArr = result.map((item) => item.value);
this.setDynamicForm(result);
uni.showLoading({
title: '加载中...'
});
let form = this.form;
for (let i in categoryInfoArr) {
form[categoryInfoArr[i]] = 1;
}
this.setData({
form
});
this.setDataAsync({
'form.name': name,
'form.birthday': birthday,
'form.gender': gender,
'form.idNum': cardHide(idNum),
'form.mobile': mobile,
'form.nation': nation,
'form.gridId': houseInfo?.gridId || '',
// 使用了可选链
'form.gridName': houseInfo?.gridName || '',
// 使用了可选链
'form.villageId': houseInfo?.villageId || '',
// 使用了可选链
'form.buildId': houseInfo?.buildId || '',
// 使用了可选链
'form.unitId': houseInfo?.unitId || '',
// 使用了可选链
'form.homeId': houseInfo?.homeId || '',
// 使用了可选链
'form.houseMergeId': houseInfo?.mergeId || '',
// 使用了可选链
genderName,
categoryInfo: categoryInfoArr,
residentCategorySty
});
await this.delay(1000);
await this.bindPickerChangeGrid();
await this.delay(400);
await this.bindPickerChangevillageId();
await this.delay(400);
await this.bindPickerChangebuilding();
await this.delay(400);
await this.bindPickerChangeUnit();
await this.delay(400);
await this.bindPickerChangeHouse();
uni.hideLoading();
} catch (err) {
console.log('CatchClause', err);
console.log('CatchClause', err);
console.log(err);
}
},
setDataAsync: function (data) {
return new Promise((resolve) => {
this.setData(data, resolve);
});
},
delay(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
},
// 居住信息详情
getResidentResideInfo() {
api.getResidentResideInfo(this.resiId)
.then((res) => {
this.setData({
'form.resideInfoDto': res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 宗教信仰详情
getResidentReligion() {
api.getResidentReligion(this.resiId)
.then((res) => {
this.setData({
'form.religionDto': res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取教育信息详情
getResidentEduInfo() {
api.getResidentEduInfo(this.resiId)
.then((res) => {
this.setData({
'form.eduInfoDto': res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取婚姻信息
getFamilyInfoDetailById() {
api.getFamilyInfoDetailById(this.resiId)
.then((res) => {
this.setData({
'form.familyInfoDto': res.data,
marriageName: this.marriageList.filter((item) => item.value == res.data.marriage)[0].label
});
})
.catch((err) => {
console.log(err);
});
},
getNationDictList() {
api.getNationDictList()
.then((res) => {
this.setData({
nation: res.data
});
})
.catch((err) => {
console.log(err);
});
},
getEducationDictList() {
api.getEducationDictList()
.then((res) => {
this.setData({
education: res.data
});
})
.catch((err) => {
console.log(err);
});
},
getGridoptionDict() {
let parm = {
agencyId: this.agencyId,
purpose: 'addorupdate'
};
api.getGridoptionDict(parm)
.then((res) => {
this.setData({
gridList: res.data
});
})
.catch((err) => {
console.log(err);
});
},
getmarriageDict() {
api.getDictList('marriage')
.then((res) => {
this.setData({
marriageList: res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取小区列表
getQuartersOptions(gridId) {
let parm = {
gridId,
agencyId: this.agecyId
};
api.getQuartersOptions(parm)
.then((res) => {
this.setData({
villageList: res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取楼栋列表
getBuildingoption(villageId) {
api.getBuildingoption(villageId)
.then((res) => {
this.setData({
buildingList: res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取单元列表
getUnitoption(buildingId) {
api.getUnitoption(buildingId)
.then((res) => {
this.setData({
unitList: res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取房屋列表
getHouseoption(unitId) {
api.getHouseoption(unitId)
.then((res) => {
this.setData({
houseList: res.data
});
})
.catch((err) => {
console.log(err);
});
},
// 获取网格列表
async bindPickerChangeGrid() {
return new Promise(async (resolve, reject) => {
if (this.isFirstLoadGrid) {
// 编辑回填逻辑
const id = this.form.gridId;
const temp = this.gridList.filter((item) => item.value == id);
let gridName = '';
if (temp.length != 0) {
gridName = temp[0].label;
} else {
this.showToast('网格信息有误');
return;
}
this.setData({
'form.gridName': gridName,
'form.gridId': id
});
this.getQuartersOptions(id);
this.setData({
isFirstLoadGrid: false
});
} else {
// 正常修改逻辑
const selectedIndex = e.detail.value;
const selectedVillage = this.gridList[selectedIndex];
this.setData({
'form.gridName': selectedVillage.label,
'form.gridId': selectedVillage.value,
'form.villageId': '',
'form.buildId': '',
'form.unitId': '',
'form.homeId': '',
villageName: '',
villageList: [],
buildingName: '',
buildingList: [],
unitName: '',
unitList: [],
houseName: '',
houseList: []
});
this.getQuartersOptions(selectedVillage.value);
}
resolve();
});
},
bindPickerChangevillageId(e) {
return new Promise((resolve, reject) => {
if (this.isFirstLoadVillage) {
// 编辑回填逻辑
const id = this.form.villageId;
const temp = this.villageList.filter((item) => item.value == id);
let villageName = '';
if (temp.length != 0) {
villageName = temp[0].label;
} else {
this.showToast('小区信息有误');
return;
}
this.setData({
villageName: villageName,
'form.villageId': id
});
this.getBuildingoption(id);
this.setData({
isFirstLoadVillage: false
});
console.log(this.villageList, '小区');
} else {
// 正常修改逻辑
const selectedIndex = e.detail.value;
const selectedVillage = this.villageList[selectedIndex];
this.setData({
villageName: selectedVillage.label,
'form.villageId': selectedVillage.value,
'form.buildId': '',
'form.unitId': '',
'form.homeId': '',
buildingName: '',
buildingList: [],
unitName: '',
unitList: [],
houseName: '',
houseList: []
});
this.getBuildingoption(selectedVillage.value);
}
resolve();
});
},
bindPickerChangebuilding(e) {
return new Promise((resolve, reject) => {
if (this.isFirstLoadBuilding) {
const id = this.form.buildId;
const temp = this.buildingList.filter((item) => item.value == id);
let buildingName = '';
if (temp.length != 0) {
buildingName = temp[0].label;
} else {
this.showToast('小区信息有误');
return;
}
this.setData({
buildingName: buildingName,
'form.buildId': id
});
this.getUnitoption(id);
this.setData({
isFirstLoadBuilding: false
});
} else {
const selectedIndex = e.detail.value;
const selectedVillage = this.buildingList[selectedIndex];
this.setData({
buildingName: selectedVillage.label,
'form.buildId': selectedVillage.value,
'form.unitId': '',
'form.homeId': '',
unitName: '',
unitList: [],
houseName: '',
houseList: []
});
this.getUnitoption(selectedVillage.value);
}
resolve();
});
},
bindPickerChangeUnit(e) {
return new Promise((resolve, reject) => {
if (this.isFirstLoadUnit) {
const id = this.form.unitId;
const temp = this.unitList.filter((item) => item.value == id);
let unitName = '';
if (temp.length != 0) {
unitName = temp[0].label;
} else {
this.showToast('楼栋信息有误');
return;
}
this.setData({
unitName: unitName,
'form.unitId': id
});
this.getHouseoption(id);
this.setData({
isFirstLoadunit: false
});
} else {
const selectedIndex = e.detail.value;
const selectedVillage = this.unitList[selectedIndex];
this.setData({
unitName: selectedVillage.label,
'form.unitId': selectedVillage.value,
'form.homeId': '',
houseName: '',
houseList: []
});
this.getHouseoption(selectedVillage.value);
}
resolve();
});
},
bindPickerChangeHouse(e) {
return new Promise((resolve, reject) => {
if (this.isFirstLoadHouse) {
const id = this.form.homeId;
const temp = this.houseList.filter((item) => item.value == id);
let houseName = '';
if (temp.length != 0) {
houseName = temp[0].label;
} else {
this.showToast('房屋信息有误');
return;
}
this.setData({
houseName: houseName,
'form.homeId': id
});
this.setData({
isFirstLoadHouse: false
});
} else {
const selectedIndex = e.detail.value;
const selectedVillage = this.houseList[selectedIndex];
this.setData({
houseName: selectedVillage.label,
'form.homeId': selectedVillage.value
});
}
resolve();
});
},
bindNameInput(e) {
this.setData({
'form.name': e.detail.value
});
console.log(this.form);
},
bindPickerChangeGender(e) {
this.setData({
genderName: this.genderList[e.detail.value].label,
'form.gender': this.genderList[e.detail.value].value
});
},
bindDateChange(e) {
this.setData({
'form.birthday': e.detail.value
});
},
bindidNumInput(e) {
this.setData({
isShowIdNum: false,
'form.idNum': e.detail.value
});
console.log(this.form);
},
bindMobileInput(e) {
this.setData({
isShowIdTel: false,
'form.mobile': e.detail.value
});
console.log(this.form);
},
bindPlaceOfDomicileInput(e) {
this.setData({
'form.resideInfoDto.placeOfDomicile': e.detail.value
});
console.log(this.form);
},
bindCurrentResidenceInput(e) {
this.setData({
'form.resideInfoDto.currentResidence': e.detail.value
});
console.log(this.form);
},
bindPickerChangeNation(e) {
this.setData({
'form.nation': this.nation[e.detail.value].value
});
},
bindNativePlaceInput(e) {
this.setData({
'form.resideInfoDto.nativePlace': e.detail.value
});
},
bindPickerChangeEducation(e) {
this.setData({
'form.eduInfoDto.cultureLevel': this.education[e.detail.value].value
});
},
bindPickerChangemarriage(e) {
this.setData({
'form.familyInfoDto.marriage': this.marriageList[e.detail.value].value,
marriageName: this.marriageList[e.detail.value].label
});
},
bindReligionInput(e) {
this.setData({
'form.religionDto.religion': e.detail.value
});
},
onClick3() {
const than = this;
$wuxSelect('#wux-select3').open({
value: this.categoryInfo,
multiple: true,
toolbar: {
title: '居民类别',
confirmText: '确定'
},
options: than.residentCategory,
onChange: (value, index, options) => {
console.log('onChange', value, index, options);
const matchingLabels = value
.map((valueToFind) => {
const matchedItem = than.residentCategory.find((item) => item.value === valueToFind);
return matchedItem ? matchedItem.title : null;
})
.filter(Boolean);
this.setData({
value3: value,
residentCategorySty: matchingLabels.join(',')
});
},
onConfirm: (value, index, options) => {
console.log('onConfirm', value, index, options);
let updatedForm = {
...this.form
};
than.residentCategory.forEach((option) => {
if (value.includes(option.value)) {
updatedForm[option.value] = 1;
} else if (updatedForm[option.value] === 1) {
updatedForm[option.value] = 0;
}
});
this.setData({
value3: value,
title3: index.map((n) => options[n].title),
form: updatedForm
});
let residentTypeFormCell = [];
index.forEach((item) => {
residentTypeFormCell.push(this.residentCategory[item]);
});
this.setDynamicForm(residentTypeFormCell);
console.log(this.form);
}
});
},
showToast(title) {
uni.showToast({
title: title,
duration: 2000,
icon: 'none'
});
},
submit: async function () {
if (!this.form.gridId) {
this.showToast('请选择所在网格');
return;
}
if (!this.form.villageId) {
this.showToast('请选择所在小区');
return;
}
if (!this.form.buildId) {
this.showToast('请选择所在楼栋');
return;
}
if (!this.form.unitId) {
this.showToast('请选择所在单元');
return;
}
if (!this.form.homeId) {
this.showToast('请选择所在房屋');
return;
}
if (!this.form.name) {
this.showToast('请填写姓名');
return;
}
if (!this.form.gender) {
this.showToast('请选择性别');
return;
}
if (!this.form.birthday) {
this.showToast('请选择出生日期');
return;
}
if (!this.form.idNum) {
this.showToast('请填写证件号');
return;
}
if (!this.form.mobile) {
this.showToast('请填写联系电话');
return;
}
console.log(this.isShowIdNum, this.formType != 'edit');
const parm = {
...this.form,
// idNum: this.data.isShowIdNum&&this.data.formType === 'edit'?undefined:this.data.form.idNum,
// mobile: this.data.isShowIdTel&&this.data.formType === 'edit'?undefined:this.data.form.mobile,
ensureHouseDto: this.ensureHouseFlagOpen ? this.getValue(this.residentTypeForm.ensureHouseFlag) : undefined,
unemployedDto: this.unemployedFlagOpen ? this.getValue(this.residentTypeForm.unemployedFlag) : undefined,
veteranDto: this.veteranFlagOpen ? this.getValue(this.residentTypeForm.veteranFlag) : undefined,
unitedFrontDto: this.unitedFrontFlagOpen ? this.getValue(this.residentTypeForm.unitedFrontFlag) : undefined,
volunteerDto: this.volunteerFlagOpen ? this.getValue(this.residentTypeForm.volunteerFlag) : undefined,
specialSupportDto: this.specialSupportFlagOpen ? this.getValue(this.residentTypeForm.specialSupportFlag) : undefined,
tenantDto: this.tenantFlagOpen ? this.getValue(this.residentTypeForm.tenantFlag) : undefined,
specialDto: this.specialCrowdFlagOpen ? this.getValue(this.residentTypeForm.specialCrowdFlag) : undefined,
oldPeopleDto: this.oldPeopleFlagOpen ? this.getValue(this.residentTypeForm.oldPeopleFlag) : undefined,
postDto: this.publicWelfareFlagOpen ? this.getValue(this.residentTypeForm.publicWelfareFlag) : undefined
};
console.log(this.formType);
if (this.formType == 'edit') {
parm.resiId = this.resiId;
try {
const res = await api.resiEdit(parm);
if (res.code === 0) {
uni.showToast({
title: '编辑成功',
duration: 3000,
success: function () {
setTimeout(() => {
uni.navigateBack({
delta: 1
});
}, 3000);
}
});
}
} catch (err) {
console.log('CatchClause', err);
console.log('CatchClause', err);
console.log(err);
}
} else {
try {
const res = await api.resiAdd(parm);
if (res.code === 0) {
uni.showToast({
title: '新增成功',
duration: 3000,
success: function () {
setTimeout(() => {
uni.navigateBack({
delta: 1
});
}, 3000);
}
});
}
} catch (err) {
console.log('CatchClause', err);
console.log('CatchClause', err);
console.log(err);
}
}
},
back() {
//返回上一级，关闭当前页面
uni.navigateBack({
delta: 1
});
},
handelJump() {
uni.navigateTo({
url: '/subpages/addhouse/pages/addhouse/addhouse'
});
},
closeDynamicForms() {
this.setData({
isShowDynamicForms: false
});
},
okDynamicForms(e) {
console.log(e);
let residentTypeForm = this.residentTypeForm;
residentTypeForm[this.currentFormController] = e.detail;
this.setData({
residentTypeForm
});
},
setDynamicForm(data) {
let residentTypeFormCell = data.filter((item) => item.isForm);
let values = residentTypeFormCell.map((item) => item.value);
// 保障房人员
if (values.includes('ensureHouseFlag')) {
this.getHouseTypes();
}
// 失业人员
if (values.includes('unemployedFlag')) {
// 失业原因
this.getDictData('unemployment_reason', 'unemploymentReason');
// 愿望
this.getDictData('career_goals', 'employmentWish');
}
// 志愿者
if (values.includes('volunteerFlag')) {
// 志愿者类别
this.getDictData('VOLUNTEER_CATEGORY', 'volunteerCategory');
}
// 特扶
if (values.includes('specialSupportFlag')) {
//获取伤残类别字典
this.getDictData('disability_category_code', 'childDisabilityCategoryCode');
// 获取伤残等级字典
this.getDictData('disability_level', 'childDisabilityLevel');
}
// 特殊人群
if (values.includes('specialCrowdFlag')) {
//人群类别
this.getDictData('special_resident_category', 'specialCategoryCode');
}
// 公益岗人员
if (values.includes('specialCrowdFlag')) {
//岗位类型
this.getDictData('public_welfare_post_type', 'postTypes');
}
this.setData({
residentTypeFormCell
});
// residentTypeForm
},
async openDynamicForms(e) {
var data = {};
let formtype = e.currentTarget.dataset.formtype;
let id = this.resiId;
if (formtype === 'ensureHouseFlag') {
let res = await residentEnsureHouse(id);
data = res.data;
}
if (formtype === 'unemployedFlag') {
let res = await residentUnemployed(id);
data = res.data;
}
if (formtype === 'veteranFlag') {
let res = await getVeteranDetailById(id);
data = res.data;
}
if (formtype === 'unitedFrontFlag') {
let res = await residentUnitedFront(id);
data = res.data;
}
if (formtype === 'volunteerFlag') {
let res = await getVolunteerDetailById(id);
data = res.data;
}
if (formtype === 'specialSupportFlag') {
let res = await specialSupport(id);
data = res.data;
}
if (formtype === 'tenantFlag') {
let res = await residentTenant(id);
data = res.data;
}
if (formtype === 'specialCrowdFlag') {
let res = await residentSpecial(id);
data = res.data;
}
if (formtype === 'oldPeopleFlag') {
let res = await getOldPeopleDetailById(id);
data = res.data;
}
if (formtype === 'publicWelfareFlag') {
let res = await publicWelfarePost(id);
data = res.data;
}
let residentTypeForm = this.residentTypeForm;
residentTypeForm[formtype].forEach((item) => {
if (item.key === 'userId') {
item.value = id;
}
for (let i in data) {
if (item.key === i) {
item.value = data[item.key];
if (data[item.key]) {
console.log(data[item.key], 'data[item.key]');
if (item.type === 'date') {
item.value = data[item.key].split(' ')[0];
}
if (item.type === 'checkbox') {
let arr = [];
let value = data[item.key].split(',');
value.forEach((item2) => {
arr.push(...item.options.filter((item3) => item3.value === item2));
});
item.selected = arr.map((item) => item.label).join(',');
}
if (item.type === 'select') {
let options = item.options.map((item2) => item2[item.valueKey]);
item.valueIndex = options.indexOf(item.value);
if (item.masterControl) {
residentTypeForm[formtype].forEach((item3) => {
if (item3.showFlag) {
if (item3.showFlag === item.value) {
item3.hide = false;
} else {
item3.hide = true;
}
}
});
}
} else {
item.valueIndex = -1;
}
}
}
}
});
this.setData({
residentTypeForm,
[formtype + 'Open']: true,
dynamicFormsTitle: '填写' + e.currentTarget.dataset.title,
currentFormController: formtype,
formController: this.residentTypeForm[e.currentTarget.dataset.formtype],
isShowDynamicForms: true
});
console.log(this);
},
// 获取住房性质
getHouseTypes() {
getHouseType({
formCode: 'resi_base_info'
}).then((res) => {
console.log(res.data);
this.setPickerOptions('housingNature', res.data);
});
},
getDictData(dictType, formName) {
dictlist({
dictType: dictType
}).then((res) => {
this.setPickerOptions(formName, res.data);
});
},
setPickerOptions(key, options) {
let residentTypeForm = this.residentTypeForm;
for (let item in residentTypeForm) {
residentTypeForm[item].forEach((item2) => {
if (item2.key === key) {
item2.options = options;
}
});
}
this.setData({
residentTypeForm
});
},
getValue(arry) {
let obj = {};
arry.forEach((item) => {
if (item.type === 'date' && item.value != '') {
item.value = item.value + ' 00:00:00';
}
obj[item.key] = item.value;
});
return obj;
},
hideDataFun(e) {
let key = e.currentTarget.dataset.key;
let form = this.form;
form[key] = this.hideData[key];
if (key === 'idNum') {
this.setData({
isShowIdNum: !this.isShowIdNum
});
}
if (key === 'mobile') {
this.setData({
isShowIdTel: !this.isShowIdTel
});
}
this.setData({
form
});
},
showData(e) {
let key = e.currentTarget.dataset.key;
let form = this.form;
let hideData = this.hideData;
hideData[key] = form[key];
this.setData({
hideData
});
api.getResiUserInfo(this.resiId).then((res) => {
if (key === 'idNum') {
this.setData({
isShowIdNum: !this.isShowIdNum
});
}
if (key === 'mobile') {
this.setData({
isShowIdTel: !this.isShowIdTel
});
}
form[key] = res.data[key];
this.setData({
form
});
console.log(res.data[key], this.form[key]);
});
},
bindIdNumInput() {
console.log('占位：函数 bindIdNumInput 未声明');
},
bindmobileInput() {
console.log('占位：函数 bindmobileInput 未声明');
}
}
};
</script>
<style>
/* subpages/addResi/pages/addResi/addResi.wxss */
page {
width: 100%;
min-height: 100vh;
overflow-y: auto;
background-color: #f7f7f7;
}
.gray {
color: #c1c1c1;
}
.m-top20 {
margin-top: 20rpx;
}
.header {
width: 100%;
height: 444rpx;
overflow: hidden;
页面头部背景图片修改 加入腾讯地图选点
11 months ago
background-image: url('/static/subpages/addResi/pages/images/header.png');
background-size: 100% 100%;
init
11 months ago
}
.header .header-bg {
width: 100%;
height: 444rpx;
position: absolute;
height: 100%;
z-index: -999;
}
.back {
width: 30rpx;
height: 30rpx;
margin-left: 20rpx;
position: absolute;
margin-top: 20rpx;
border-radius: 0rpx;
z-index: 101;
}
.header .navigation {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #333333;
font-size: 32rpx;
position: relative;
z-index: 100;
}
.header .content {
margin: 160rpx 0 0 50rpx;
}
.header .content .h2 {
font-size: 44rpx;
font-family: PingFang SC;
font-weight: 800;
color: #333333;
margin-bottom: 28rpx;
}
.header .content .tag {
width: 200rpx;
height: 50rpx;
position: relative;
line-height: 48rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #94a6c2;
padding-left: 15rpx;
}
.header .content .tag b {
color: #ff2a00;
}
.header .content .tag image {
width: 170rpx;
height: 50rpx;
position: absolute;
top: 0;
left: 0;
z-index: -888;
}
.content {
width: 100%;
height: auto;
padding: 0 20rpx;
box-sizing: border-box;
position: relative;
top: -30rpx;
}
.form_card {
background-color: #fff;
border-radius: 10rpx;
padding: 0 30rpx;
box-sizing: border-box;
height: auto;
}
.form_card > .title {
height: 90rpx;
line-height: 90rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
position: relative;
}
.form_card .title .tag {
width: 10rpx;
height: 28rpx;
background: #3a80e7;
border-radius: 4rpx;
position: absolute;
left: -30rpx;
top: 50%;
transform: translateY(-14rpx);
}
.form_card .form_item {
display: flex;
align-items: center;
border-top: 1px solid #eaeaea;
height: 100rpx;
}
.form_card .form_house {
height: 139rpx;
display: flex;
flex-direction: column;
}
.form_card .form_house .form_bottom {
font-size: 24rpx;
color: #c1c1c1;
position: relative;
top: -10rpx;
}
.form_card .form_house .form_bottom text {
color: #3a80e7;
}
.form_card .form_item .label {
min-width: 130rpx;
height: 100%;
line-height: 100rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
position: relative;
}
.form_card .form_item .label .must {
font-size: 32rpx;
font-weight: 500;
color: #ff2a00;
position: absolute;
left: -18rpx;
top: 50%;
transform: translateY(-50rpx);
}
.form_card .form_item .input {
flex: 1;
display: flex;
justify-content: space-around;
align-items: center;
margin-left: 51rpx;
overflow: hidden;
}
.form_card .form_item .input .residentCategorySty {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.form_card .form_item .input picker,
.form_card .form_item .input input {
flex: 1;
}
.form_card .form_item .input image {
height: 22rpx;
width: 22rpx;
}
.bottom_btn {
width: 600rpx;
height: 86rpx;
background: linear-gradient(87deg, #81b5fb 0%, #3e92ff 100%);
border-radius: 43rpx;
text-align: center;
color: #fff;
margin: 30rpx auto 0;
line-height: 86rpx;
}
.text-right {
text-align: right !important;
justify-content: flex-end !important;
}
</style>