| | |
| | | |
| | | <u-form-item class="form-item" labelWidth="110" label="户籍地区" prop="residentAdcode"> |
| | | <view class="region"> |
| | | <uni-data-picker :border="false" v-model="residentadDefault" |
| | | <!-- <uni-data-picker :border="false" v-model="residentadDefault" |
| | | :map="{text:'name',value:'id'}" :localdata="cityList" popup-title="请选择户籍地区" |
| | | @change="onchange" @nodeclick="onnodeclick"></uni-data-picker> |
| | | @change="onchange" @nodeclick="onnodeclick"></uni-data-picker> --> |
| | | |
| | | <!-- <picker mode="region" custom-item="children" :range="cityList" range-key="name" |
| | | <picker mode="region" :custom-item="children" :range="cityList" :range-key="name" |
| | | :value="residentadDefault" @change="changeHouseholdRegion"> |
| | | <view class="region-picker c-c0" v-if="!residentad"> |
| | | 请选择户籍地区 |
| | |
| | | <view class="region-picker c-30" v-if="residentad"> |
| | | {{residentad}} |
| | | </view> |
| | | </picker> --> |
| | | </picker> |
| | | </view> |
| | | <!-- <u-icon slot="right" name="arrow-right"></u-icon> --> |
| | | </u-form-item> |
| | |
| | | </u-form-item> --> |
| | | <u-form-item class="form-item" labelWidth="110" label="籍贯地区" prop="nativePlaceAdcode"> |
| | | <view class="region"> |
| | | <uni-data-picker :border="false" v-model="navtivePlaceDefault" |
| | | <!-- <uni-data-picker :border="false" v-model="navtivePlaceDefault" |
| | | :map="{text:'name',value:'id'}" :localdata="cityList" popup-title="请选择户籍地区" |
| | | @change="changeNativeRegion" @nodeclick="onnodeclick"></uni-data-picker> |
| | | <!-- <picker :range="cityList" range-key="name" :value="navtivePlaceDefault" |
| | | @change="changeNativeRegion"> |
| | | @change="changeNativeRegion" @nodeclick="onnodeclick"></uni-data-picker> --> |
| | | <picker mode="region" :custom-item="children" :range="cityList" :range-key="name" |
| | | :value="navtivePlaceDefault" @change="changeNativeRegion"> |
| | | <view class="region-picker c-c0" v-if="!nativePlace"> |
| | | 请选择籍贯地区 |
| | | </view> |
| | | <view class="region-picker c-30" v-if="nativePlace"> |
| | | {{nativePlace}} |
| | | </view> |
| | | </picker> --> |
| | | </picker> |
| | | </view> |
| | | <!-- <u-icon slot="right" name="arrow-right"></u-icon> --> |
| | | </u-form-item> |
| | |
| | | homeRegion: "", //居住地 |
| | | homeIndex: 0, |
| | | showRegion: false, |
| | | navtivePlaceDefault: [], |
| | | residentadDefault: [], |
| | | navtivePlaceDefault: [13, 0, 0], |
| | | residentadDefault: [13, 0, 0], |
| | | isEdit: false, |
| | | from: "", |
| | | type: "", |
| | |
| | | value |
| | | } = e.detail; |
| | | this.nativePlace = `${value[0]}-${value[1]}-${value[2]}` |
| | | this.form.nativePlaceAdcode = value[2].value; |
| | | this.form.nativePlaceAdcode = code[2]; |
| | | |
| | | }, |
| | | |
| | |
| | | // console.log("****2***" + JSON.stringify(node)) |
| | | }, |
| | | |
| | | |
| | | //选择户籍 |
| | | // changeHouseholdRegion(e) { |
| | | // let { |
| | | // code, |
| | | // value |
| | | // } = e.detail; |
| | | // this.residentad = `${value[0]}-${value[1]}-${value[2]}` |
| | | // this.form.residentAdcode = code[2]; |
| | | // }, |
| | | changeHouseholdRegion(e) { |
| | | let { |
| | | code, |
| | | value |
| | | } = e.detail; |
| | | this.residentad = `${value[0]}-${value[1]}-${value[2]}` |
| | | this.form.residentAdcode = code[2]; |
| | | }, |
| | | |
| | | |
| | | getRegionList() { |
| | |
| | | city, |
| | | district |
| | | } = this.extractAddressComponents(address.text); |
| | | // this.residentadDefault = [province, city, district]; //户籍地区 |
| | | // this.residentad = `${province}-${city}-${district}`; |
| | | this.residentadDefault = [province, city, district]; //户籍地区 |
| | | this.residentad = `${province}-${city}-${district}`; |
| | | this.$set(this.form, "hukouRegistration", address.text); |
| | | // this.getRegionTree(data => { |
| | | // for (let i = 0, ii = data.length; i < ii; i++) { |
| | | // if (data[i].name == province) { |
| | | // for (let j = 0, jj = data[i].children.length; j < jj; j++) { |
| | | // for (let k = 0, kk = data[i].children[j].children.length; k < kk; k++) { |
| | | // if (data[i].children[j].children[k].name == district) { |
| | | // this.$set(this.form, "residentAdcode", data[i].children[j].children[k].id); |
| | | // break; |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | let data = this.cityList |
| | | for (let i = 0, ii = data.length; i < ii; i++) { |
| | | if (data[i].name == province) { |
| | | for (let j = 0, jj = data[i].children.length; j < jj; j++) { |
| | | for (let k = 0, kk = data[i].children[j].children.length; k < kk; k++) { |
| | | if (data[i].children[j].children[k].name == district) { |
| | | this.$set(this.form, "residentAdcode", data[i].children[j].children[k].id); |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // }) |
| | | |
| | | }, |
| | | |
| | | |
| | |
| | | border-radius: 8rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .title { |
| | | font-size: 14px; |
| | | font-weight: bold; |
| | | margin: 20px 0 5px 0; |
| | | } |
| | | |
| | | .data-pickerview { |
| | | height: 400px; |
| | | border: 1px #e5e5e5 solid; |
| | | } |
| | | |
| | | .popper__arrow { |
| | | top: -6px; |
| | | left: 50%; |
| | | margin-right: 3px; |
| | | border-top-width: 0; |
| | | border-bottom-color: #EBEEF5; |
| | | } |
| | | |
| | | .popper__arrow { |
| | | top: -6px; |
| | | left: 50%; |
| | | margin-right: 3px; |
| | | border-top-width: 0; |
| | | border-bottom-color: #EBEEF5; |
| | | } |
| | | </style> |