From 238d9edb4a560795000b9d4d926c01940cec5aa2 Mon Sep 17 00:00:00 2001
From: donqi <ydq0308@qq.com>
Date: Tue, 14 Feb 2023 23:44:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E6=9E=B6=E5=A4=9A=E5=9F=8E=E5=B8=82?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/js/request.js  |   8 ++
 pages/my/new-serv.vue | 189 +++++++++++++++++++++++++++++++++++++-----
 2 files changed, 177 insertions(+), 20 deletions(-)

diff --git a/common/js/request.js b/common/js/request.js
index f44727b..1850b9c 100644
--- a/common/js/request.js
+++ b/common/js/request.js
@@ -536,6 +536,14 @@ export default {
 		})
 		return res[1].data;
 	},
+	async editGoods(params = {}) {
+		let res = await uni.request({
+			url: '/goods/goods/app/edit',
+			method: 'POST',
+			data: params
+		})
+		return res[1].data;
+	},
 	async qryProductDetail(params = {}) {
 		let res = await uni.request({
 			url: '/goods/goods/app/detail',
diff --git a/pages/my/new-serv.vue b/pages/my/new-serv.vue
index 62686d5..2dc180f 100644
--- a/pages/my/new-serv.vue
+++ b/pages/my/new-serv.vue
@@ -12,8 +12,8 @@
 				<input name="servName" v-model="formData.servName" placeholder="请编辑上架标题(供客户搜索)"></input>
 			</view>
 			<view class="cu-form-group">
-				<view class="title">服务描述<text class="text-red">*</text></view>
-				<input name="servDesc" v-model="formData.servDesc" placeholder="让客户更清晰的上架内容描述"></input>
+				<view class="title">关键词<text class="text-red">*</text></view>
+				<input name="servDesc" v-model="formData.servDesc" placeholder="多个关键词用#分隔"></input>
 			</view>
 			<view class="solid-top">
 				<view class="cu-form-group">
@@ -107,13 +107,13 @@
 				<!-- </view> -->
 				<!-- </view> -->
 			</view>
-			<view class="cu-form-group solid-top">
+			<view class="cu-form-group solid-top justify-start">
 				<view class="title">商品单位<text class="text-red">*</text></view>
 				<my-uni-combox class="form-val-area" :candidates="goodsUnitList" placeholder="上方已填单位则以上方所填为准"
 					v-model="formData.goodsUnit">
 				</my-uni-combox>
 			</view>
-			<view class="cu-form-group solid-top">
+			<view class="cu-form-group justify-start">
 				<view class="title">质保期</view>
 				<my-uni-combox class="form-val-area" :candidates="warrantyPeriodList" placeholder="请选择"
 					v-model="formData.warrantyPeriod">
@@ -160,10 +160,52 @@
 			</view>
 			<view class="cu-bar bg-white">
 				<view class="action text-black">区域描述<text class="text-red">*</text></view>
-			</view>
-			<view class="padding-lr-sm padding-bottom-sm bg-white">
-				<textarea name="areaDesc" style="width: 100%; height: 150rpx;" class="solid radius text-left padding-sm"
-					v-model="formData.areaDesc" maxlength="-1" placeholder="如：XX区XX街道未覆盖或XX区仅服务XX街道"></textarea>
+			</view>
+			<view class="padding-lr-sm padding-bottom-sm bg-white">
+				<textarea name="areaDesc" style="width: 100%; height: 150rpx;" class="solid radius text-left padding-sm"
+					v-model="formData.areaDesc" maxlength="-1" placeholder="如：XX区XX街道未覆盖或XX区仅服务XX街道"></textarea>
+			</view>
+			<!-- 多城市 -->
+			<view v-for="(item,index) in servArea" class="bg-white">
+				<view class="solid-top">
+					<view @click="delServArea(index)">
+						<button class="cu-btn bg-red light">
+							<text class="margin-right-xs"><text class="cuIcon-close"></text></text>
+							<text>删除</text>
+						</button>
+					</view>
+					<view class="cu-form-group">
+						<view class="title">上架区域<text class="text-red">*</text></view>
+						<picker :mode="'multiSelector'" @change="multiRegionChange($event, index)" @columnchange="multiRegionColChange($event, index)"
+							:value="servArea[index].regionMultiIndex" :range-key="'areaName'" :range="servArea[index].regionList">
+							<input disabled class="line-input radius-input" v-if="servArea[index].region"
+								:value="servArea[index].region && servArea[index].region.length ? servArea[index].region[0].areaName + '-' + servArea[index].region[1].areaName : ''"
+								placeholder="请选择区域"></input>
+						</picker>
+					</view>
+					<view class="padding-lr bg-white">
+						<checkbox-group @change="multiAreaCheckDistirct($event, index)" class="grid col-3">
+							<view v-for="(item, index1) in servArea[index].districtList" class="margin-tb-xs">
+								<checkbox style="transform:scale(1)" class="main-color margin-right-xs" :value="index1"
+									:checked="item.checked"></checkbox>
+								<text>{{item.areaName}}</text>
+							</view>
+						</checkbox-group>
+					</view>
+				</view>
+				<view class="cu-bar">
+					<view class="action text-black">区域描述<text class="text-red">*</text></view>
+				</view>
+				<view class="padding-lr-sm padding-bottom-sm">
+					<textarea name="areaDesc" style="width: 100%; height: 150rpx;" class="solid radius text-left padding-sm"
+						v-model="servArea[index].areaDesc" maxlength="-1" placeholder="如：XX区XX街道未覆盖或XX区仅服务XX街道"></textarea>
+				</view>
+			</view>
+			<view class="text-center padding-bottom bg-white">
+				<button class="cu-btn bg-main-color light" @click="addServArea">
+					<text class="margin-right-xs"><text class="cuIcon-add"></text></text>
+					<text>继续添加上架城市</text>
+				</button>
 			</view>
 			<!-- <view class="cu-form-group">
 				<view class="title">上门费</view>
@@ -299,7 +341,8 @@
 					descImgList: [],
 					coverImgList: [],
 					videoList: []
-				},
+				},
+				servArea: [],
 				sysInfo: null,
 				url2Crop: '',
 				cropWidth: 0,
@@ -606,6 +649,20 @@
 					parentCode: chosenRegion[1].areaCode
 				});
 				this.formData.districtList = areaList.data;
+			},
+			async multiRegionChange(e, regionIndex) {
+				this.servArea[regionIndex].regionMultiIndex = e.detail.value;
+				let chosenRegion = [];
+				for (let i = 0; i < this.servArea[regionIndex].regionList.length; i++) {
+					chosenRegion.push(this.servArea[regionIndex].regionList[i][this.servArea[regionIndex].regionMultiIndex[i]]);
+				}
+				this.servArea[regionIndex].region = chosenRegion;
+			
+				// 查询最后一级区域
+				let areaList = await this.$request.areaListByStep({
+					parentCode: chosenRegion[1].areaCode
+				});
+				this.servArea[regionIndex].districtList = areaList.data;
 			},
 			async regionColChange(e) {
 				let colObj = e.detail;
@@ -614,11 +671,24 @@
 					let subAreaList = await this.$request.areaListByStep({
 						parentCode: this.regionList[0][colObj.value].areaCode
 					});
-					subAreaList = subAreaList.data;
-					this.regionList.pop();
-					this.regionList.push(subAreaList);
+					subAreaList = subAreaList.data;
+					this.regionList.pop();
+					this.regionList.push(subAreaList);
 					this.regionMultiIndex = [colObj.value, 0];
 				}
+			},
+			async multiRegionColChange(e, regionIndex) {
+				let colObj = e.detail;
+				if (colObj.column == 0) {
+					// 通过一级查二级
+					let subAreaList = await this.$request.areaListByStep({
+						parentCode: this.regionList[0][colObj.value].areaCode
+					});
+					subAreaList = subAreaList.data;
+					this.servArea[regionIndex].regionList.pop();
+					this.servArea[regionIndex].regionList.push(subAreaList);
+					this.servArea[regionIndex].regionMultiIndex = [colObj.value, 0];
+				}
 			},
 			checkSpecs(e) {
 				let checkedIndexArr = e.detail.value;
@@ -652,6 +722,16 @@
 						this.formData.districtList[i].checked = false;
 					}
 				}
+			},
+			multiAreaCheckDistirct(e, index) {
+				let checkedIndexArr = e.detail.value;
+				for (let i = 0; i < this.servArea[index].districtList.length; i++) {
+					if (checkedIndexArr.indexOf(String(i)) !== -1) {
+						this.servArea[index].districtList[i].checked = true;
+					} else {
+						this.servArea[index].districtList[i].checked = false;
+					}
+				}
 			},
 			chooseImgList(e, imgListField, cropWidth, cropHeight) {
 				this.cropWidth = cropWidth && cropWidth > 0 ? cropWidth : this.sysInfo.windowWidth * 2;
@@ -805,8 +885,49 @@
 					return false;
 				}
 				return true;
+			},
+			validMultiAreaList(list) {
+				let errMsg = null;
+				if (!list || !list.length) {
+					errMsg = '上架区域填写不完整';
+				}
+				if (errMsg) {
+					uni.showToast({
+						icon: 'none',
+						title: errMsg,
+						duration: 2500
+					})
+					return false;
+				}
+				return true;
 			},
-			async submit() {
+			async submit() {
+				// 多城市上架区域校验
+				let multiServAreaChecked = true;
+				let multiServAreaList = [];
+				for(let x of this.servArea) {
+					let oneCheckedAreaList = null;
+					if (x && x.districtList && x.districtList.length) {
+						oneCheckedAreaList = x.districtList.filter((item) => {
+							if (item.checked) {
+								item.countryAreaId = item.areaId;
+								return item;
+							}
+						});
+					}
+					if (!this.validMultiAreaList(oneCheckedAreaList)) {
+						multiServAreaChecked = false;
+						break;
+					}
+					multiServAreaList.push({
+						goodsAreaList: oneCheckedAreaList,
+						areaDesc: x.areaDesc
+					});
+				}
+				if (!multiServAreaChecked) {
+					return;
+				}
+				
 				let goodsStandardList = this.formData.specsList.filter((item) => {
 					if (item.checked) {
 						if (!item.goodsStandardName) {
@@ -870,15 +991,26 @@
 					remark: this.formData.detailDesc,
 					areaDesc: this.formData.areaDesc
 				}
-				console.log(params)
+				
+				let res = null;
 				if (this.goodsId) {
-					uni.showToast({
-						icon: 'error',
-						title: '参数缺失'
-					})
-					return;
+					res = await this.$request.editGoods({
+						...params,
+						goodsId: this.goodsId
+					});
+				} else {
+					res = await this.$request.addGoods(params);
+				}
+				// 如果选了多城市，添加多个服务
+				let index = 0;
+				while(index < multiServAreaList.length && res && res.code === 0) {
+					res = await this.$request.addGoods({
+						...params,
+						goodsAreaList: multiServAreaList[index].goodsAreaList,
+						areaDesc: multiServAreaList[index].areaDesc
+					});
+					index++;
 				}
-				let res = await this.$request.addGoods(params);
 				if (res && res.code === 0) {
 					uni.showToast({
 						icon: 'success'
@@ -887,6 +1019,23 @@
 						url: '/pages/index/index?menuCode=supplyChainPage'
 					})
 				}
+			},
+			async addServArea() {
+				let subRegionList = await this.$request.areaListByStep({
+					parentCode: this.regionList[0][0].areaCode
+				});
+				subRegionList = subRegionList.data;
+				
+				this.servArea.push({
+					region: [],
+					districtList: [],
+					areaDesc: null,
+					regionList: [this.regionList[0], subRegionList],
+					regionMultiIndex: [0, 0]
+				});
+			},
+			delServArea(index) {
+				this.servArea.splice(index, 1);
 			}
 		},
 	}