梁航：发布页获取业态

pages/publish/publishTransfer/publishTransfer.vue

@@ -12,7 +12,7 @@
 			<u-form-item label="区域" label-position="top" border-bottom="true" right-icon="arrow-right" prop="region" label-width="auto">
 				<text @click="show1 = true" class="checktext">请选择所属区域</text>
 				<view class="arrow-icon">
-					<u-icon name="arrow-right" size="30px"></u-icon>
+					<u-icon name="arrow-right" size="30px" @click="show1 = true"></u-icon>
 				</view>
 				<u-picker :columns="regionColumns" :show="show1" :closeOnClickOverlay="true" @close="show1 = false"
 					v-model="form.region"></u-picker>
@@ -21,21 +21,21 @@
 				<u-input v-model="form.place" placeholder="请输入店铺地址" placeholder-class="input-class" border="none"
 					@change="changeAddress"></u-input>
 			</u-form-item>
-			<u-form-item label="行业" label-position="top" border-bottom="true" class="picker" label-width="auto" prop="trade">
+			<u-form-item label="行业" label-position="top" border-bottom="true" class="picker" label-width="auto" prop="trade" >
-				<text @click="show2 = true" class="checktext">请选择行业类型</text>
+				<text @click="show2 = true" class="checktext">{{form.trade}}</text>
 				<view class="arrow-icon">
-					<u-icon name="arrow-right" size="30px"></u-icon>
+					<u-icon name="arrow-right" size="30px" @click="show2 = true"></u-icon>
 				</view>
-				<u-picker mode="region" :show="show2" :closeOnClickOverlay="true" @close="show2 = false"
+				<u-picker mode="region" :show="show2" :closeOnClickOverlay="true" @close="show2 = false" :columns="[Classcolumns]"
-					v-model="form.trade"></u-picker>
+					v-model="form.trade" @confirm="tradeConfirm"></u-picker>
 			</u-form-item>
 			<u-form-item label="业态" label-position="top" border-bottom="true" label-width="auto" prop="karma">
-				<text @click="show3 = true" class="checktext">请选择行业业态</text>
+				<text @click="show3 = true" class="checktext">{{form.karma}}</text>
 				<view class="arrow-icon">
-					<u-icon name="arrow-right" size="30px"></u-icon>
+					<u-icon name="arrow-right" size="30px" @click="show3 = true"></u-icon>
 				</view>
-				<u-picker mode="region" :show="show3" :closeOnClickOverlay="true" @close="show3 = false"
+				<u-picker mode="region" :show="show3" :closeOnClickOverlay="true" @close="show3 = false" :columns="[Karmacolumns]"
-					v-model="form.karma"></u-picker>
+					v-model="form.karma" @confirm="karmaConfirm"></u-picker>
 			</u-form-item>
 			<u-form-item label="面积" label-position="top" border-bottom="true" label-width="auto" prop="size">
 				<u-input v-model="form.size" placeholder="请输入店铺面积" placeholder-class="input-class" border="none"></u-input>
@@ -79,8 +79,8 @@
 					title: '',
 					region: '',
 					place: '',
-					trade: '',
+					trade: '请选择行业',
-					karma: '',
+					karma: '请选择业态',
 					size: '',
 					rent: '',
 					sell: '',
@@ -88,9 +88,10 @@
 					call: '',
 					introduce: ''
 				},
-				columns: [
+				Classcolumns: [],
-
+				ClassCheckId:'',
-				],
+				Karmacolumns: [],
+				pid:[],
 				show1: false,
 				show2: false,
 				show3: false,
@@ -181,8 +182,8 @@
 				})
 			},
 			changeAddress(e) {
-				console.log('changeAddress', e);
+				// console.log('changeAddress', e);
-				// this.getAddressList(e)
+				this.getAddressList(e)
 			},
 			getAddressList(value) {
 				var that = this
@@ -199,9 +200,37 @@
 					}
 				})
 			},
+			tradeConfirm(e){
+				this.show2 = false
+				this.form.trade = e.value[0]
+				this.ClassCheckId = this.pid[e.indexs[0]]
+				this.$api.getClassList(this.ClassCheckId).then(res => {
+					// console.log(res);
+					this.Karmacolumns = res.data.data.map((item) => {
+					return item = item.name
+				})
+				})
+			},
+			karmaConfirm(e){
+				this.show3 = false
+				this.form.karma = e.value[0]
+			}
 		},
 		onReady() {
 			this.$refs.uForm.setRules(this.rules)
+			
+		},
+		onLoad() {
+			this.$api.getClassList().then(res =>{
+				// console.log(res.data.data.length);
+				this.Classcolumns = res.data.data.map((item) => {
+					return item = item.name
+				})
+				this.pid = res.data.data.map((item) => {
+					return item = item.id
+				})
+				
+			})
 		}
 	}
 </script>