基础信息

components/workAddress/pickerAddress.vue

+<template>
+	<picker @change="bindPickerChange" @columnchange="columnchange" :range="array" range-key="name" :value="value" mode="multiSelector">
+		<slot></slot>
+	</picker>
+</template>
+
+<script>
+	import AllAddress from './data.js'
+	let selectVal = ['','','']
+	let selectCode = ['','','']
+	export default {
+		data() {
+			return{
+				value: [0,0,0],
+				array: [],
+				index: 0
+			}
+		},
+		created() {
+			this.initSelect()
+		},
+		methods:{
+			// 初始化地址选项
+			initSelect() {
+				this.updateSourceDate() // 更新源数据
+				.updateAddressDate() // 更新结果数据
+				.updateAddressCode()// 更新结果数据
+				.$forceUpdate()  // 触发双向绑定
+			},
+			// 地址控件改变控件
+			columnchange(d) {
+			
+				this.updateSelectIndex(d.detail.column, d.detail.value) // 更新选择索引
+				.updateSourceDate() // 更新源数据
+				.updateAddressDate() // 更新结果数据
+				.updateAddressCode()// 更新结果数据
+				.$forceUpdate()  // 触发双向绑定
+			},
+			
+			/**
+			 * 更新源数据
+			 * */
+			updateSourceDate() {
+				this.array = []
+				this.array[0] = AllAddress.map(obj => {
+					return {
+						name: obj.provinceName,
+						cityCode:obj.provinceCode
+					}
+				})
+				this.array[1] = AllAddress[this.value[0]].city.map(obj => {
+					return {
+						name: obj.cityName,
+						cityCode:obj.cityCode
+					}
+				})
+				this.array[2] = AllAddress[this.value[0]].city[this.value[1]].county.map(obj => { 
+					return {
+						name: obj.countyName,
+						cityCode:obj.countyCode
+					}
+				})
+				
+				return this
+			},
+			
+			/**
+			 * 更新索引
+			 * */
+			updateSelectIndex(column, value){
+				let arr = JSON.parse(JSON.stringify(this.value)) 
+				
+				arr[column] = value
+				if(column === 0 ) {
+					arr[1] = 0
+					arr[2] = 0
+				}
+				if(column === 1 ) {
+					arr[2] = 0
+				}
+				this.value = arr
+				return this
+			},
+			
+			/**
+			 * 更新结果数据 
+			 * */
+			updateAddressDate() {
+				selectVal[0] = this.array[0][this.value[0]].name
+				selectVal[1] = this.array[1][this.value[1]].name 
+				selectVal[2] = this.array[2][this.value[2]].name 
+				return this
+			},
+			updateAddressCode() {
+				selectCode[0] = this.array[0][this.value[0]].cityCode
+				selectCode[1] = this.array[1][this.value[1]].cityCode 
+				selectCode[2] = this.array[2][this.value[2]].cityCode 
+				return this
+			},
+			/**
+			 * 点击确定
+			 * */
+			bindPickerChange(e) {
+				console.log(e.target.value,'change')
+				this.$emit('change', {
+					index: selectCode,
+					data: selectVal
+				})
+				return this
+			}
+			
+		}
+	}
+</script>
+
+<style>
+</style>

pages/baseInfo/baseInfo.vue

@@ -109,7 +109,7 @@
 				<view class='line-main'>
 					<label class='main-lab'>工作城市</label>
 					<view class='main-right'>
-						<pickerAddress class='line-right-picker' @change="changeWork">{{workCity}}</pickerAddress>
+						<workAddress class='line-right-picker' @change="changeWork">{{workCity}}</workAddress>
 						<i class='r-icon'></i>
 					</view>
 					
@@ -260,12 +260,14 @@
 	//1、使用插件
 	import { CheckContactPermission,SelectContact} from '../../utils/authPerission'
 	import pickerAddress from '../../components/pickerAddress/pickerAddress.vue'
+	import workAddress from '../../components/workAddress/pickerAddress.vue'
 	import { nativeCommon } from '../../utils/nativeCommon.js'
 	import  idCardNumberVerify  from "../../utils/idCardNumber.js"
 	export default {
 		//2、使用插件
 		components:{
-			pickerAddress
+			pickerAddress,
+			workAddress
 		},
 		data() {
 			return {

pages/pay/pay.vue

@@ -192,6 +192,12 @@
 							duration: 2000
 						})
 						self.Go('uni:/pages/payResult/payResult','redirect')
+					}else{
+						uni.showToast({
+							title: repay.remark,
+							icon:"none",
+							duration: 2000
+						})
 					}
 				}).catch(err=>{
 				  console.log(err,'请求出错')