20 changed files with 2891 additions and 167 deletions
@ -1 +1 @@ |
|||
@import '../common/index.wxss';.van-steps{background-color:var(--steps-background-color,#fff);overflow:hidden}.van-steps--horizontal{padding:10px;box-sizing: border-box;}.van-steps--horizontal .van-step__wrapper{display:flex;overflow:hidden;position:relative;padding: 10rpx;box-sizing: border-box;}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{color:var(--step-text-color,#969799);flex:1;font-size:var(--step-font-size,14px);position:relative}.van-step--finish{color:var(--step-finish-text-color,#323233)}.van-step__circle{text-align:center;background-color:var(--step-circle-color,#98a8c7);color:#fff;border-radius:50%;height:var(--step-circle-size,15px);font-size:24rpx;text-algin:center;width:var(--step-circle-size,15px);}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;transform:translate3d(0,50%,0);}.van-step__circle__center{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 23px;height: 23px;background-color:#d0e2fb;border-radius: 50%;z-index: -1;}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{text-align:right;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:0;transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{background-color:#fff;bottom:6px;padding:0;position:absolute;transform:translate3d(-50%,50%,0);z-index:1}.van-step--horizontal .van-step__title{display:inline-block;font-size:var(--step-horizontal-title-font-size,12px);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{background-color:var(--step-line-color,#ebedf0);bottom:6px;height:5px;left:0;position:absolute;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:var(--step-process-text-color,#323233)}.van-step--horizontal.van-step--process .van-step__icon{display:block;font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical{line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:after{border-bottom-width:1px}.van-step--vertical:last-child:after{border-bottom-width:none}.van-step--vertical:first-child:before{background-color:#fff;content:"";height:20px;left:-15px;position:absolute;top:0;width:1px;z-index:1}.van-step--vertical .van-step__circle,.van-step--vertical .van-step__icon,.van-step--vertical .van-step__line{left:-14px;position:absolute;top:19px;transform:translate3d(-50%,-50%,0);z-index:2}.van-step--vertical .van-step__icon{background-color:var(--steps-background-color,#fff);font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical .van-step__line{background-color:var(--step-line-color,#ebedf0);height:100%;transform:translate3d(-50%,0,0);width:1px;z-index:1} |
|||
@import '../common/index.wxss';.van-steps{background-color:var(--steps-background-color,#fff);overflow:hidden}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{display:flex;overflow:hidden;position:relative}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{color:var(--step-text-color,#969799);flex:1;font-size:var(--step-font-size,14px);position:relative}.van-step--finish{color:var(--step-finish-text-color,#323233)}.van-step__circle{background-color:var(--step-circle-color,#969799);border-radius:50%;height:var(--step-circle-size,5px);width:var(--step-circle-size,5px)}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{text-align:right;transform:none}.van-step--horizontal:last-child .van-step__circle-container{padding:0 0 0 8px;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{background-color:#fff;bottom:6px;padding:0 var(--padding-xs,8px);position:absolute;transform:translate3d(-50%,50%,0);z-index:1}.van-step--horizontal .van-step__title{display:inline-block;font-size:var(--step-horizontal-title-font-size,12px);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{background-color:var(--step-line-color,#ebedf0);bottom:6px;height:1px;left:0;position:absolute;right:0;transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:var(--step-process-text-color,#323233)}.van-step--horizontal.van-step--process .van-step__icon{display:block;font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical{line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:after{border-bottom-width:1px}.van-step--vertical:last-child:after{border-bottom-width:none}.van-step--vertical:first-child:before{background-color:#fff;content:"";height:20px;left:-15px;position:absolute;top:0;width:1px;z-index:1}.van-step--vertical .van-step__circle,.van-step--vertical .van-step__icon,.van-step--vertical .van-step__line{left:-14px;position:absolute;top:19px;transform:translate3d(-50%,-50%,0);z-index:2}.van-step--vertical .van-step__icon{background-color:var(--steps-background-color,#fff);font-size:var(--step-icon-size,12px);line-height:1}.van-step--vertical .van-step__line{background-color:var(--step-line-color,#ebedf0);height:100%;transform:translate3d(-50%,0,0);width:1px;z-index:1} |
|||
@ -0,0 +1,131 @@ |
|||
// subpages/addResi/com/expandForm.js
|
|||
|
|||
Component({ |
|||
|
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
"formList": { |
|||
"type": Array, |
|||
"value": [] |
|||
}, |
|||
"popupTitle":{ |
|||
"type": String, |
|||
"value": "" |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
form:{ |
|||
// 党员信息
|
|||
parymemberInfoDto: { |
|||
joinTime: null, |
|||
positiveTime: null, |
|||
partyOrgId: null, |
|||
flowFlag: null, |
|||
flowActNum: null, |
|||
partyJob: null, |
|||
duty: null, |
|||
retiredFlag: null, |
|||
centerFlag: null, |
|||
studyNotNeed: null, |
|||
joinBranchName: null, |
|||
joinCommunityTime: null |
|||
}, |
|||
// 残疾信息
|
|||
healthDto: { |
|||
disabilityCategoryCode: null, |
|||
disabilityLevel: null, |
|||
disabilityNum: null, |
|||
disabilityDesc: null, |
|||
guardianFlag: null, |
|||
guardianName: null, |
|||
guardianMobile:null, |
|||
specialSkillFlag: null, |
|||
workCapacityFlag: null |
|||
}, |
|||
// 大病信息
|
|||
seriousIllnessDto: { |
|||
illnessCodes: [] |
|||
}, |
|||
// 慢病信息
|
|||
chronicDiseaseDto: { |
|||
chronicDiseaseCodes: [] |
|||
}, |
|||
// 死亡信息
|
|||
deathDto: { |
|||
deathTime: null |
|||
}, |
|||
// 老年人
|
|||
oldPeopleDto: { |
|||
oldPeopleCategories: [], |
|||
resideSituation: null, |
|||
oldSubsidy: null |
|||
}, |
|||
// 低保人员
|
|||
subsistenceAllowanceDto: { |
|||
reasons: [], |
|||
category:null , |
|||
}, |
|||
// 退役军人
|
|||
veteranDto: { |
|||
joinArmyTime: null, |
|||
leaveArmyTime: null, |
|||
serviceUnit: null, |
|||
receiveUnit: null, |
|||
settlementAmount: null, |
|||
trainDesc: null, |
|||
employmentSituation: null, |
|||
pubWelfareJobFlag: null |
|||
}, |
|||
|
|||
// 保障房人员
|
|||
ensureHouseDto: { |
|||
liveCommunity: null, |
|||
housingNature: null |
|||
}, |
|||
// 统战人员
|
|||
unitedFrontDto: { |
|||
unitedFrontType: null |
|||
}, |
|||
//特扶人员
|
|||
specialSupportDto: { |
|||
specialSupportType: null,//特扶类别
|
|||
childName: null,//子女姓名
|
|||
childGender: null,//子女性别
|
|||
childDeathDate: null,//子女死亡日期
|
|||
childDisabilityCategoryCode: null,//伤残类别
|
|||
childDisabilityLevel: null,//伤残等级
|
|||
}, |
|||
// 志愿者
|
|||
volunteerDto: { |
|||
volunteerCategory: [] |
|||
}, |
|||
}, |
|||
}, |
|||
// onReady(){
|
|||
// },
|
|||
ready: async function () { |
|||
console.log(this.data.formList); |
|||
}, |
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
updata(){ |
|||
|
|||
}, |
|||
hideForm(){ |
|||
this.triggerEvent('hideExpandForm') |
|||
}, |
|||
confirm(){ |
|||
this.triggerEvent('confirmExpandForm') |
|||
}, |
|||
|
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,54 @@ |
|||
<view class="title"> |
|||
<text class="tag"></text> {{popupTitle}} |
|||
</view> |
|||
<view class="form_card"> |
|||
<view wx:for="{{formList}}" wx:key="idnex" wx:for-item="itemP"> |
|||
|
|||
<view class="form_item" wx:if="{{itemP.itemType == 'select'}}"> |
|||
<view class="form_item_label">{{itemP.label}}</view> |
|||
<view class="form_item_input" > |
|||
<picker bindchange="bindPicker" range-key="label" value="{{index}}" range="{{itemP.opction}}" class="gray"> |
|||
请选择 |
|||
</picker> |
|||
<image src="../../../../images/right.png" mode="" /> |
|||
</view> |
|||
</view> |
|||
<view class="form_item" wx:if="{{itemP.itemType == 'radio'}}"> |
|||
<view class="form_item_label">{{itemP.label}}</view> |
|||
<radio-group bindchange="radioChange" class="form_item_input_radio"> |
|||
<label class="weui-cell weui-check__label" wx:for="{{itemP.opction}}" wx:key="{{itemP.value}}"> |
|||
<view class="weui-cell__hd"> |
|||
<radio value="{{item.value}}" checked="true" /> |
|||
</view> |
|||
<view class="weui-cell__bd">{{item.label}}</view> |
|||
</label> |
|||
</radio-group> |
|||
</view> |
|||
<view class="form_item" wx:if="{{itemP.itemType == 'input'}}"> |
|||
<view class="form_item_label">{{itemP.label}}</view> |
|||
<view class="form_item_input"> |
|||
<input confirm-type="next" bindblur="bindinput" bindinput="bindinput" value="{{form[itemP.id][itemP.formName]}}" placeholder-class="gray" placeholder="请输入" /> |
|||
</view> |
|||
</view> |
|||
<view class="form_item" wx:if="{{itemP.itemType == 'checkbox'}}"> |
|||
<view class="form_item_label">{{itemP.label}}</view> |
|||
<view class="form_item_input"> |
|||
<checkbox-group bindchange="checkboxChange"> |
|||
<label class="weui-cell weui-check__label" wx:for="{{itemP.opction}}" wx:key="{{item.value}}"> |
|||
<view class="weui-cell__hd"> |
|||
<checkbox value="{{item.value}}" color="#3974f6" checked="{{item.checked}}"/> |
|||
</view> |
|||
<view class="weui-cell__bd">{{item.label}}</view> |
|||
</label> |
|||
</checkbox-group> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view class="bot_btn"> |
|||
<button type="default" plain="true" class="bottom_btn bottom_btn_close" bind:tap="hideForm">关闭</button> |
|||
<button type="primary" class="btn_bule bottom_btn" bind:tap="confirm">确认</button> |
|||
</view> |
|||
@ -0,0 +1,112 @@ |
|||
/* subpages/addResi/com/expandForm.wxss */ |
|||
.title{ |
|||
height: 90rpx; |
|||
line-height: 90rpx; |
|||
font-size: 34rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
padding-left: 30rpx; |
|||
box-sizing: border-box; |
|||
color: #333333; |
|||
position: relative; |
|||
} |
|||
.gray{ |
|||
color: #808080; |
|||
} |
|||
.form_card{ |
|||
height: calc(100% - 235rpx); |
|||
overflow-y: scroll; |
|||
padding: 0 10px; |
|||
box-sizing: border-box; |
|||
} |
|||
.title .tag{ |
|||
width: 10rpx; |
|||
height: 28rpx; |
|||
background: #3A80E7; |
|||
border-radius: 4rpx; |
|||
position: absolute; |
|||
left: 0rpx; |
|||
top: 50%; |
|||
transform: translateY(-14rpx); |
|||
} |
|||
.form_item{ |
|||
display: flex; |
|||
align-items: center; |
|||
border-top: 1px solid #EAEAEA; |
|||
min-height: 100rpx; |
|||
} |
|||
.form_item .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_item .form_item_input{ |
|||
flex: 1; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
margin-left: 51rpx; |
|||
overflow: hidden; |
|||
|
|||
} |
|||
.form_card .form_item .form_item_input picker, |
|||
.form_card .form_item .form_item_input input{ |
|||
flex: 1; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
} |
|||
.form_card .form_item .form_item_input image{ |
|||
height: 22rpx; |
|||
width: 22rpx; |
|||
} |
|||
.form_item .form_item_input_radio{ |
|||
display: flex; |
|||
} |
|||
.form_item .weui-cell{ |
|||
display: flex; |
|||
margin-left: 20rpx; |
|||
align-items: center; |
|||
} |
|||
.bot_btn{ |
|||
display: flex; |
|||
background-color: #fff; |
|||
z-index: 10; |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
position: fixed; |
|||
bottom: 40rpx; |
|||
left: 50%; |
|||
box-sizing: border-box; |
|||
transform: translateX(-50%); |
|||
padding: 12rpx 90rpx; |
|||
box-sizing: border-box; |
|||
padding-bottom: constant(safe-area-inset-bottom); |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
} |
|||
.bot_btn .bottom_btn{ |
|||
width: 240rpx; |
|||
height: 76rpx; |
|||
border-radius: 43rpx; |
|||
text-align: center; |
|||
line-height: 76rpx; |
|||
font-size: 32rpx; |
|||
} |
|||
.bot_btn .btn_bule{ |
|||
background:#3974F6; |
|||
color: #fff; |
|||
} |
|||
.bottom_btn_close{ |
|||
border-color:#999999 !important; |
|||
} |
|||
.weui-cell__bd{ |
|||
font-size: 24rpx; |
|||
} |
|||
.form_item_input checkbox-group{ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,8 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"wux-select": "../../../../components/dist/select", |
|||
"DynamicForms": "../../../../components/DynamicForms/DynamicForms", |
|||
"van-icon": "@vant/weapp/icon/index" |
|||
}, |
|||
"navigationStyle": "custom" |
|||
} |
|||
@ -0,0 +1,271 @@ |
|||
<!--subpages/addResi/pages/addResi/addResi.wxml--> |
|||
<view class="header"> |
|||
<image src="../../../../images/back.png" class="back" style=" top: {{statusHeight}}px;width: 50rpx;height: 50rpx;" bindtap="back" mode="" /> |
|||
<image class="header-bg" src="../images/header.png" mode="widthFix" /> |
|||
<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 bindchange="bindPickerChangeGrid" range-key="label" value="{{index}}" range="{{gridList}}"> |
|||
<view class="{{form.gridName?'':'gray'}}"> |
|||
{{form.gridName ? form.gridName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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 bindchange="bindPickerChangevillageId" range-key="label" value="{{index}}" range="{{villageList}}"> |
|||
<view class="{{villageName?'':'gray'}}"> |
|||
{{villageName ? villageName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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 bindchange="bindPickerChangebuilding" range-key="label" value="{{index}}" range="{{buildingList}}"> |
|||
<view class="{{buildingName?'':'gray'}}"> |
|||
{{buildingName ? buildingName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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 bindchange="bindPickerChangeUnit" range-key="label" value="{{index}}" range="{{unitList}}"> |
|||
<view class="{{unitName?'':'gray'}}"> |
|||
{{unitName ? unitName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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 bindchange="bindPickerChangeHouse" range-key="label" value="{{index}}" range="{{houseList}}"> |
|||
<view class="{{houseName?'':'gray'}}"> |
|||
{{houseName ? houseName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../images/right.png" mode="" /> |
|||
</view> |
|||
</view> |
|||
<view class="form_bottom">选项中如无该房屋,请先 |
|||
<text bind: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" bindblur="bindNameInput" bindinput="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 bindchange="bindPickerChangeGender" range-key="label" value="{{index}}" range="{{genderList}}"> |
|||
<view class="{{form.gender?'':'gray'}}"> |
|||
{{genderName ? genderName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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}}" bindchange="bindDateChange"> |
|||
<view class="{{form.birthday?'':'gray'}}"> |
|||
{{form.birthday ? form.birthday : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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" bindblur="bindIdNumInput" bindinput="bindidNumInput" value="{{form.idNum}}" placeholder-class="gray" placeholder="请输入" /> |
|||
<block wx:if="{{resiId}}"> |
|||
|
|||
<view bind:tap="showData" wx:if="{{isShowIdNum}}" data-key='idNum'> |
|||
<van-icon name="closed-eye" /> |
|||
</view> |
|||
<view bind:tap="hideData" wx: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" bindblur="bindMobileInput" bindinput="bindmobileInput" value="{{form.mobile}}" placeholder-class="gray" placeholder="请输入" /> |
|||
<block wx:if="{{resiId}}"> |
|||
<view bind:tap="showData" wx:if="{{isShowIdTel}}" data-key='mobile'> |
|||
<van-icon name="closed-eye" /> |
|||
</view> |
|||
<view bind:tap="hideData" wx: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" bindblur="bindPlaceOfDomicileInput" bindinput="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" bindblur="bindCurrentResidenceInput" bindinput="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 bindchange="bindPickerChangeNation" range-key="label" value="{{index}}" range="{{nation}}"> |
|||
<view class="{{form.nation?'':'gray'}}"> |
|||
{{form.nation ? nation[form.nation].label : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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" bindblur="bindNativePlaceInput" bindinput="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 bindchange="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="../../../../images/right.png" mode="" /> |
|||
</view> |
|||
</view> |
|||
<view class="form_item"> |
|||
<view class="label"> |
|||
<view class="title">婚姻状况</view> |
|||
</view> |
|||
<view class="input"> |
|||
<picker bindchange="bindPickerChangemarriage" range-key="label" value="{{index}}" range="{{marriageList}}"> |
|||
<view class="{{form.familyInfoDto.marriage?'':'gray'}}"> |
|||
{{marriageName ? marriageName : '请选择'}} |
|||
</view> |
|||
</picker> |
|||
<image src="../../../../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" bindblur="bindReligionInput" bindinput="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" bind:tap="onClick3"> |
|||
<view class="residentCategorySty {{residentCategorySty?'':'gray'}}" style="text-align: left;"> |
|||
{{residentCategorySty ? residentCategorySty : '请选择'}} |
|||
</view> |
|||
<image src="../../../../images/right.png" mode="" /> |
|||
</view> |
|||
</view> |
|||
<view class="form_item" wx:for="{{residentTypeFormCell}}" :key="index" bind:tap="openDynamicForms" data-title="{{item.title}}" data-formtype="{{item.value}}"> |
|||
<view class="label"> |
|||
<view class="title">{{item.title}}</view> |
|||
</view> |
|||
<view class="input text-right"> |
|||
<image src="../../../../images/right.png" mode="" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="bottom_btn" bind:tap="submit">提交</view> |
|||
</view> |
|||
<wux-select id="wux-select3" /> |
|||
|
|||
<DynamicForms show="{{isShowDynamicForms}}" title="{{dynamicFormsTitle}}" bind:close="closeDynamicForms" bind:ok="okDynamicForms" formController="{{formController}}" /> |
|||
@ -0,0 +1,190 @@ |
|||
/* 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; |
|||
/* position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; */ |
|||
} |
|||
.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; |
|||
} |
|||
Loading…
Reference in new issue