111

pages/me/base_info.vue

@@ -33,6 +33,16 @@
 				<image class="more" src="../../static/more.png"></image>
 			</view>
 
+			<view class="line-thin"></view>
+			<view @click="bank()" class="menu-item">
+				<text class="text">推荐支行</text>
+
+				<zqs-select class="explain2" :multiple="false" :list="options" label-key="bankName" value-key="bankSid"
+					title="选择支行" clearable v-model="page.customerBankName" placeholder=" 请选择支行" @search="searchEvent"
+					@change="selectChange2"></zqs-select>
+
+			</view>
+
 		</loading-state>
 
 		<uni-popup ref="inputDialog" type="dialog">
@@ -47,6 +57,35 @@
 	export default {
 		data() {
 			return {
+				options: [{
+						label: '沃尔玛（WALMART)',
+						value: '0',
+					},
+					{
+						label: '国家电网有限公司（STATE GRID)',
+						value: '1',
+					},
+					{
+						label: '中国石油天然气集团有限公司',
+						value: '2',
+					},
+					{
+						label: '苹果公司（APPLE)',
+						value: '3',
+					},
+					{
+						label: 'CVSHealth公司（CVS HEALTH)',
+						value: '4',
+					},
+					{
+						label: '联合健康集团（UNITEDHEALTH GROUP)',
+						value: '5',
+					},
+					{
+						label: '丰田汽车公司（TOYOTA MOTOR)',
+						value: '6',
+					}
+				],
 				page: {}
 			}
 		},
@@ -70,6 +109,7 @@
 					_this.page = resp
 					_this.$nextTick(() => {
 						_this.$refs.pageView.setLoadState(2)
+						_this.options = resp.customerBankList
 					})
 
 				}).catch(e => {
@@ -128,7 +168,25 @@
 				uni.navigateTo({
 					url: '/pages/me/RealInfo'
 				})
-			}
+			},
+			bank() {},
+			selectChange2(e) {
+				// 此处为点击的事件
+				let param = {
+					userSid: getApp().globalData.sid,
+					customerBankSid: e.bankSid
+				}
+				let _this = this
+				_this.$api.saveTuiJianZhiHang(param).then((resp) => {
+					_this.request()
+				}).catch(e => {
+					_this.request()
+				})
+			},
+			searchEvent(val) {
+				console.log('查询事件参数', val)
+				// 此处把新的请求值 赋值给options
+			},
 		}
 	}
 </script>
@@ -192,6 +250,11 @@
 		margin-right: 10rpx;
 	}
 
+	.menu-item .explain2 {
+		font-size: 28rpx;
+		color: #828282;
+	}
+
 	.line-thin {
 		height: 1rpx;
 		width: 100%;