From 2d80a795a7aed0a943505a1cfeb3e5ccb2d52447 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=94=B0=E9=A6=99=E7=90=AA?= <624506849@qq.com> Date: Thu, 27 Aug 2026 17:48:16 +0800 Subject: [PATCH] =?UTF-8?q?feat(goodsOperation):=20=E5=AE=8C=E5=96=84?= =?UTF-8?q?=E5=95=86=E5=93=81=E5=8F=91=E5=B8=83=E6=B5=81=E7=A8=8B=E4=B8=8E?= =?UTF-8?q?=E5=88=86=E7=B1=BB=E9=80=89=E6=8B=A9=E7=95=8C=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 引入商品类型选择对话框，增强用户体验 - 重新组织商品发布步骤，优化步骤指示器 - 更新商品分类选择逻辑，确保用户选择到三级分类 - 调整数据传递与状态管理，支持商品编辑与复制功能 - 优化样式与布局，提高界面可用性 --- .../goods/goods-seller/goodsOperation.vue | 51 +++- .../goods-seller/goodsOperationFirst.vue | 246 +++++++++++++++++- .../goods/goods-seller/goodsOperationSec.vue | 202 +++----------- 3 files changed, 317 insertions(+), 182 deletions(-) diff --git a/seller/src/views/goods/goods-seller/goodsOperation.vue b/seller/src/views/goods/goods-seller/goodsOperation.vue index 8bb67f9d..df7a6bb0 100644 --- a/seller/src/views/goods/goods-seller/goodsOperation.vue +++ b/seller/src/views/goods/goods-seller/goodsOperation.vue @@ -1,31 +1,58 @@ diff --git a/seller/src/views/goods/goods-seller/goodsOperationSec.vue b/seller/src/views/goods/goods-seller/goodsOperationSec.vue index bd1fc728..1cae0c37 100644 --- a/seller/src/views/goods/goods-seller/goodsOperationSec.vue +++ b/seller/src/views/goods/goods-seller/goodsOperationSec.vue @@ -8,36 +8,12 @@

基本信息

- - - -
- {{ item.label }} - {{ item.desc }} -
- - - - - + + {{ + baseInfoForm.categoryName[0] + }} + > {{ baseInfoForm.categoryName[1] }} + > {{ baseInfoForm.categoryName[2] }} @@ -547,6 +523,7 @@
+ 上一步 {{ $route.query.id ? "保存" : "保存商品" }} @@ -660,16 +637,6 @@ export default { accessToken: "", //令牌token goodsParams: [], categoryId: "", // 商品分类第三级id - /** 商品类型选项 */ - goodsTypeOptions: [ - { label: "实物商品", value: "PHYSICAL_GOODS", desc: "零售批发，物流配送" }, - { label: "虚拟商品", value: "VIRTUAL_GOODS", desc: "虚拟核验，无需物流" }, - { label: "电子卡券", value: "E_COUPON", desc: "卡密自动发卡，无需物流" }, - ], - /** 商城分类级联数据 */ - categoryList: [], - /** 商城分类选中值 [一级id, 二级id, 三级id] */ - selectedCategory: [], //提交状态 submitLoading: false, //上传图片路径 @@ -791,8 +758,6 @@ export default { /** 存储未通过校验的单元格位置 */ validateError: [], baseInfoFormRule: { - goodsType: [{ required: true, message: "请选择商品类型", trigger: "change" }], - categoryPath: [{ required: true, message: "请选择商品分类", trigger: "change" }], goodsName: [regular.REQUIRED, regular.WHITE_SPACE, regular.VARCHAR60], price: [regular.REQUIRED, { validator: checkPrice }], sellingPoint: [regular.REQUIRED, regular.VARCHAR60], @@ -1050,79 +1015,9 @@ export default { }); } }, - /** 加载商城商品分类树 */ - loadCategoryList() { - return API_GOODS.getGoodsCategoryAll().then((res) => { - if (res.success && res.result) { - this.categoryList = this.formatCategoryTree(res.result); - this.syncSelectedCategoryFromPath(); - } - }); - }, - formatCategoryTree(list) { - return (list || []).map((item) => ({ - value: String(item.id), - label: item.name, - children: (item.children || []).map((child) => ({ - value: String(child.id), - label: child.name, - children: (child.children || []).map((grandson) => ({ - value: String(grandson.id), - label: grandson.name, - })), - })), - })); - }, - syncSelectedCategoryFromPath() { - const path = this.baseInfoForm.categoryPath; - if (!path) { - return; - } - const ids = path.split(",").filter(Boolean).map(String); - if (ids.length >= 3) { - this.selectedCategory = ids; - this.categoryId = ids[2]; - } - }, - getCategoryNames(ids) { - const names = []; - let options = this.categoryList; - ids.forEach((id) => { - const found = (options || []).find((item) => item.value === id); - if (found) { - names.push(found.label); - options = found.children || []; - } - }); - return names; - }, - handleGoodsTypeChange() { - if (this.isVirtualLikeGoods) { - this.baseInfoForm.salesModel = "RETAIL"; - } - if (this.isECouponGoods) { - this.baseInfoForm.templateId = 0; - } - this.renderTableData(this.skuTableData); - }, - handleCategoryChange(val) { - if (!val || val.length < 3) { - this.selectedCategory = val || []; - this.categoryId = ""; - this.baseInfoForm.categoryPath = ""; - this.baseInfoForm.categoryName = []; - this.baseInfoForm.brandId = ""; - this.brandList = []; - this.goodsParams = []; - this.params_panel = []; - return; - } - this.categoryId = val[2]; - this.baseInfoForm.categoryPath = val.join(","); - this.baseInfoForm.categoryName = this.getCategoryNames(val); - this.baseInfoForm.brandId = ""; - this.getGoodsBrandList(); - this.GET_GoodsParams(); + pre() { + // 上一步 + this.$parent.activestep--; }, // 预览图片 handleView(url) { @@ -1413,7 +1308,6 @@ export default { this.baseInfoForm.release = 1; //即使是被放入仓库，修改的时候也会显示会立即发布 this.baseInfoForm.brandId = this.normalizeBrandId(this.baseInfoForm.brandId); this.categoryId = response.result.categoryPath.split(",")[2]; - this.syncSelectedCategoryFromPath(); // 如果是复制商品，需要清除ID，确保提交时作为新商品 if (this.$route.query.copyId) { @@ -1450,6 +1344,20 @@ export default { this.GET_ShopGoodsLabel(); this.GET_GoodsUnit(); + if (this.firstData.category) { + const cateId = []; + this.baseInfoForm.categoryName = []; + this.firstData.category.forEach((cate) => { + this.baseInfoForm.categoryName.push(cate.name); + cateId.push(cate.id); + }); + this.categoryId = cateId[2]; + + this.baseInfoForm.categoryPath = cateId.toString(); + } + this.firstData.goodsType && + (this.baseInfoForm.goodsType = this.firstData.goodsType); + /** 查询商品参数 */ this.GET_GoodsParams(); @@ -2356,10 +2264,6 @@ export default { this.$Message.error(`以下参数为必填项：${missingParams.join('、')}`); return; } - if (!this.selectedCategory || this.selectedCategory.length < 3) { - this.$Message.error("必须选择到三级分类"); - return; - } this.submitLoading = true; this.$refs["baseInfoForm"].validate((valid) => { if (valid) { @@ -2520,7 +2424,6 @@ export default { accessToken: this.getStore("accessToken"), }; this.GET_ShipTemplate() - this.loadCategoryList(); if (this.$route.query.id || this.$route.query.draftId) { // 编辑商品、模板 this.GET_GoodData(this.$route.query.id, this.$route.query.draftId); @@ -2532,6 +2435,17 @@ export default { this.GET_GoodData("", this.firstData.tempId); } else { // 新增商品 + const cateId = []; + (this.firstData.category || []).forEach((cate) => { + this.baseInfoForm.categoryName.push(cate.name); + cateId.push(cate.id); + }); + this.categoryId = cateId[2]; + this.baseInfoForm.categoryPath = cateId.toString(); + this.baseInfoForm.goodsType = this.firstData.goodsType; + + this.GET_GoodsParams(); + this.getGoodsBrandList(); this.GET_GoodsUnit(); this.GET_ShopGoodsLabel(); } @@ -2714,50 +2628,4 @@ export default { margin-left: 100px; transform: translateY(-50%); } - -.goods-type-option { - display: flex; - flex-direction: column; - line-height: 1.4; - padding: 2px 0; -} - -.goods-type-option-label { - color: #303133; -} - -.goods-type-option-desc { - color: #909399; - font-size: 12px; -} - -