完成商家模块小程序部分的修改

packages/shopEnter/index/index.vue

@@ -46,6 +46,13 @@
 					<input type="text" v-model="contact_phone" placeholder="请输入联系方式">
 				</view>
 			</view>
+			<view class="row">
+				<view class="row_label">商家分类</view>
+				<view class="row_con" @click="chooseClassify">
+					<input type="text" disabled v-model="confirmClassify.short_name" placeholder="请选择商家分类">
+					<u-icon name="arrow-right" color="#999999" size="28"></u-icon>
+				</view>
+			</view>
 			<view class="row">
 				<view class="row_label">银行卡号</view>
 				<view class="row_con nonebor">
@@ -61,7 +68,9 @@
 					<u-upload :fileList="imgList" @afterRead="afterReadImg" @delete="deletePic" name="1" multiple
 						:maxCount="10">
 						<view class="imgCon">
-							<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png" mode="widthFix"></image>
+							<image
+								src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png"
+								mode="widthFix"></image>
 							上传图片
 						</view>
 					</u-upload>
@@ -74,7 +83,9 @@
 					<u-upload :fileList="imgList3" @afterRead="afterReadImg2" @delete="deletePic2" name="1" multiple
 						:maxCount="10">
 						<view class="imgCon">
-							<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png" mode="widthFix"></image>
+							<image
+								src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png"
+								mode="widthFix"></image>
 							上传图片
 						</view>
 					</u-upload>
@@ -87,7 +98,9 @@
 					<u-upload :fileList="imgList5" @afterRead="afterReadImg3" @delete="deletePic3" name="1" multiple
 						:maxCount="1">
 						<view class="imgCon">
-							<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png" mode="widthFix"></image>
+							<image
+								src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png"
+								mode="widthFix"></image>
 							上传图片
 						</view>
 					</u-upload>
@@ -102,6 +115,8 @@
 			@cancel="cancelCity"></u-picker>
 		<u-picker :show="show3" :columns="[buss]" keyName="short_name" @confirm="clickBuss"
 			@cancel="cancelBuss"></u-picker>
+		<u-picker :show="show4" :columns="[classify]" keyName="short_name" @confirm="clickClassify"
+			@cancel="cancelClassify"></u-picker>
 	</view>
 </template>
 
@@ -140,15 +155,18 @@ export default {
 			store_name: "",
 			address: "",
 
-			confirmProv:"",
+			confirmProv: "",
-			confirmCity:"",
+			confirmCity: "",
-			confirmBusiness:"",
+			confirmBusiness: "",
+			confirmClassify: "",
 			pro: [],
 			show: false,
 			city: [],
 			show2: false,
 			buss: [],
 			show3: false,
+			classify: [],
+			show4: false,
 		}
 	},
 	methods: {
@@ -181,6 +199,14 @@ export default {
 			this.getCity(e.value[0].ad_code)
 			this.confirmProv = e.value[0]
 		},
+		cancelClassify() {
+			this.show4 = false;
+		},
+		clickClassify(e) {
+			this.show4 = false;
+			this.confirmClassify = e.value[0]
+			console.log("🚀 ~ this.confirmClassify:", this.confirmClassify)
+		},
 		chooseCity() {
 			this.show = true;
 		},
@@ -190,6 +216,9 @@ export default {
 		chooseCity3() {
 			this.show3 = true;
 		},
+		chooseClassify() {
+			this.show4 = true;
+		},
 		afterReadImg(e) {
 			e.file.forEach(item => {
 				upload(item.url, res => {
@@ -254,24 +283,30 @@ export default {
 					duration: 2000
 				});
 			}
-			if(!that.confirmProv.ad_code){
+			if (!that.confirmProv.ad_code) {
 				return uni.showToast({
 					title: '请选择所在省',
 					duration: 2000
 				});
 			}
-			if(!that.confirmCity.ad_code){
+			if (!that.confirmCity.ad_code) {
 				return uni.showToast({
 					title: '请选择所在市',
 					duration: 2000
 				});
 			}
-			if(!that.confirmBusiness.ad_code){
+			if (!that.confirmBusiness.ad_code) {
 				return uni.showToast({
 					title: '请选择所在区',
 					duration: 2000
 				});
 			}
+			if (!that.confirmClassify.ad_code) {
+				return uni.showToast({
+					title: '请选择商家分类',
+					duration: 2000
+				});
+			}
 			if (!that.imgList6.length) {
 				return uni.showToast({
 					title: '请上传营业执照',
@@ -288,10 +323,11 @@ export default {
 				bank_card: that.bank_card,
 				store_name: that.store_name,
 				address: that.address,
-				ad_code:that.confirmBusiness.ad_code,
+				ad_code: that.confirmBusiness.ad_code,
 				facade_photo,
 				interior_photo,
 				license_photo,
+				classify_code: that.confirmClassify.ad_code,
 			}).then(res => {
 				that.contact_name = ''
 				that.contact_phone = ''
@@ -307,6 +343,7 @@ export default {
 				that.imgList4 = []
 				that.imgList5 = []
 				that.imgList6 = []
+				that.confirmClassify = ''
 				NavgateTo("../sucess/index")
 			})
 		},
@@ -332,10 +369,27 @@ export default {
 				this.buss = res.rows
 			})
 		},
+		getClassify(e) {
+				this.classify = [
+					{
+						ad_code: "1",
+						short_name: "111"
+					},
+					{
+						ad_code: "2",
+						short_name: "222"
+					},
+					{
+						ad_code: "3",
+						short_name: "333"
+					},
+				]
+		},
 
 	},
 	onLoad() {
 		this.getPro()
+		this.getClassify()
 	}
 }
 </script>