From 336c7078bba733d1c29d0110a847c1fdb7a88e18 Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Fri, 19 Apr 2024 18:08:04 +0800
Subject: [PATCH] add

---
 api/product.js                                |  20 +
 pages.json                                    |   2 +-
 pages/product/addGood/addGood.vue             | 378 ++++++++++++++----
 pages/product/addGoodDetail/addGoodDetail.vue | 338 ++++++++++++----
 pages/product/addGoodDetail/goodsPrice.vue    |  33 +-
 pages/product/addGoodDetail/goodsSearch.vue   |  79 ++--
 pages/product/addGoodDetail/goodsType.vue     |  91 ++++-
 7 files changed, 730 insertions(+), 211 deletions(-)

diff --git a/api/product.js b/api/product.js
index 847fb7e..9e64319 100644
--- a/api/product.js
+++ b/api/product.js
@@ -147,6 +147,26 @@ export function categoryList(merId) {
 	})
 }
 
+/*
+	添加修改商品， 搜索上平
+*/
+
+export function categorySearch(merId, data) {
+	return request.get(`server/${merId}/category/search`, data, {
+		login: true
+	})
+}
+/*
+	添加修改商品， 热门分类商品
+*/
+
+export function categoryHotcate(merId, data) {
+	return request.get(`server/${merId}/category/hotcate`, data, {
+		login: true
+	})
+}
+
+
 /*
 	商品管理， 添加商品
 */
diff --git a/pages.json b/pages.json
index d16b92c..d254eb5 100644
--- a/pages.json
+++ b/pages.json
@@ -1574,7 +1574,7 @@
 				{
 					"path": "addGoodDetail/goodsSearch",
 					"style": {
-						"navigationBarTitleText": "",
+						"navigationBarTitleText": "商品分类",
 						"enablePullDownRefresh": false
 					}
 				}
diff --git a/pages/product/addGood/addGood.vue b/pages/product/addGood/addGood.vue
index 71adcb2..796a2af 100644
--- a/pages/product/addGood/addGood.vue
+++ b/pages/product/addGood/addGood.vue
@@ -1,43 +1,103 @@
 <template>
 	<view class='content'>
-
-		<u--form :model="model1" :rules="rules" ref="uForm" labelPosition="top"
-			:labelStyle="{fontWeight:'bold',fontSize:'32rpx'}" labelWidth='100'>
-			<u-form-item label="想卖什么" prop="userInfo.name" ref="item1"
-				@click="navgo('/pages/product/addGoodDetail/goodsSearch')">
-				<view class="borders">
-					<u--textarea v-model="model1.userInfo.name" placeholder="请描述您想卖的货品名称，如:红富士苹果、宁夏西瓜、梨。"></u--textarea>
+		<u--form :model="formData" :rules="rules" ref="formData" :labelStyle="{fontSize:'32rpx'}" labelWidth='auto'>
+			<view class="card" style="height: 300rpx;"
+				@click="navgo(`/pages/product/addGoodDetail/goodsSearch?mer_id=${mer_id}`)">
+				<u-form-item label="想卖什么" prop="title">
+					<text slot='right' style="font-size:28rpx ; color:#989898 ;">{{value1.length}}/{{maxLength}}</text>
+				</u-form-item>
+				<u-line></u-line>
+				<u--textarea v-model="formData.store_name" placeholder="请输入内容" :autoHeight='true'
+					:maxlength='maxLength'></u--textarea>
+			</view>
+			<view class="card" style="min-height: 268rpx;">
+				<u-form-item label="商品图片" prop="userInfo.name" ref="item1" labelWidth='auto'>
+					<text style="font-size:24rpx ; color:#E18C34 ;">上传时应注重真实性、清晰度</text>
+				</u-form-item>
+				<view class="" style="display: flex;flex-wrap: wrap;">
+					<u-upload :fileList="formData.imageList" @afterRead="afterRead" @delete="deletePic" name="6"
+						multiple :maxCount="5">
+						<view class='uploadimg'>
+							<u-icon name="plus" color="#777777"></u-icon>
+							<view class="" style="color: #777777;font-size: 24rpx;">
+								上传图片
+							</view>
+						</view>
+					</u-upload>
 				</view>
-			</u-form-item>
-			<u-form-item label="上传商品图" prop="userInfo.name" ref="item1">
-				<uploadImgVideo></uploadImgVideo>
-			</u-form-item>
-
-			<u-form-item label="商品售价" prop="userInfo.name" ref="item1">
-				<view class="borders" style="width:250rpx;height: 100rpx;">
-					<u--input placeholder="" v-model="text"></u--input>
-				</view>
-				<text style="margin: 0 20rpx;">元</text>
-				<uni-section type="line" style="width:250rpx;">
-					<uni-data-select v-model="text" :localdata="range" placeholder=""></uni-data-select>
-				</uni-section>
-			</u-form-item>
+			</view>
+			<view class="card">
+				<u-form-item label="规格与价格" prop="userInfo.name" ref="item1" border-bottom>
+				</u-form-item>
+				<u-form-item label="计量单位" prop="userInfo.name" ref="item1" border-bottom>
+					<view style="display: flex;" slot='right' @click='showPouple=true'>
+						<view style="margin-right: 10rpx;line-height: 25rpx;color:#777777">
+							{{formData.attrValue[0].unit_name ||'请选择'}}
+						</view>
+						<u-icon name="arrow-right" style="margin-right: 30rpx;"></u-icon>
+					</view>
+				</u-form-item>
+				<u-form-item label="零售价格" prop="userInfo.name" ref="item1" border-bottom>
+					<u--input placeholderStyle="color:#777777" style="width: 220rpx;" placeholder="请输入零售价"
+						v-model="formData.attrValue[0].price" slot='right'></u--input>
+				</u-form-item>
+				<u-form-item v-if='isWholeSale' label="批发价格" prop="userInfo.name" ref="item1" border-bottom>
+					<u--input placeholderStyle="color:#777777" style="width: 250rpx;" placeholder="请输入批发价格"
+						v-model="formData.attrValue[0].wholesale_price" slot='right'></u--input>
+				</u-form-item>
+				<u-form-item label="商品库存" prop="userInfo.name" ref="item1">
+					<u--input placeholderStyle="color:#777777" style="width: 220rpx;" placeholder="请输入零售价"
+						v-model="formData.attrValue[0].stock" slot='right'></u--input>
+				</u-form-item>
+			</view>
 			<view class="footer">
 				<view class="footer-top" @click='goDetail'>
-					<text style="margin: 0 auto;">
+					<text style="margin: 10rpx auto;">
 						显示全部<u-icon style="display: inline-block;font-weight: bold;" color="$uni-newTheme-color"
 							name="arrow-right"></u-icon>
 					</text>
 				</view>
 				<view class="footer-bottom">
-					发布内容越详尽，成单力越高
+					发布内容越详尽，成单力越高哦~
 				</view>
 			</view>
 
-			<view class="submit-btn">
-				<u-button text="立即发布获取订单" :class="{height:'200px'}" color="#33BB3C"></u-button>
+			<view class="submit-btn" @click='submit'>
+				<u-button text="立即发布获取订单" color="#33BB3C" class="custom-style"></u-button>
 			</view>
 		</u--form>
+		<u-popup :show="showPouple" @close="showPouple=false" @open="showPouple=true" :round="10">
+			<view class="RegularFont" style="padding: 42rpx 40rpx">
+				<view class="pop-head">
+					<text v-if='!showCustom' @click='showPouple=false'>取消</text>
+					<text v-else @click='showCustom=false'>
+						<u-icon name="arrow-left" size="20"></u-icon>
+					</text>
+					<text style="font-size:32rpx ;color:#333333 ;">计量单位</text>
+					<text v-if='showCustom' @click='addAttr'>确定</text>
+					<text v-else></text>
+				</view>
+				<view style="height: 500rpx;">
+					<u-transition :show="!showCustom" mode="slide-right">
+						<view class="goods-leval">
+							<view class="goods-leval-li" v-for='(item,index) in attrList' :key='index'
+								@click='choseAttr(item)'>
+								{{item}}
+							</view>
+							<view class="goods-leval-li " style="display: flex;color:#38BE41 ;"
+								@click="showCustom=true">
+								<u-icon name="plus" color="#38BE41" style='margin-right: 8rpx;'></u-icon> 自定义
+							</view>
+						</view>
+					</u-transition>
+					<u-transition :show="showCustom" mode="slide-left">
+						<view class="transition">
+							<u--textarea v-model="selfAttr" placeholder="请输入计量单位"></u--textarea>
+						</view>
+					</u-transition>
+				</view>
+			</view>
+		</u-popup>
 
 
 	</view>
@@ -46,36 +106,79 @@
 </template>
 
 <script>
+	import form from "../../../uni_modules/uview-ui/libs/config/props/form";
+	import {
+		productCreate,
+		productUpdate
+	} from '@/api/product.js';
 	import uploadImgVideo from "./components/uploadImgVideo.vue"
+	import {
+		TOKENNAME,
+		HTTP_REQUEST_URL
+	} from '@/config/app.js';
+	import {
+		formatDate
+	} from "../../../libs/uniApi";
 	export default {
 		components: {
 			uploadImgVideo,
 		},
 		data() {
 			return {
-				showSex: false,
-				model1: {
-					userInfo: {
-						name: '',
-						sex: '',
-					},
-				},
-				range: [{
-						value: 0,
-						text: "篮球"
-					},
-					{
-						value: 1,
-						text: "足球"
-					},
-					{
-						value: 2,
-						text: "游泳"
-					},
+				isWholeSale: false, //批发商
+				show: false, //选择图片还是视屏
+				showCustom: false, //计量单位自定义 
+				mer_id: "",
+				attrList: ['斤',
+					"公斤",
+					"吨",
+					"升",
+					"个",
+					"台",
+					"瓶",
+					"桶",
+					"箱",
+					"袋",
+					"包",
+					"盒",
+					"件",
+					"罐"
 				],
-				text: "",
+				selfAttr: "",
+				formData: {
+					store_name: "",
+					imageList: [],
+					attrValue: [],
+					cate_name: "",
+					cate_id: "",
+					attrValue: [{
+						"price": "",
+						"unit_name": "",
+						"wholesale_unit_name": "",
+						"wholesale_price": '',
+						"stock": "",
+					}],
+					product_attribute: [],
+					spec_type: "0"
+				},
+				showPouple: false,
+				fileList6: [],
+				value1: "",
+				value2: "",
+				value3: "",
+				value4: "",
+				maxLength: 30,
+				showSex: false,
+
+
 
 				rules: {
+					title: {
+						type: 'string',
+						required: true,
+						message: '请选择',
+						trigger: ['blur', 'change']
+					}
 					// 'userInfo.name': {
 					// 	type: 'string',
 					// 	required: true,
@@ -90,57 +193,153 @@
 					// 	trigger: ['blur', 'change']
 					// },
 				},
-				radio: '',
-				switchVal: false
 			};
 		},
+
 		methods: {
-			sexSelect(e) {
-				this.model1.userInfo.sex = e.name
-				this.$refs.uForm.validateField('userInfo.sex')
+			// 删除图片
+			deletePic(event) {
+				this.formData[`imageList`].splice(event.index, 1)
 			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this.formData[`imageList`].length
+				lists.map((item) => {
+					this.formData[`imageList`].push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this.formData[`imageList`][fileListLen]
+					this.formData[`imageList`].splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: HTTP_REQUEST_URL + '/api/upload/image/field',
+						filePath: url,
+						name: 'field',
+						success: (res) => {
+							console.log(res.data)
+							resolve(JSON.parse(res.data).data.path)
+						}
+					});
+				})
+			},
+
+			choseAttr(name) {
+				this.formData.attrValue[0].unit_name = name;
+				this.formData.attrValue[0].wholesale_unit_name = name;
+				this.showPouple = false
+			},
+			addAttr() {
+				if (!this.selfAttr) return;
+				this.attrList.push(this.selfAttr)
+				this.formData.attrValue[0].unit_name = this.attrList[this.attrList.length - 1]
+				this.formData.attrValue[0].wholesale_unit_name = this.attrList[this.attrList.length - 1]
+				this.selfAttr = ''
+				this.showCustom = false
+				this.showPouple = false
+			},
+
 			goDetail() {
 				uni.navigateTo({
-					url: '/pages/product/addGoodDetail/addGoodDetail'
+					url: `/pages/product/addGoodDetail/addGoodDetail?mer_id=${this.mer_id}&&formData=${JSON.stringify(this.formData)}`
 				})
 			},
 			navgo(url) {
 				uni.navigateTo({
 					url
 				})
+			},
+			async submit() {
+				this.formData.imageList = this.formData.imageList.map(item => item.url)
+				console.log(this.formData)
+				// await this.$refs.formData.validate()
+				productCreate(this.mer_id, this.formData)
+					.then(res => {
+						hideLoading();
+						Modal('提交成功', '点击确定，前往商品列表页面').then(() => {
+							if (this.import == 1) {
+								uni.$emit('importAttrValueOK', this.setFormData.import_id);
+								uni.navigateBack();
+							} else uni.redirectTo({
+								url: `/pages/product/goodsOnSale/index?mer_id=${this.mer_id}&type=6`
+							})
+						}).catch(() => {
+							uni.navigateBack()
+						})
+					})
+					.catch(rej => {
+						Toast(rej);
+					});
+				console.log(this.formData)
+			}
+		},
+		onLoad(option) {
+			this.mer_id = option.mer_id
+			this.isWholeSale = this.$store.state.app.userInfo?.mer_info?.wholesale == 2;
+			if (option.data) {
+				this.formData.cate_name = JSON.parse(option.data).label
+				this.formData.cate_id = JSON.parse(option.data).value
+				console.log(option.data)
 			}
 		},
 
+
+
 	};
 </script>
-
 <style lang='scss'>
-	@font-face {
-		font-family: PingFangFamily;
-		src: url('/static/font/PingFangMedium.ttf');
-	}
-
 	.content {
 		width: 100vw;
 		min-height: 100vh;
-		background-color: white;
+		background-color: #F1F1F1;
 		box-sizing: border-box;
-		padding: 30rpx;
-		font-family: PingFangFamily;
+		padding: 20rpx;
+		padding-bottom: 200rpx;
+		font-family: PingFangRegular;
+
 
-		.borders {
-			width: 690rpx;
-			border: 1px solid #CECECE;
-			border-radius: 10rpx;
-		}
 	}
 
+	.card {
+		background-color: white;
+		padding: 28rpx 30rpx;
+		border-radius: 12rpx;
+		margin-bottom: 30rpx;
+	}
+
+	.uploadimg {
+		width: 140rpx;
+		height: 140rpx;
+		border-radius: 16rpx;
+		border: 2rpx solid #F1F1F1;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-around;
+		align-items: center;
+		box-sizing: border-box;
+		padding: 20rpx 0;
+
+	}
+
+
 	.footer {
-		position: absolute;
-		bottom: 270rpx;
-		left: 50%;
-		transform: translate(-50%, 0);
-		font-size: 28rpx;
+		margin-top: 130rpx;
+		text-align: center;
+
 
 		.footer-top {
 			color: $uni-newTheme-color;
@@ -157,18 +356,43 @@
 
 	}
 
+	.pop-head {
+		display: flex;
+		justify-content: space-between;
+		color: #20B128;
+		margin-bottom: 42rpx;
+	}
+
+	.goods-leval {
+		display: flex;
+		flex-wrap: wrap;
+		overflow-y: auto;
+
+		.goods-leval-li {
+			margin-right: 20rpx;
+			padding: 10rpx 40rpx;
+			height: 60rpx;
+			margin-bottom: 20rpx;
+			border-radius: 36rpx 36rpx 36rpx 36rpx;
+			background-color: #F1F1F1;
+		}
+
+		.act {
+			color: #20B128;
+			background-color: #E8F7E9;
+			border: 1px solid #20B128;
+
+
+		}
+	}
+
 	.submit-btn {
-		position: absolute;
-		bottom: 86rpx;
+		position: fixed;
+		bottom: 50rpx;
 		left: 50%;
 		transform: translate(-50%, 0);
 		width: 670rpx;
 		border-radius: 40rpx;
 		overflow: hidden;
 	}
-
-	/deep/ .uni-select {
-		height: 100rpx;
-		border: 2rpx #CECECE solid;
-	}
 </style>
\ No newline at end of file
diff --git a/pages/product/addGoodDetail/addGoodDetail.vue b/pages/product/addGoodDetail/addGoodDetail.vue
index cb99bb3..6e2a3f8 100644
--- a/pages/product/addGoodDetail/addGoodDetail.vue
+++ b/pages/product/addGoodDetail/addGoodDetail.vue
@@ -1,40 +1,53 @@
 <template>
 	<view class='content'>
+		<u--form :model="model1" :rules="rules" ref="uForm" :labelStyle="{fontSize:'32rpx',color:'#444444'}"
+			labelWidth='auto'>
+			<view class="good-baseInfo card">
+				<u-form-item label="商品标题" prop="userInfo.name" ref="item1" required>
+					<text slot='right' style="font-size:28rpx ; color:#989898 ;">{{value1.length}}/{{maxLength}}</text>
+				</u-form-item>
+				<u-form-item label="" prop="userInfo.name" ref="item1">
+					<u--textarea v-model="value1" placeholder="建议描述产品品牌、名称、规格、口味"
+						style="background-color: #F9F9F9;height: 166rpx;" :autoHeight='true'
+						:maxlength='maxLength'></u--textarea>
+				</u-form-item>
 
-		<u--form :model="model1" :rules="rules" ref="uForm" labelPosition="top"
-			:labelStyle="{fontSize:'32rpx',color:'#444444'}" labelWidth='120'>
-			<view class="good-baseInfo">
-				<u-form-item label="商品标题" prop="userInfo.name" ref="item1">
-					<u--input placeholder="建议描述产品品牌、名称" v-model="text"></u--input>
+				<u-form-item label="商品主图" prop="userInfo.name" ref="item1" required>
+					<text style="color: #E18C34;font-size: 24rpx">上传时应注重真实性、清晰度</text>
 				</u-form-item>
-				<u-form-item class='formItem' label="商品主图" prop="userInfo.name" ref="item1">
-					<view class="">
-						<view style="color: #E18C34;font-size: 24rpx;margin-bottom: 30rpx;">
-							上传时应注重真实性、清晰度
+				<u-form-item prop="userInfo.name" ref="item1">
+					<u-upload :fileList="fileList6" @afterRead="afterRead" @delete="deletePic" name="6" multiple
+						:maxCount="5">
+						<view class='uploadimg'>
+							<u-icon name="plus" color="#777777"></u-icon>
+							<view class="" style="color: #777777;font-size: 24rpx;">
+								上传图片
+							</view>
 						</view>
-						<view class="">
-							<uploadImgVideo />
-						</view>
-					</view>
+					</u-upload>
 				</u-form-item>
-				<u-form-item label="商品细节图" prop="userInfo.name" ref="item1">
-					<view class="">
-						<view style="color: #E18C34;font-size: 24rpx;margin-bottom: 30rpx;">
-							请上传突出商品卖点细节图片
+				<u-form-item label="商品详情" prop="userInfo.name" ref="item1" required>
+					<text style="color: #E18C34;font-size: 24rpx">上传时应注重真实性、清晰度</text>
+				</u-form-item>
+				<u-form-item prop="userInfo.name" ref="item1">
+					<u-upload :fileList="fileList6" @afterRead="afterRead" @delete="deletePic" name="6" multiple
+						:maxCount="5">
+						<view class='uploadimg'>
+							<u-icon name="plus" color="#777777"></u-icon>
+							<view class="" style="color: #777777;font-size: 24rpx;">
+								上传图片
+							</view>
 						</view>
-						<view class="">
-							<uploadImgVideo />
-						</view>
-					</view>
+					</u-upload>
 				</u-form-item>
 			</view>
 			<view class='tips'>
-				商品图片上传时应注重真实性、清晰度和美观性，在平台上的展示效果至关重要。确保商品能够得到有效的展示和推广。
+				商品类目属性
 			</view>
-			<view class="label-cls">
-				<u-form-item label="商品分类" prop="userInfo.name" ref="item1" labelPosition="left">
+			<view class="card" style="padding: 14rpx 30rpx;">
+				<u-form-item label="商品分类" prop="userInfo.name" ref="item1" labelPosition="left" required>
 					<view style="display: flex;align-items: center;font-size: 28rpx;color:#777777 ;" slot="right"
-						@click="navgo('/pages/product/addGoodDetail/goodsType')">
+						@click="navgo(`/pages/product/addGoodDetail/goodsType?mer_id=${mer_id}`)">
 						<view style="margin-right: 10rpx;line-height: 25rpx;">请选择</view>
 						<u-icon name="arrow-right"></u-icon>
 					</view>
@@ -47,28 +60,31 @@
 					</view>
 				</u-form-item>
 			</view>
-			<view class="description">
+			<view class='tips'>
 				规格与价格
 			</view>
-			<view class="label-cls">
-				<u-form-item label="规格与价格" prop="userInfo.name" ref="item1" labelPosition="left">
+			<view class="card" style="height: 100rpx;padding: 14rpx 30rpx;">
+				<u-form-item label="规格与价格" prop="userInfo.name" ref="item1" labelPosition="left" required>
 					<view style="display: flex;align-items: center;font-size: 28rpx;color:#777777 ;" slot="right"
 						@click="navgo('/pages/product/addGoodDetail/goodsPrice')">
-						<view style="margin-right: 10rpx;line-height: 25rpx;">请设置</view>
+						<view style="margin-right: 10rpx;line-height: 25rpx;">去设置</view>
 						<u-icon name="arrow-right"></u-icon>
 					</view>
 				</u-form-item>
 			</view>
-			<view class="description">
+			<view class='tips'>
 				服务与承诺
 			</view>
-			<view class="label-cls">
-				<u-form-item label="商品详细描述" prop="userInfo.name" ref="item1">
-					<u--textarea v-model="value1" placeholder="货品描述请严格遵循《广告法》规定，避免出
-现虚假宣传和误导消费者的词语" count border="bottom" style="background-color:#F1F1F1;border-radius: 20rpx;"></u--textarea>
+			<view class="card" style="padding: 14rpx 30rpx;">
+				<u-form-item label="商品详细描述" prop="userInfo.name" ref="item1" labelPosition="left">
+					<text slot='right' style="font-size:28rpx ; color:#989898 ;">{{value1.length}}/{{maxLength}}</text>
 				</u-form-item>
-				<u-line color="#F3F3F3"></u-line>
-				<u-form-item label="送货方式" labelPosition="left">
+				<u--textarea v-model="value1" placeholder="货品描述请严格遵循《广告法》规定，避免出现虚假宣传和误导消费者的词语"
+					style="background-color: #F9F9F9;height: 166rpx;" :autoHeight='true'
+					:maxlength='maxLength'></u--textarea>
+
+				<u-line color="#F3F3F3" style="margin: 30rpx 0;"></u-line>
+				<u-form-item label="送货方式" labelPosition="left" required>
 					<u-checkbox-group v-model="checkboxValue1" placement="row" slot="right">
 						<u-checkbox shape="circle" v-for="(item, index) in checkboxList1" :key="index"
 							:label="item.name" :name="item.name" activeColor="#20B128"
@@ -79,14 +95,54 @@
 				</u-form-item>
 			</view>
 		</u--form>
-
 		<view class="submit-btn">
-			<u-button type="primary" shape="circle" text="确认发布"></u-button>
+			<u-button text="确认发布" color="#33BB3C" class="custom-style"></u-button>
+		</view>
+
+		<view class="overlay">
+			<u-overlay :show="showlay">
+				<view class="overlay-content">
+					<view class="">
+						温馨提示
+					</view>
+					<view class="" style="font-family: PingFangFamily;font-size: 36rpx;">
+						发布中断可能导致商机流失
+					</view>
+					<view class="" style="font-size: 26rpx;color: #777777;">
+						<view class="">
+							您的商品信息已经填写了大半，
+						</view>
+						<view class="">
+							只差最后几步就能上架销售了！
+						</view>
+					</view>
+					<view class=""
+						style="font-size: 28rpx;color: #444444;background-color: #EDF8ED;padding: 20rpx 44rpx;border-radius: 12rpx;">
+						<view class="">
+							越早发布产品<text style='color: #21B129;'>曝光量越高</text>
+						</view>
+						<view class="">
+							越早发布产品可提前 <text style='color: #21B129;'>抢占商机</text>
+						</view>
+					</view>
+					<view style="display: flex;">
+						<view style="width: 236rpx;height: 84rpx;margin-right: 30rpx;">
+							<u-button text="确定返回" @click='back'></u-button>
+						</view>
+						<view style="width: 236rpx;height: 84rpx;">
+							<u-button type='primary' text="继续编辑" @click='showlay=false'></u-button>
+						</view>
+					</view>
+				</view>
+			</u-overlay>
 		</view>
 	</view>
 </template>
 
 <script>
+	import {
+		HTTP_REQUEST_URL
+	} from '@/config/app.js';
 	import uploadImgVideo from "../addGood/components/uploadImgVideo.vue"
 	export default {
 		components: {
@@ -94,7 +150,68 @@
 		},
 		data() {
 			return {
+				formData: {
+					"store_name": "测试商品",
+					"imageList": [
+						"https://crmeb-test.shop.lihaink.cn/uploads/def/20240419/a09b7188e9ef408a3f96d82b2b178082.jpeg",
+						"https://crmeb-test.shop.lihaink.cn/uploads/def/20240419/7a6d14dc327f6b0936e479891c0d253a.jpg"
+					],
+					"attrValue": [{
+						"price": "100",
+						"unit_name": "箱",
+						"wholesale_unit_name": "件",
+						"wholesale_price": 88,
+						"cost": "",
+						"stock": "20",
+						"ot_price": "",
+						"procure_price": "",
+						"bar_code": "",
+						"weight": "",
+						"volume": "",
+						"extension_one": "",
+						"extension_two": ""
+					}],
+					"cate_name": "兽药",
+					"unit_name": "件",
+					"cate_id": 1826,
+					"mer_cate_id": [
+						2331
+					],
+					"mer_cate_name": "测试",
+					"spec_type": "0",
+					"attr": [],
+					"specifica": "",
+					"delivery_way": [
+						1,
+						2
+					],
+					"delivery_free": "1",
+					"temp_id": "",
+					"tempName": "",
+					"once_min_count": "",
+					"image": "https://crmeb-test.shop.lihaink.cn/uploads/def/20240419/a09b7188e9ef408a3f96d82b2b178082.jpeg",
+					"slider_image": [
+						"https://crmeb-test.shop.lihaink.cn/uploads/def/20240419/7a6d14dc327f6b0936e479891c0d253a.jpg"
+					],
+					"is_good": 0,
+					"is_gift_bag": 0,
+					"sort": "",
+					"once_count": "",
+					"video_link": "",
+					"content": {
+						"title": "",
+						"image": [
+							"https://crmeb-test.shop.lihaink.cn/uploads/def/20240419/6f96b50e17bbf9a1289f82f620747b73.jpeg"
+						]
+					},
+					"stock": "20"
+				},
+				mer_id: "",
+				maxLength: 30,
+				fileList6: [],
 				showSex: false,
+				showlay: false,
+				go: true,
 				model1: {
 					userInfo: {
 						name: '',
@@ -127,25 +244,56 @@
 
 				],
 				rules: {
-					// 'userInfo.name': {
-					// 	type: 'string',
-					// 	required: true,
-					// 	message: '请填写姓名',
-					// 	trigger: ['blur', 'change']
-					// },
-					// 'userInfo.sex': {
-					// 	type: 'string',
-					// 	max: 1,
-					// 	required: true,
-					// 	message: '请选择男或女',
-					// 	trigger: ['blur', 'change']
-					// },
+
 				},
 				radio: '',
 				switchVal: false
 			};
 		},
 		methods: {
+
+			// 删除图片
+			deletePic(event) {
+				this[`fileList${event.name}`].splice(event.index, 1)
+			},
+			// 新增图片
+			async afterRead(event) {
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				let lists = [].concat(event.file)
+				let fileListLen = this[`fileList${event.name}`].length
+				lists.map((item) => {
+					this[`fileList${event.name}`].push({
+						...item,
+						status: 'uploading',
+						message: '上传中'
+					})
+				})
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url)
+					let item = this[`fileList${event.name}`][fileListLen]
+					this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
+						status: 'success',
+						message: '',
+						url: result
+					}))
+					fileListLen++
+				}
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: HTTP_REQUEST_URL + '/api/upload/image/field',
+						filePath: url,
+						name: 'field',
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data)
+							}, 1000)
+						}
+					});
+				})
+			},
+
 			sexSelect(e) {
 				this.model1.userInfo.sex = e.name
 				this.$refs.uForm.validateField('userInfo.sex')
@@ -154,10 +302,28 @@
 				uni.navigateTo({
 					url
 				})
+			},
+			back() {
+				// console.log('show')
+				this.go = false
+				uni.navigateBack()
+			},
+			showlayFn() {
+				uni.navigateBack()
 			}
 
 		},
+		onLoad(option) {
+			this.mer_id = option.mer_id
+			if (option.typeData) {
+				console.log(option, 'option')
+			}
 
+		},
+		onBackPress: function(e) {
+			this.showlay = true
+			return this.go;
+		}
 	};
 </script>
 
@@ -168,44 +334,66 @@
 		background-color: #F1F1F1;
 		box-sizing: border-box;
 		padding-bottom: 280rpx;
-		font-family: PingFangFamily;
+		font-family: PingFangRegular;
+		padding: 20rpx 20rpx 200rpx 20rpx;
 
 
-		.good-baseInfo {
+		.card {
 			background-color: white;
-			padding: 30rpx 30rpx 10rpx 30rpx;
-
-		}
-
-		.tips {
-			color: #E18C34;
-			font-size: 24rpx;
-			background-color: #FFF1E9;
-			padding: 26rpx 30rpx;
+			padding: 28rpx 30rpx;
+			border-radius: 12rpx;
 			margin-bottom: 30rpx;
 		}
 
-		.label-cls {
-			background-color: white;
-			padding: 8rpx 30rpx;
+		.uploadimg {
+			width: 140rpx;
+			height: 140rpx;
+			border-radius: 16rpx;
+			border: 2rpx solid #F1F1F1;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
+			align-items: center;
+			box-sizing: border-box;
+			padding: 20rpx 0;
+
 		}
 
-		.description {
-			background-color: #F1F1F1;
-			padding: 30rpx 26rpx;
-			font-size: 28rpx;
+
+
+		.tips {
 			color: #777777;
+			font-size: 28rpx;
+			margin: 30rpx 0;
 		}
 
 		.submit-btn {
 			position: fixed;
-			bottom: 86rpx;
-			width: 750rpx;
-			padding: 20rpx 30rpx;
-			background-color: white;
-			z-index: 10;
-			box-shadow: 0 0 0.2px rgba(0, 0, 0, 0.3);
+			bottom: 50rpx;
+			left: 50%;
+			transform: translate(-50%, 0);
+			width: 670rpx;
+			border-radius: 40rpx;
+			overflow: hidden;
 		}
+	}
 
+	.overlay-content {
+		width: 570rpx;
+		height: 640rpx;
+		box-sizing: border-box;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		border-radius: 16rpx;
+		background-image: url('/static/images/addGodd/addGoodBg.png');
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		align-items: center;
+		padding: 70rpx 0 40rpx 0;
 	}
 </style>
\ No newline at end of file
diff --git a/pages/product/addGoodDetail/goodsPrice.vue b/pages/product/addGoodDetail/goodsPrice.vue
index 60e2a06..74d829f 100644
--- a/pages/product/addGoodDetail/goodsPrice.vue
+++ b/pages/product/addGoodDetail/goodsPrice.vue
@@ -1,11 +1,12 @@
 <template>
 	<view class="content">
-		<u-button icon="plus" text="新增规格" class="custom-style" iconColor='#38BE41'></u-button>
-
+		<view class="">
+			<u-button icon="plus" text="新增规格" class="custom-style" iconColor='#38BE41'></u-button>
+		</view>
 		<view class="card">
 			<view class="card-head card-li">
-				<text>规格1</text>
-				<view class="" style="width: 300rpx;">
+				<text style="font-size: 32rpx;font-family: PingFangFamily;">规格1</text>
+				<view class="" style="width: 200rpx;">
 					<u--input placeholder="请输入规格名称" v-model="text"></u--input>
 				</view>
 			</view>
@@ -18,28 +19,28 @@
 				<u--input style=" flex: 2;width:100rpx;background-color: #F6F6F6;" placeholder="请输入计量单位"
 					v-model="text"></u--input>
 			</view>
-			<u-line direction="row" style="margin: 30rpx 0;" color="#ECECEC"></u-line>
+			<u-line direction="row" style="margin: 25rpx 0;" color="#ECECEC"></u-line>
 			<view class=" card-li">
-				<text>商品库存</text>
-				<view class="" style="width: 300rpx;">
+				<text style="font-size: 32rpx;">商品库存</text>
+				<view class="" style="width: 200rpx;">
 					<u--input placeholder="请填写库存数量" v-model="text"></u--input>
 				</view>
 			</view>
-			<u-line direction="row" style="margin: 30rpx 0;" color="#ECECEC"></u-line>
+			<u-line direction="row" style="margin: 25rpx 0;" color="#ECECEC"></u-line>
 			<view class=" card-li">
-				<text>条形码</text>
-				<view class="" style="width: 300rpx;">
+				<text style="font-size: 32rpx;">条形码</text>
+				<view class="" style="width: 200rpx;">
 					<u--input placeholder="请填写商品条形码" v-model="text"></u--input>
 				</view>
 			</view>
-			<u-line direction="row" style="margin: 30rpx 0;" color="#ECECEC"></u-line>
+			<u-line direction="row" style="margin: 25rpx 0;" color="#ECECEC"></u-line>
 			<view class="card-li">
-				<view style="display: flex;">
+				<view style="display: flex;color: #777777;">
 					<u-icon name="trash" style='margin-right: 8rpx;'></u-icon> 删除
 				</view>
 				<view class="" style="display: flex;align-items: center;">
-					<u-switch v-model="value" type='primaryy' activeColor="#38BE41"></u-switch>
-					<text style="margin-left: 8rpx;">启用</text>
+					<u-switch v-model="value" type='primaryy' activeColor="#38BE41" size="19"></u-switch>
+					<text style="margin-left: 8rpx;color: #777777;">启用</text>
 				</view>
 			</view>
 		</view>
@@ -72,7 +73,9 @@
 		min-height: 100vh;
 		position: relative;
 		font-size: 28rpx;
-		font-family: PingFangFamily;
+		font-family: PingFangRegular;
+		/* font-family: PingFangFamily; */
+
 
 		.card {
 			margin-top: 30rpx;
diff --git a/pages/product/addGoodDetail/goodsSearch.vue b/pages/product/addGoodDetail/goodsSearch.vue
index 5eaf17c..31f2a7e 100644
--- a/pages/product/addGoodDetail/goodsSearch.vue
+++ b/pages/product/addGoodDetail/goodsSearch.vue
@@ -1,7 +1,8 @@
 <template>
 	<view class="content">
 		<view class="" style="padding: 30rpx;">
-			<u-search v-model="keyword" :showAction="true" actionText="搜索" :animation="true"></u-search>
+			<u-search v-model="keyword" :showAction="true" actionText="搜索" :animation="true"
+				@change="hdChange"></u-search>
 		</view>
 		<view class="" v-if='!keyword' style="padding-left: 44rpx;">
 			<view style="margin: 60rpx 0 30rpx 14rpx;">
@@ -33,44 +34,76 @@
 				热门分类
 			</view>
 			<view class="types">
-				<view class="types-li">
-					地方大
-				</view>
-				<view class="types-li">
-					地方撒
-				</view>
-				<view class="types-li">
-					地方撒旦
-				</view>
-				<view class="types-li">
-					地方撒大苏
-				</view>
-				<view class="types-li">
-					地方
-				</view>
-				<view class="types-li">
-					地方撒大苏
+				<view class="types-li" v-for="(item,index) in hotList" @click='hdChose(item)'>
+					{{item.label}}
 				</view>
 
+
 			</view>
 
 		</view>
 		<view class="" v-else style="margin: 10rpx 0 0 30rpx;">
-			<view class="keyword-li" v-for='item in 10'>
-				元神--启动！！
-				<u-line direction="row" color="#ECECEC"></u-line>
+			<view class="" v-if='searchList.length'>
+				<view class="keyword-li" v-for='item in searchList' @click='hdChose(item)'>
+					{{item.label}}
+					<u-line direction="row" color="#ECECEC"></u-line>
+				</view>
 			</view>
+			<view v-else style="text-align: center;margin-top: 50rpx;">
+				暂无搜索结果,点击 <text @click="navgo" style='color:#35BC3E;text-decoration: underline;'>手动选择</text>
+			</view>
+
 		</view>
 
 	</view>
 </template>
 
 <script>
+	import {
+		categorySearch,
+		categoryHotcate
+	} from '@/api/product.js'
 	export default {
 		data() {
 			return {
-				keyword: ""
+				keyword: "",
+				mer_id: "",
+				searchList: [],
+				hotList: []
 			}
+		},
+		methods: {
+			hdChange() {
+				categorySearch(this.mer_id, {
+					keyword: this.keyword
+				}).then(res => {
+					this.searchList = res.data
+				})
+			},
+			navgo() {
+				uni.navigateTo({
+					url: `/pages/product/addGoodDetail/goodsType?mer_id=${this.mer_id}&&type=simple`
+				})
+			},
+			hdChose(item) {
+				uni.navigateTo({
+					url: `/pages/product/addGood/addGood?mer_id=${this.mer_id}&&data=${JSON.stringify(item)}`
+				})
+			}
+		},
+		onLoad(option) {
+			this.mer_id = option.mer_id
+			categoryHotcate(option.mer_id).then(res => {
+				this.hotList = res.data.map(item => ({
+
+						label: item.cate_name,
+						value: item.store_category_id
+
+					})
+
+				)
+			})
+
 		}
 	}
 </script>
@@ -90,7 +123,7 @@
 		min-height: 100vh;
 		position: relative;
 		font-size: 28rpx;
-		font-family: PingFangFamily;
+		font-family: PingFangRegular;
 
 		.types {
 			display: flex;
diff --git a/pages/product/addGoodDetail/goodsType.vue b/pages/product/addGoodDetail/goodsType.vue
index e372cd4..bdb77e5 100644
--- a/pages/product/addGoodDetail/goodsType.vue
+++ b/pages/product/addGoodDetail/goodsType.vue
@@ -1,43 +1,93 @@
 <template>
-	<view class="content">
-		<view class="lines" :style="{top:(actIndex*82)+30+'rpx'}" />
-		<view class="left">
-			<view class="left-li" v-for="(item,index) in 100" :class="actIndex==index?'act-li':''"
-				@click="actIndex=index">
-				常用分类
-			</view>
+	<view class="">
+		<view class="" style="padding: 30rpx;font-size: 28rpx;color: #989898;font-family: PingFangRegular;">
+			<text>当前已选</text>
+			<text style="margin-left: 48rpx;color: #20B128;">生鲜--水果阿萨</text>
 		</view>
-		<view class="">
-			<u-line direction="col" color="#ECECEC"></u-line>
-		</view>
-		<view class="right">
-			<u-search :showAction="true" v-model="keyword" actionText="搜索" :animation="true"></u-search>
-			<view style="margin: 30rpx 0;font-size: 28rpx; color: #989898;">
-				可能在找
-			</view>
-			<view class="right-content">
-				<view class="right-content-li" v-for='item in 20'>
-					可能在找
+		<view class="content">
+			<view class="lines" :style="{top:(actIndex*82)+30+'rpx'}" />
+			<view class="left">
+				<view class="left-li" v-for="(item,index) in leftList" :class="actIndex==index?'act-li':''"
+					@click="hdClcik(index)">
+					{{item.label}}
 				</view>
 			</view>
+			<view class="">
+				<u-line direction="col" color="#ECECEC"></u-line>
+			</view>
+			<view class="right">
+				<u-search :showAction="true" v-model="keyword" actionText="搜索" :animation="true"
+					@search='hdSearch'></u-search>
+				<view style="margin: 30rpx 0;font-size: 28rpx; color: #989898;">
+					可能在找
+				</view>
+				<view class="right-content">
+					<view class="right-content-li" v-for="(item,index) in rightList" @click="choseType(item)">
+						{{item.label}}
+					</view>
 
+
+				</view>
+
+			</view>
 		</view>
+
 	</view>
+
+
 </template>
 
 <script>
+	import {
+		categoryList,
+		categorySearch
+	} from '@/api/product.js'
 	export default {
 
 		data() {
 			return {
+				mer_id: "",
 				keyword: "",
 				actIndex: 0,
+				leftList: [],
+				rightList: []
 			};
 		},
 		methods: {
 
+			hdClcik(index) {
+				this.actIndex = index
+				this.rightList = this.leftList[index].children
+			},
+			choseType(item) {
+				uni.navigateTo({
+					url: `/pages/product/addGoodDetail/addGoodDetail?mer_id=${this.mer_id}&&typeData=${JSON.stringify(item)} `
+				})
+			},
+			hdSearch() {
+				categorySearch(this.mer_id, {
+					keyword: this.keyword
+				}).then(res => {
+					this.rightList = res.data
+					console.log(res)
+				})
+				// categorySearch(this.mer_id) {
+
+				// }
+
+			}
 
 		},
+		onLoad(option) {
+			this.mer_id = option.mer_id
+			categoryList(option.mer_id).then((res) => {
+				this.leftList = res.data
+				this.rightList = res.data[0].children
+			}).catch(e => {
+				console.log(e);
+			})
+
+		}
 
 	};
 </script>
@@ -50,7 +100,7 @@
 		background-color: white;
 		min-height: 100vh;
 		position: relative;
-		font-family: PingFangFamily;
+		font-family: PingFangRegular;
 
 		.lines {
 			height: 38rpx;
@@ -90,10 +140,11 @@
 
 			.right-content {
 				display: flex;
-				justify-content: space-around;
+				/* justify-content: space-around; */
 				flex-wrap: wrap;
 
 				.right-content-li {
+					margin-right: 20rpx;
 					color: #444444;
 					font-size: 28rpx;
 					border-radius: 16rpx 16rpx 16rpx 16rpx;