From e16665cff0b8a2fc3c47f013bf61572548f559e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Tue, 13 Aug 2024 18:03:15 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BB=B7=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/mer_admin.js                  | 149 ++++++++------
 src/views/modules/product/index.vue           | 187 +++++++++++++++++-
 .../modules/product/popup/add-or-update.vue   |  10 +-
 src/views/modules/product/popup/add-price.vue | 185 +++++++++++++++++
 4 files changed, 460 insertions(+), 71 deletions(-)
 create mode 100644 src/views/modules/product/popup/add-price.vue

diff --git a/src/api/modules/mer_admin.js b/src/api/modules/mer_admin.js
index 33168cd..82ae6d2 100644
--- a/src/api/modules/mer_admin.js
+++ b/src/api/modules/mer_admin.js
@@ -1,67 +1,86 @@
-import $http from '@/utils/httpRequest.js'
-import city_data from '@/utils/country-level2-data.js'
+import $http from "@/utils/httpRequest.js";
+import city_data from "@/utils/country-level2-data.js";
 
 export const mer_admin = {
-    /** 
- * 登录
- * @param {object} params LoginParam
- * @param {number} params.type 
- * @param {string} params.role 
- * @param {string} params.username 
- * @param {string} params.password 
- * @param {string} params.mobile 
- * @param {string} params.code 
- * @returns
- */
-    loginByAccount: (params) => {
-        return $http.post(`/auth/login`, {
-            ...params,
-            type: 1
-        })
-    },
-    loginByMobile: (params) => {
-        return $http.post(`/merchant-api/auth/sms/login`, {
-            ...params,
-            type: 2
-        })
-    },
-    getYZM(mobile) {
-        return $http.get(`/merchant-api/auth/login/code?mobile=${mobile}`);
-    },
-    getInfo() {
-        return $http.get(`/merchant-api/auth/info`);
-    },
-    //商品管理
-    //保存商品信息
-    saveProduct: (data) => {
-        return $http.post(`/merchant-api/product/save`, data);
-    },
-    //保存商品基本信息
-    saveProductBase: (data) => {
-        return $http.post(`/merchant-api/product/save/basic`, data);
-    },
-    //返回商品分类以及列表(聚合)
-    getPolyProduct: (data) => {
-        return $http.post(`/merchant-api/product/polymerization/list`, data);
-    },
-    //商品分页
-    getProductPage: (data) => {
-        return $http.post(`/merchant-api/product/page`, data);
-    },
-    //商户商品分类
-    getProductCategory: () => {
-        return $http.get(`/merchant-api/product/category/list?shopId=${JSON.parse(sessionStorage.getItem('userInfo')).shopId}`);
-    },
-    //获取销售单位
-    getSaleUnit: (data) => {
-        return $http.request({ url: `/merchant-api/product/unit/list`, method: 'get', params: data });
-    },
-    //文件上传
-    uploadFile:()=>{
-        return `${window.SITE_CONFIG['baseUrl']}/merchant-api/file/upload`
-    },
-    //直接获取城市数据
-    getCityOptions:()=>{
-        return city_data;
-    }
-}
\ No newline at end of file
+  /**
+   * 登录
+   * @param {object} params LoginParam
+   * @param {number} params.type
+   * @param {string} params.role
+   * @param {string} params.username
+   * @param {string} params.password
+   * @param {string} params.mobile
+   * @param {string} params.code
+   * @returns
+   */
+  loginByAccount: (params) => {
+    return $http.post(`/auth/login`, {
+      ...params,
+      type: 1,
+    });
+  },
+  loginByMobile: (params) => {
+    return $http.post(`/merchant-api/auth/sms/login`, {
+      ...params,
+      type: 2,
+    });
+  },
+  getYZM(mobile) {
+    return $http.get(`/merchant-api/auth/login/code?mobile=${mobile}`);
+  },
+  getInfo() {
+    return $http.get(`/merchant-api/auth/info`);
+  },
+  //商品管理
+  //保存商品信息
+  saveProduct: (data) => {
+    return $http.post(`/merchant-api/product/save`, data);
+  },
+  //保存商品基本信息
+  saveProductBase: (data) => {
+    return $http.post(`/merchant-api/product/save/basic`, data);
+  },
+  //返回商品分类以及列表(聚合)
+  getPolyProduct: (data) => {
+    return $http.post(`/merchant-api/product/polymerization/list`, data);
+  },
+  //商品分页
+  getProductPage: (data) => {
+    return $http.post(
+      `/merchant-api/product/page?pageNumber=${data.p.pageNumber}&pageSize=${data.p.pageSize}`,
+      data
+    );
+  },
+  //商户商品分类
+  getProductCategory: () => {
+    return $http.get(
+      `/merchant-api/product/category/list?shopId=${
+        JSON.parse(sessionStorage.getItem("userInfo")).shopId
+      }`
+    );
+  },
+  //批量删除商品
+  BatchDeleteProducts: (data) => {
+    return $http.post(`/merchant-api/product/batch/delete`, data);
+  },
+  //上架或下架商品
+  putOnShelvesProducts: (data) => {
+    return $http.post(`/merchant-api/product/batch/update/status`, data);
+  },
+  //获取销售单位
+  getSaleUnit: (data) => {
+    return $http.request({
+      url: `/merchant-api/product/unit/list`,
+      method: "get",
+      params: data,
+    });
+  },
+  //文件上传
+  uploadFile: () => {
+    return `${window.SITE_CONFIG["baseUrl"]}/merchant-api/file/upload`;
+  },
+  //直接获取城市数据
+  getCityOptions: () => {
+    return city_data;
+  },
+};
diff --git a/src/views/modules/product/index.vue b/src/views/modules/product/index.vue
index 306fa01..8704e8c 100644
--- a/src/views/modules/product/index.vue
+++ b/src/views/modules/product/index.vue
@@ -1,10 +1,13 @@
 <template>
-  <div>
+  <div style="height: calc(100vh - 200px)">
     <obj-table-plus
       ref="oTable"
+      style="height: 100%"
       :tableCols="tableCols"
+      :tableProp="tableProp"
       @query="queryList"
       v-model="dataList"
+      :tableEvent="tableEvent"
     >
       <template slot="tableTop">
         <el-form :inline="true" :model="formInline" class="demo-form-inline">
@@ -42,17 +45,28 @@
           <el-button type="primary" size="small" @click="addProduct"
             >添加商品</el-button
           >
+          <el-button
+            :disabled="selectList.length <= 0"
+            type="danger"
+            size="small"
+            @click="deleteProduct"
+            >批量删除</el-button
+          >
         </div>
       </template>
     </obj-table-plus>
+    <!-- 添加或编辑 -->
     <add-or-update ref="addOrUpdate"></add-or-update>
+    <!-- 改价格 -->
+    <AddPrice ref="AddPrice" @queryList="$refs.oTable.reload()"></AddPrice>
   </div>
 </template>
 
 <script>
+import AddPrice from "./popup/add-price.vue";
 import AddOrUpdate from "./popup/add-or-update.vue";
 export default {
-  components: { AddOrUpdate },
+  components: { AddOrUpdate, AddPrice },
   data() {
     return {
       activeName: "出售中",
@@ -61,13 +75,42 @@ export default {
         user: "",
         region: "",
       },
+      tableProp: {
+        "auto-resize": true,
+        border: true,
+        height: "auto",
+        "row-id": "id",
+      },
       productFilterType: "SALE",
+      selectList: [],
     };
   },
   methods: {
     addProduct() {
       this.$refs.addOrUpdate.toggle().add();
     },
+    deleteProduct() {
+      console.log(this.selectList);
+      let integers = this.selectList.map((item) => {
+        return item.id;
+      });
+      this.$confirm("此操作将删除该商品, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.mer_admin.BatchDeleteProducts(integers).then((res) => {
+            this.$refs.oTable.reload();
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
     queryList(pageNo, pageSize) {
       this.$api.mer_admin
         .getProductPage({
@@ -109,32 +152,166 @@ export default {
   computed: {
     tableCols() {
       return [
-        {
-          title: "ID",
-        },
+        { type: "checkbox", width: "60px", fixed: "left" },
+        // { type: "seq", width: "60px", align: "center", title: "序号" },
         {
           title: "商品图",
+          field: "productPhotoList",
+          align: "center",
+          width: "160px",
+          type: "jsx",
+          render: ({ row }) => {
+            if (row.productPhotoList.length > 0) {
+              return <el-image src={row.productPhotoList[0].url}></el-image>;
+            } else {
+              return <span>暂无商品图</span>;
+            }
+          },
         },
         {
           title: "商品名称",
+          align: "center",
+          field: "name",
         },
         {
           title: "商品售价",
+          align: "center",
+          field: "minSalePrice",
+          type: "jsx",
+          render: ({ row }) => {
+            if (row.minSalePrice == row.maxSalePrice) {
+              return <span>￥{row.minSalePrice}</span>;
+            } else {
+              return (
+                <span>
+                  ￥{row.minSalePrice}~￥{row.maxSalePrice}
+                </span>
+              );
+            }
+          },
         },
         {
           title: "销量",
+          align: "center",
+          field: "saleNum",
         },
         {
           title: "库存",
+          align: "center",
+          field: "stockNum",
         },
         {
           title: "状态",
+          // fixed: "right",
+          type: "jsx",
+          align: "center",
+          "title-suffix": {
+            message: "点击上架/下架切换责任书状态",
+            icon: "vxe-icon-question-circle-fill",
+          },
+          render: ({ row }) => {
+            let Enable = () => {
+              let data = {
+                ids: [row.id],
+                status: "UP",
+              };
+              if (row.status == "UP") {
+                data.status = "DOWN";
+              } else {
+                data.status = "UP";
+              }
+              this.$api.mer_admin.putOnShelvesProducts(data).then((res) => {
+                console.log(res);
+                this.$refs.oTable.reload();
+              });
+            };
+            return (
+              <el-popconfirm
+                title={
+                  row.status == "DOWN"
+                    ? "当前为下架状态，是否更改为上架状态？"
+                    : "当前为上架状态，是否更改为下架状态？"
+                }
+                confirmButtonText={
+                  row.status == "DOWN" ? "确认上架" : "确认下架"
+                }
+                onConfirm={Enable}
+              >
+                <el-button
+                  slot="reference"
+                  size="mini"
+                  plain
+                  type={row.status == "DOWN" ? "info" : "success"}
+                >
+                  {row.status == "DOWN" ? "已下架" : "上架中"}
+                </el-button>
+              </el-popconfirm>
+            );
+          },
         },
         {
           title: "操作",
+          fixed: "right",
+          type: "jsx",
+          align: "center",
+          width: "340px",
+          render: ({ row }) => {
+            const grant = () => {};
+            let edit = () => {};
+            let priceAdjustment = () => {
+              console.log(row);
+              this.$refs.AddPrice.toggle(row).update();
+            };
+            return (
+              <div>
+                <el-button
+                  size="mini"
+                  disabled={row.status != "DOWN"}
+                  type="primary"
+                  onClick={edit}
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  size="mini"
+                  disabled={row.status != "DOWN"}
+                  type="primary"
+                  onClick={priceAdjustment}
+                >
+                  改价
+                </el-button>
+                <el-button
+                  size="mini"
+                  disabled={row.status != "DOWN"}
+                  type="primary"
+                  onClick={grant}
+                >
+                  改库存
+                </el-button>
+                <el-button
+                  size="mini"
+                  disabled={row.status != "DOWN"}
+                  type="primary"
+                  onClick={grant}
+                >
+                  设置折扣
+                </el-button>
+              </div>
+            );
+          },
         },
       ];
     },
+    tableEvent() {
+      return {
+        "checkbox-all": ({ records, reserves }) => {
+          this.selectList = [...records, ...reserves];
+        },
+        "checkbox-change": ({ records, reserves }) => {
+          this.selectList = [...records, ...reserves];
+        },
+      };
+    },
   },
 };
 </script>
diff --git a/src/views/modules/product/popup/add-or-update.vue b/src/views/modules/product/popup/add-or-update.vue
index 236b45d..8e55662 100644
--- a/src/views/modules/product/popup/add-or-update.vue
+++ b/src/views/modules/product/popup/add-or-update.vue
@@ -10,7 +10,7 @@
       :modalHandles="modalHandles"
     >
       <template slot="dialog__before">
-        <el-tabs v-model="currentPanel">
+        <el-tabs :before-leave="beforeTabLeave" v-model="currentPanel">
           <el-tab-pane label="基础信息" name="基础信息"></el-tab-pane>
           <el-tab-pane label="销售信息" name="销售信息"></el-tab-pane>
           <el-tab-pane label="其他信息" name="其他信息"></el-tab-pane>
@@ -147,6 +147,7 @@ export default {
       },
       fileList: [], //回显图片
       place: "", //场地
+      passCheck: [], //通行证
     };
   },
   mounted() {},
@@ -235,6 +236,13 @@ export default {
       ];
       console.log(this.modalData);
     },
+    beforeTabLeave(activeName) {
+      let state = "";
+      this.$refs.modal.validate((valid) => {
+        state = valid;
+      });
+      return state;
+    },
   },
   computed: {
     modalCols() {
diff --git a/src/views/modules/product/popup/add-price.vue b/src/views/modules/product/popup/add-price.vue
new file mode 100644
index 0000000..8178a1c
--- /dev/null
+++ b/src/views/modules/product/popup/add-price.vue
@@ -0,0 +1,185 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="100px"
+      :modalConfig="modalConfig"
+      :modalCols="modalCols"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <obj-table-plus
+        v-show="tableData.length > 1"
+        style="height: calc(100vh - 120px - 240px)"
+        slot="dialog__after"
+        ref="oTable"
+        :toolbarProp="{}"
+        @query="queryTableData"
+        v-model="tableData"
+        :tableCols="tableCols"
+        :tableProp="tableProp"
+        :tableEvent="tableEvent"
+        :isPagination="false"
+        :enableAutoQuery="false"
+      >
+      </obj-table-plus>
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  data() {
+    return {
+      isAdd: true,
+      //监控对象数据
+      tableData: [],
+      //表格属性
+      tableProp: {
+        height: "auto",
+        border: true,
+        "auto-resize": false,
+        "print-config": {},
+      },
+      toolbarProp: {},
+      tableEvent: {},
+      modalConfig: {
+        title: "修改价格",
+        show: false,
+        width: "60%",
+      },
+      modalData: {},
+    };
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+        this.$nextTick(() => {
+          this.$refs.oTable.doLayout();
+        });
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.modalData = {};
+          this.$nextTick(() => {
+            this.$refs.oTable.complete(false);
+          });
+        },
+        update: () => {
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      this.modalData = row;
+      this.tableData = row.productSpecificationList;
+      console.log(this.modalData);
+    },
+  },
+  computed: {
+    modalCols() {
+      if (this.tableData.length == 1) {
+        return [
+          {
+            label: "价格",
+            prop: "",
+            type: "Input",
+            width: "300px",
+            rules: { required: true, message: "请输入价格" },
+            type: "jsx",
+            render: () => {
+              return (
+                <el-input-number
+                  v-model={this.modalData.productSpecificationList[0].salePrice}
+                  min={0}
+                  label="描述文字"
+                ></el-input-number>
+              );
+            },
+          },
+        ];
+      }
+    },
+    tableCols() {
+      return [
+        {
+          title: "序号",
+          type: "seq",
+          width: "60px",
+          align: "center",
+        },
+        {
+          title: "规格",
+          field: "attributeValue",
+          align: "center",
+        },
+        {
+          title: "价格",
+          field: "salePrice",
+          align: "center",
+          type: "jsx",
+          render: ({ row }) => {
+            return (
+              <div>
+                <el-input-number
+                  min={0}
+                  size="small"
+                  v-model={row.salePrice}
+                  placeholder="请输入数量"
+                ></el-input-number>
+              </div>
+            );
+          },
+        },
+      ];
+    },
+    modalHandles() {
+      return [
+        {
+          label: "取消",
+          handle: debounce(() => {
+            this.toggle();
+          }, 300),
+        },
+        {
+          label: this.isAdd ? "确认添加" : "确认编辑",
+          type: "primary",
+          submit: true,
+          handle: debounce(() => {
+            if (this.tableData.length == 1) {
+              this.$api.mer_admin
+                .saveProductBase(this.modalData)
+                .then((res) => {
+                  console.log(res);
+                  this.toggle();
+                  this.$emit("queryList");
+                });
+            } else {
+              this.modalData.productSpecificationList = this.tableData;
+              this.$api.mer_admin
+                .saveProductBase(this.modalData)
+                .then((res) => {
+                  console.log(res);
+                  this.toggle();
+                  this.$emit("queryList");
+                });
+            }
+            console.log(this.modalData);
+          }, 300),
+        },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

From 4257afc7c6ab0b2200ae51dc033bbe07e2882fc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Wed, 14 Aug 2024 17:52:12 +0800
Subject: [PATCH 2/6] =?UTF-8?q?=E5=95=86=E5=93=81=E6=8A=98=E6=89=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/mer_admin.js                  |   4 +
 src/views/modules/product/index.vue           |  32 ++-
 .../modules/product/popup/add-discount.vue    | 227 ++++++++++++++++++
 src/views/modules/product/popup/add-stock.vue | 185 ++++++++++++++
 4 files changed, 445 insertions(+), 3 deletions(-)
 create mode 100644 src/views/modules/product/popup/add-discount.vue
 create mode 100644 src/views/modules/product/popup/add-stock.vue

diff --git a/src/api/modules/mer_admin.js b/src/api/modules/mer_admin.js
index 82ae6d2..03e9c6c 100644
--- a/src/api/modules/mer_admin.js
+++ b/src/api/modules/mer_admin.js
@@ -63,6 +63,10 @@ export const mer_admin = {
   BatchDeleteProducts: (data) => {
     return $http.post(`/merchant-api/product/batch/delete`, data);
   },
+  //打折扣
+  setDiscounts: (data) => {
+    return $http.post(`merchant-api/activity/save`, data);
+  },
   //上架或下架商品
   putOnShelvesProducts: (data) => {
     return $http.post(`/merchant-api/product/batch/update/status`, data);
diff --git a/src/views/modules/product/index.vue b/src/views/modules/product/index.vue
index 8704e8c..3b34386 100644
--- a/src/views/modules/product/index.vue
+++ b/src/views/modules/product/index.vue
@@ -59,14 +59,23 @@
     <add-or-update ref="addOrUpdate"></add-or-update>
     <!-- 改价格 -->
     <AddPrice ref="AddPrice" @queryList="$refs.oTable.reload()"></AddPrice>
+    <!-- 改库存 -->
+    <addStock ref="addStock" @queryList="$refs.oTable.reload()"></addStock>
+    <!-- 打折扣 -->
+    <AddDiscount
+      ref="AddDiscount"
+      @queryList="$refs.oTable.reload()"
+    ></AddDiscount>
   </div>
 </template>
 
 <script>
+import AddDiscount from "./popup/add-discount.vue";
 import AddPrice from "./popup/add-price.vue";
 import AddOrUpdate from "./popup/add-or-update.vue";
+import addStock from "./popup/add-stock.vue";
 export default {
-  components: { AddOrUpdate, AddPrice },
+  components: { AddOrUpdate, AddPrice, addStock, AddDiscount },
   data() {
     return {
       activeName: "出售中",
@@ -190,6 +199,17 @@ export default {
             }
           },
         },
+        {
+          title: "折扣",
+          align: "center",
+          field: "discountActivity",
+          type: "jsx",
+          render: ({ row }) => {
+            if (row.discountActivity) {
+              return <span>{row.discountActivity.ruleObject.discount}折</span>;
+            }
+          },
+        },
         {
           title: "销量",
           align: "center",
@@ -262,6 +282,12 @@ export default {
               console.log(row);
               this.$refs.AddPrice.toggle(row).update();
             };
+            let changeInventory = () => {
+              this.$refs.addStock.toggle(row).update();
+            };
+            let setDiscounts = () => {
+              this.$refs.AddDiscount.toggle(row).update();
+            };
             return (
               <div>
                 <el-button
@@ -284,7 +310,7 @@ export default {
                   size="mini"
                   disabled={row.status != "DOWN"}
                   type="primary"
-                  onClick={grant}
+                  onClick={changeInventory}
                 >
                   改库存
                 </el-button>
@@ -292,7 +318,7 @@ export default {
                   size="mini"
                   disabled={row.status != "DOWN"}
                   type="primary"
-                  onClick={grant}
+                  onClick={setDiscounts}
                 >
                   设置折扣
                 </el-button>
diff --git a/src/views/modules/product/popup/add-discount.vue b/src/views/modules/product/popup/add-discount.vue
new file mode 100644
index 0000000..e270d20
--- /dev/null
+++ b/src/views/modules/product/popup/add-discount.vue
@@ -0,0 +1,227 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="150px"
+      :modalCols="modalCols"
+      :modalConfig="modalConfig"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <template slot="dialog__after">
+        <div class="introduce">
+          <el-divider>活动介绍</el-divider>
+          <span>对商品创建折扣活动,用户购买指定商品,享受商家定义折扣优惠 </span>
+          <el-divider>创建建议</el-divider>
+          <div>
+            <p class="introduce-center">1、拥有折扣活动的商品不能再添加折扣</p>
+            <p class="introduce-center">
+              2、挑选口碑好,毛利率高,或急需倾销的商品
+            </p>
+            <p class="introduce-center">
+              3、折扣商品将在店铺折扣分类专区下集中展示
+            </p>
+          </div>
+        </div>
+      </template>
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  data() {
+    return {
+      isAdd: true,
+      //表格属性
+      modalConfig: {
+        title: "设置折扣",
+        show: false,
+        width: "60%",
+      },
+      modalData: {},
+      value1: [],
+      ProductData: {},
+    };
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+      } else {
+        this.modalConfig.show = false;
+        this.$refs.modal.resetFields();
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.modalConfig.title = "添加属性";
+          this.$nextTick(() => {
+            this.modalData = {};
+            this.$refs.modal.resetFields();
+          });
+          this.isAdd = true;
+        },
+        update: () => {
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      this.ProductData = {
+        merchantId: JSON.parse(sessionStorage.getItem("userInfo")).merchantId,
+        shopId: JSON.parse(sessionStorage.getItem("userInfo")).shopId,
+        productIds: [row.id],
+        type: "DISCOUNT",
+      };
+      if (row.discountActivity) {
+        this.ProductData.id = row.discountActivity.id;
+        this.modalData = {
+          discount: row.discountActivity.ruleObject.discount,
+          limitCount: row.discountActivity.ruleObject.limitCount,
+          DiscountTime: [
+            row.discountActivity.startTime,
+            row.discountActivity.endTime,
+          ],
+        };
+      } else {
+        this.modalData = {
+          discount: "",
+          limitCount: "",
+          DiscountTime: [],
+        };
+      }
+    },
+  },
+  computed: {
+    modalCols() {
+      return [
+        {
+          label: "商品折扣（折）",
+          prop: "discount",
+          type: "Input",
+          width: "300px",
+          rules: { required: true, message: "请输入打折数" },
+          type: "jsx",
+          render: () => {
+            return (
+              <el-input
+                type="number"
+                min={0}
+                max={9.9}
+                v-model={this.modalData.discount}
+                placeholder="请输入≤9.9数字 如:8折=售价*0.8"
+              ></el-input>
+            );
+          },
+        },
+        {
+          label: "限制购买(数量)",
+          prop: "limitCount",
+          type: "Input",
+          width: "300px",
+          //   rules: { required: true, message: "请输入价格" },
+          type: "jsx",
+          render: () => {
+            return (
+              <el-input
+                type="number"
+                step={1}
+                min={1}
+                max={99}
+                v-model={this.modalData.limitCount}
+                placeholder="请输入≤99数字 超出数量以原价购买"
+              ></el-input>
+            );
+          },
+        },
+        {
+          label: "活动时间",
+          prop: "DiscountTime",
+          type: "Input",
+          width: "300px",
+          rules: { required: true, message: "请输入活动时间" },
+          type: "jsx",
+          render: () => {
+            return (
+              <el-date-picker
+                // format="yyyy-MM-dd HH:mm:ss"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                v-model={this.modalData.DiscountTime}
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+              ></el-date-picker>
+            );
+          },
+        },
+      ];
+    },
+    modalHandles() {
+      return [
+        {
+          label: "取消",
+          handle: () => {
+            this.toggle();
+          },
+        },
+        {
+          label: this.isAdd ? "确认添加" : "确认",
+          type: "primary",
+          loading: this.isLoading,
+          submit: true,
+          handle: () => {
+            let data = {
+              ...this.ProductData,
+              ruleObject: {
+                discount: this.modalData.discount,
+                limitCount: this.modalData.limitCount,
+              },
+              startTime: this.modalData.DiscountTime[0],
+              endTime: this.modalData.DiscountTime[1],
+            };
+            this.$confirm(
+              `此操作将 商品折扣=${this.modalData.discount}折 限购数 = ${this.modalData.limitCount}, 是否确认保存此折扣?`,
+              "提示",
+              {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+                center: true,
+              }
+            )
+              .then(() => {
+                this.$api.mer_admin.setDiscounts(data).then((res) => {
+                  this.toggle();
+                  this.$emit("queryList");
+                });
+              })
+              .catch(() => {
+                this.$message({
+                  type: "info",
+                  message: "已取消删除",
+                });
+              });
+          },
+        },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+.introduce {
+  padding: 5px;
+  background: #fdf6ec;
+  text-align: center;
+}
+.introduce-center {
+  margin-bottom: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/modules/product/popup/add-stock.vue b/src/views/modules/product/popup/add-stock.vue
new file mode 100644
index 0000000..e88c7ae
--- /dev/null
+++ b/src/views/modules/product/popup/add-stock.vue
@@ -0,0 +1,185 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="100px"
+      :modalConfig="modalConfig"
+      :modalCols="modalCols"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <obj-table-plus
+        v-show="tableData.length > 1"
+        style="height: calc(100vh - 120px - 240px)"
+        slot="dialog__after"
+        ref="oTable"
+        :toolbarProp="{}"
+        @query="queryTableData"
+        v-model="tableData"
+        :tableCols="tableCols"
+        :tableProp="tableProp"
+        :tableEvent="tableEvent"
+        :isPagination="false"
+        :enableAutoQuery="false"
+      >
+      </obj-table-plus>
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  data() {
+    return {
+      isAdd: true,
+      //监控对象数据
+      tableData: [],
+      //表格属性
+      tableProp: {
+        height: "auto",
+        border: true,
+        "auto-resize": false,
+        "print-config": {},
+      },
+      toolbarProp: {},
+      tableEvent: {},
+      modalConfig: {
+        title: "修改库存",
+        show: false,
+        width: "60%",
+      },
+      modalData: {},
+    };
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+        this.$nextTick(() => {
+          this.$refs.oTable.doLayout();
+        });
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.modalData = {};
+          this.$nextTick(() => {
+            this.$refs.oTable.complete(false);
+          });
+        },
+        update: () => {
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      this.modalData = row;
+      this.tableData = row.productSpecificationList;
+      console.log(this.modalData);
+    },
+  },
+  computed: {
+    modalCols() {
+      if (this.tableData.length == 1) {
+        return [
+          {
+            label: "库存",
+            prop: "",
+            type: "Input",
+            width: "300px",
+            rules: { required: true, message: "请输入库存数量" },
+            type: "jsx",
+            render: () => {
+              return (
+                <el-input-number
+                  v-model={this.modalData.productSpecificationList[0].stockNum}
+                  min={0}
+                  label="描述文字"
+                ></el-input-number>
+              );
+            },
+          },
+        ];
+      }
+    },
+    tableCols() {
+      return [
+        {
+          title: "序号",
+          type: "seq",
+          width: "60px",
+          align: "center",
+        },
+        {
+          title: "规格",
+          field: "attributeValue",
+          align: "center",
+        },
+        {
+          title: "库存",
+          field: "salePrice",
+          align: "center",
+          type: "jsx",
+          render: ({ row }) => {
+            return (
+              <div>
+                <el-input-number
+                  min={0}
+                  size="small"
+                  v-model={row.stockNum}
+                  placeholder="请输入数量"
+                ></el-input-number>
+              </div>
+            );
+          },
+        },
+      ];
+    },
+    modalHandles() {
+      return [
+        {
+          label: "取消",
+          handle: debounce(() => {
+            this.toggle();
+          }, 300),
+        },
+        {
+          label: this.isAdd ? "确认添加" : "确认编辑",
+          type: "primary",
+          submit: true,
+          handle: debounce(() => {
+            if (this.tableData.length == 1) {
+              this.$api.mer_admin
+                .saveProductBase(this.modalData)
+                .then((res) => {
+                  console.log(res);
+                  this.toggle();
+                  this.$emit("queryList");
+                });
+            } else {
+              this.modalData.productSpecificationList = this.tableData;
+              this.$api.mer_admin
+                .saveProductBase(this.modalData)
+                .then((res) => {
+                  console.log(res);
+                  this.toggle();
+                  this.$emit("queryList");
+                });
+            }
+            console.log(this.modalData);
+          }, 300),
+        },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

From 13a802f527ed1a981d32b85839990295a58ae11a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Thu, 15 Aug 2024 18:01:50 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/product/index.vue           |  10 +-
 .../modules/product/popup/add-or-update.vue   | 101 ++++++++++++++----
 .../product/popup/add-specifications.vue      |  22 +++-
 3 files changed, 107 insertions(+), 26 deletions(-)

diff --git a/src/views/modules/product/index.vue b/src/views/modules/product/index.vue
index 3b34386..6d1af91 100644
--- a/src/views/modules/product/index.vue
+++ b/src/views/modules/product/index.vue
@@ -56,7 +56,10 @@
       </template>
     </obj-table-plus>
     <!-- 添加或编辑 -->
-    <add-or-update ref="addOrUpdate"></add-or-update>
+    <add-or-update
+      @queryList="$refs.oTable.reload()"
+      ref="addOrUpdate"
+    ></add-or-update>
     <!-- 改价格 -->
     <AddPrice ref="AddPrice" @queryList="$refs.oTable.reload()"></AddPrice>
     <!-- 改库存 -->
@@ -276,8 +279,9 @@ export default {
           align: "center",
           width: "340px",
           render: ({ row }) => {
-            const grant = () => {};
-            let edit = () => {};
+            let edit = () => {
+              this.$refs.addOrUpdate.toggle(row).update();
+            };
             let priceAdjustment = () => {
               console.log(row);
               this.$refs.AddPrice.toggle(row).update();
diff --git a/src/views/modules/product/popup/add-or-update.vue b/src/views/modules/product/popup/add-or-update.vue
index 8e55662..4722c58 100644
--- a/src/views/modules/product/popup/add-or-update.vue
+++ b/src/views/modules/product/popup/add-or-update.vue
@@ -151,6 +151,14 @@ export default {
     };
   },
   mounted() {},
+  watch: {
+    "modalConfig.show"(newVal) {
+      if (!newVal) {
+        this.currentPanel = "基础信息";
+        this.fileList = [];
+      }
+    },
+  },
   methods: {
     toggle(e) {
       if (this.modalConfig.show == false) {
@@ -160,12 +168,12 @@ export default {
       }
       if (e) {
         console.log(e);
-        this.init(cloneDeep(e.row));
+        this.init(cloneDeep(e));
       }
       return {
-        add: (item) => {
-          console.log(item);
+        add: () => {
           this.$nextTick(() => {
+            this.modalConfig.title = "添加商品";
             this.modalData = {
               description: "",
               merchantId: "",
@@ -192,21 +200,41 @@ export default {
             this.modalData.shopId = JSON.parse(
               sessionStorage.getItem("userInfo")
             ).shopId;
+            this.passCheck = [];
+            this.place = [];
           });
-          console.log(this.modalData);
 
           this.isAdd = true;
         },
-        update: (row) => {
-          this.modalData = row;
+        update: () => {
+          this.modalConfig.title = "编辑商品";
           this.isAdd = false;
         },
       };
     },
-    init(row) {},
+    init(row) {
+      console.log(row);
+      this.fileList = row.productPhotoList.map((item) => {
+        return {
+          name: "",
+          url: item.url,
+        };
+      });
+      this.place = row.productPlace.split("-");
+      this.modalData = row;
+    },
     addSpecs() {
       console.log("123");
-      this.$refs.addSpecifications.toggle().add();
+      if (this.isAdd) {
+        this.$refs.addSpecifications.toggle().add();
+      } else {
+        this.$refs.addSpecifications
+          .toggle()
+          .update(
+            this.modalData.productAttributeList,
+            this.modalData.productSpecificationList
+          );
+      }
     },
     //获取属性
     getSpecs(tableData, AttributeData, salePrice, stockNum) {
@@ -216,8 +244,6 @@ export default {
           attributeValue: item.attributeValue.join(","),
         };
       });
-      console.log(AttributeList);
-
       this.$set(this.modalData, "productSpecificationList", tableData);
       this.$set(this.modalData, "productAttributeList", AttributeList);
       this.$set(this.modalData, "singlePrice", salePrice);
@@ -236,9 +262,17 @@ export default {
       ];
       console.log(this.modalData);
     },
-    beforeTabLeave(activeName) {
+    beforeTabLeave(activeName, oldActiveName) {
+      if (this.passCheck.includes(activeName)) {
+        return true;
+      }
       let state = "";
       this.$refs.modal.validate((valid) => {
+        if (valid) {
+          if (!this.passCheck.includes(oldActiveName)) {
+            this.passCheck.push(oldActiveName);
+          }
+        }
         state = valid;
       });
       return state;
@@ -270,16 +304,22 @@ export default {
                       if (index == 0) {
                         return {
                           isMain: 1,
-                          url: item.response.data,
+                          url: item.response ? item.response.data : item.url,
                         };
                       } else {
                         return {
-                          url: item.response.data,
+                          url: item.response ? item.response.data : item.url,
                         };
                       }
                     }
                   );
                   console.log(this.modalData.productPhotoList);
+                  this.fileList = fileList.map((item) => {
+                    return {
+                      name: item.name,
+                      url: item.response ? item.response.data : item.url,
+                    };
+                  });
                 };
                 const handleRemove = (file, fileList) => {
                   console.log(file, fileList);
@@ -288,16 +328,22 @@ export default {
                       if (index == 0) {
                         return {
                           isMain: 1,
-                          url: item.response.data,
+                          url: item.url,
                         };
                       } else {
                         return {
-                          url: item.response.data,
+                          url: item.url,
                         };
                       }
                     }
                   );
                   console.log(this.modalData.productPhotoList);
+                  this.fileList = fileList.map((item) => {
+                    return {
+                      name: item.name,
+                      url: item.url,
+                    };
+                  });
                 };
                 return (
                   <el-upload
@@ -316,6 +362,7 @@ export default {
                     }}
                     multiple={true}
                     file-list={this.fileList}
+                    list-type="picture"
                   >
                     <i class="el-icon-upload"></i>
                     <div class="el-upload__text">
@@ -361,6 +408,7 @@ export default {
               prop: "name",
               type: "Input",
               required: true,
+              maxlength: "30",
               rules: {
                 required: true,
                 message: "请输入商品名称",
@@ -382,6 +430,7 @@ export default {
                 return (
                   <el-input
                     type="textarea"
+                    maxlength={100}
                     v-model={this.modalData.description}
                     placeholder="请简单描述，如别称、口感、用途等"
                   />
@@ -412,7 +461,7 @@ export default {
                       return (
                         <el-option
                           label={item.name}
-                          value={item.id}
+                          value={item.name}
                         ></el-option>
                       );
                     })}
@@ -490,7 +539,6 @@ export default {
                 const change = (e) => {
                   console.log(e);
                   this.modalData.productPlace = e.join("-");
-                  console.log(aa);
                 };
                 return (
                   <el-cascader
@@ -637,7 +685,7 @@ export default {
     modalHandles() {
       return [
         {
-          label: this.currentPanel === "其他信息" ? "确定" : "下一步",
+          label: this.currentPanel === "其他信息" ? "立即上架" : "下一步",
           type: "primary",
           loading: this.isLoading,
           submit: true,
@@ -650,10 +698,27 @@ export default {
               console.log("请求接口", this.modalData);
               this.$api.mer_admin.saveProduct(this.modalData).then((res) => {
                 console.log(res);
+                this.$emit("queryList");
+                this.toggle();
               });
             }
           }, 300),
         },
+        {
+          disabled: () => this.currentPanel != "其他信息",
+          label: "放入仓库",
+          type: "primary",
+          loading: this.isLoading,
+          submit: true,
+          handle: debounce(() => {
+            this.modalData.status = "DOWN";
+            this.$api.mer_admin.saveProduct(this.modalData).then((res) => {
+              console.log(res);
+              this.$emit("queryList");
+              this.toggle();
+            });
+          }, 300),
+        },
       ];
     },
   },
diff --git a/src/views/modules/product/popup/add-specifications.vue b/src/views/modules/product/popup/add-specifications.vue
index b2f451a..7e7df04 100644
--- a/src/views/modules/product/popup/add-specifications.vue
+++ b/src/views/modules/product/popup/add-specifications.vue
@@ -136,12 +136,22 @@ export default {
         add: () => {
           this.modalConfig.title = "属性";
           this.$nextTick(() => {
+            // this.$refs.modal.resetFields();
             this.modalData = {};
-            this.$refs.modal.resetFields();
           });
           this.isAdd = true;
         },
-        update: () => {
+        update: (productAttributeList, productSpecificationList) => {
+          console.log(productAttributeList, productSpecificationList);
+          this.AttributeData = productAttributeList.map((item) => {
+            return {
+              attributeName: item.attributeName,
+              attributeValue: item.attributeValue.split(","),
+              id: item.id,
+              inputVisible: false,
+            };
+          });
+          this.tableData = productSpecificationList;
           this.isAdd = false;
         },
       };
@@ -211,9 +221,9 @@ export default {
       this.tableData = data.map((item) => {
         return {
           attributeValue: item,
-          salePrice: "",
-          costPrice: "",
-          stockNum: "",
+          salePrice: 0,
+          costPrice: 0,
+          stockNum: 0,
         };
       });
       console.log(data);
@@ -259,6 +269,7 @@ export default {
               <div>
                 <el-input-number
                   min={0}
+                  max={row.salePrice}
                   size="small"
                   v-model={row.costPrice}
                   placeholder="请输入成本"
@@ -319,6 +330,7 @@ export default {
           label: this.isAdd ? "确认添加" : "确认修改",
           type: "primary",
           loading: this.isLoading,
+          disabled: () => this.tableData.length <= 0,
           // submit: true,
           handle: () => {
             let salePrice = ""; //价格范围

From 948f7242451bc6cbc1506b031b701556eefb96c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Fri, 16 Aug 2024 18:00:30 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E5=95=86=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/product/popup/add-attribute.vue   | 31 ++++++--
 .../modules/product/popup/add-discount.vue    |  2 +-
 .../modules/product/popup/add-or-update.vue   | 77 ++++++++++++++++---
 .../product/popup/add-specifications.vue      | 54 +++++++++----
 4 files changed, 131 insertions(+), 33 deletions(-)

diff --git a/src/views/modules/product/popup/add-attribute.vue b/src/views/modules/product/popup/add-attribute.vue
index 837752a..712ed8a 100644
--- a/src/views/modules/product/popup/add-attribute.vue
+++ b/src/views/modules/product/popup/add-attribute.vue
@@ -111,15 +111,34 @@ export default {
         this.init(cloneDeep(e.row));
       }
       return {
-        add: () => {
+        add: (data) => {
           this.modalConfig.title = "添加属性";
-          this.$nextTick(() => {
-            this.modalData = {};
-            this.$refs.ruleForm.resetFields();
-          });
+          if (data.length == 0) {
+            this.ruleForm = {
+              name: "",
+              value: [],
+            };
+          } else {
+            this.ruleForm = {
+              name: data[0].name,
+              value: data[0].value.split(","),
+            };
+          }
           this.isAdd = true;
         },
-        update: () => {
+        update: (data) => {
+          console.log(data);
+          if (data.length == 0) {
+            this.ruleForm = {
+              name: "",
+              value: [],
+            };
+          } else {
+            this.ruleForm = {
+              name: data[0].name,
+              value: data[0].value.split(","),
+            };
+          }
           this.isAdd = false;
         },
       };
diff --git a/src/views/modules/product/popup/add-discount.vue b/src/views/modules/product/popup/add-discount.vue
index e270d20..50836bd 100644
--- a/src/views/modules/product/popup/add-discount.vue
+++ b/src/views/modules/product/popup/add-discount.vue
@@ -204,7 +204,7 @@ export default {
               .catch(() => {
                 this.$message({
                   type: "info",
-                  message: "已取消删除",
+                  message: "已取消",
                 });
               });
           },
diff --git a/src/views/modules/product/popup/add-or-update.vue b/src/views/modules/product/popup/add-or-update.vue
index 4722c58..a79fb6b 100644
--- a/src/views/modules/product/popup/add-or-update.vue
+++ b/src/views/modules/product/popup/add-or-update.vue
@@ -64,7 +64,7 @@ export default {
         //单库存
         singleStock: "",
         //其他属性
-        otherAttribute: '[{"name":"颜色","value":"黄色；屎黄色"}]',
+        otherAttribute: [], //[{"name":"颜色","value":"黄色；屎黄色"}]
         //折扣情况
         discountActivity: {
           // "endTime": "2024-08-31 00:00:00",
@@ -146,6 +146,8 @@ export default {
         fullscreen: true,
       },
       fileList: [], //回显图片
+      fileListOne: [], //介绍图
+      fileListTwo: [], //视频
       place: "", //场地
       passCheck: [], //通行证
     };
@@ -178,7 +180,7 @@ export default {
               description: "",
               merchantId: "",
               name: "",
-              otherAttribute: "",
+              otherAttribute: [],
               productAttributeList: [],
               productCategoryId: "",
               productIntroducePhoto: "",
@@ -220,20 +222,67 @@ export default {
           url: item.url,
         };
       });
+      if (row.productIntroducePhoto) {
+        this.fileListOne = [
+          {
+            name: "",
+            url: row.productIntroducePhoto,
+          },
+        ];
+      } else {
+        this.fileListOne = [];
+      }
+      if (row.productVideo) {
+        this.fileListTwo = [
+          {
+            name: "",
+            url: row.productVideo,
+          },
+        ];
+      } else {
+        this.fileListTwo = [];
+      }
       this.place = row.productPlace.split("-");
       this.modalData = row;
+      this.$set(this.modalData, "singleStock", row.stockNum);
+      if (row.minSalePrice == row.maxSalePrice) {
+        this.$set(this.modalData, "singlePrice", row.maxSalePrice);
+      } else {
+        this.$set(
+          this.modalData,
+          "singlePrice",
+          row.minSalePrice + "~" + row.maxSalePrice
+        );
+      }
+      if (!row.productAttributeList) {
+        this.$set(this.modalData, "productAttributeList", []);
+      }
+      if (row.otherAttribute) {
+        this.modalData.otherAttribute = JSON.parse(row.otherAttribute);
+      } else {
+        this.modalData.otherAttribute = [];
+      }
     },
     addSpecs() {
       console.log("123");
       if (this.isAdd) {
-        this.$refs.addSpecifications.toggle().add();
-      } else {
         this.$refs.addSpecifications
           .toggle()
-          .update(
+          .add(
             this.modalData.productAttributeList,
             this.modalData.productSpecificationList
           );
+      } else {
+        if (this.modalData.productAttributeList.length == 0) {
+          this.$refs.addSpecifications.toggle().update([], []);
+        } else {
+          this.$refs.addSpecifications
+            .toggle()
+            .update(
+              this.modalData.productAttributeList,
+              this.modalData.productSpecificationList
+            );
+        }
       }
     },
     //获取属性
@@ -250,7 +299,11 @@ export default {
       this.$set(this.modalData, "singleStock", stockNum);
     },
     addAttribute() {
-      this.$refs.addAttribute.toggle().add();
+      if (this.isAdd) {
+        this.$refs.addAttribute.toggle().add(this.modalData.otherAttribute);
+      } else {
+        this.$refs.addAttribute.toggle().update(this.modalData.otherAttribute);
+      }
     },
     getAttribute(data) {
       console.log(data);
@@ -488,9 +541,7 @@ export default {
               render: () => {
                 return (
                   <el-input
-                    readonly={
-                      this.modalData.productSpecificationList.length > 0
-                    }
+                    readonly={this.modalData.productAttributeList.length > 0}
                     placeholder="请输入价格"
                     v-model={this.modalData.singlePrice}
                   ></el-input>
@@ -504,9 +555,7 @@ export default {
               render: () => {
                 return (
                   <el-input
-                    readonly={
-                      this.modalData.productSpecificationList.length > 0
-                    }
+                    readonly={this.modalData.productAttributeList.length > 0}
                     placeholder="请输入库存"
                     v-model={this.modalData.singleStock}
                   ></el-input>
@@ -603,6 +652,8 @@ export default {
                     drag
                     action={this.$api.mer_admin.uploadFile()}
                     limit={1}
+                    file-list={this.fileListOne}
+                    list-type="picture"
                     {...{
                       props: {
                         "on-change": handleChange,
@@ -652,6 +703,8 @@ export default {
                     drag
                     action={this.$api.mer_admin.uploadFile()}
                     limit={1}
+                    file-list={this.fileListTwo}
+                    list-type="picture"
                     {...{
                       props: {
                         "on-change": handleChange,
diff --git a/src/views/modules/product/popup/add-specifications.vue b/src/views/modules/product/popup/add-specifications.vue
index 7e7df04..c0dda21 100644
--- a/src/views/modules/product/popup/add-specifications.vue
+++ b/src/views/modules/product/popup/add-specifications.vue
@@ -133,24 +133,50 @@ export default {
         this.init(cloneDeep(e.row));
       }
       return {
-        add: () => {
-          this.modalConfig.title = "属性";
-          this.$nextTick(() => {
-            // this.$refs.modal.resetFields();
-            this.modalData = {};
-          });
+        add: (productAttributeList, productSpecificationList) => {
+          this.modalConfig.title = "添加属性";
+          if (productAttributeList.length == 0) {
+            this.AttributeData = [
+              {
+                attributeName: "",
+                attributeValue: [],
+                inputVisible: false,
+              },
+            ];
+          } else {
+            this.AttributeData = productAttributeList.map((item) => {
+              return {
+                attributeName: item.attributeName,
+                attributeValue: item.attributeValue.split(","),
+                id: item.id,
+                inputVisible: false,
+              };
+            });
+          }
+          this.tableData = productSpecificationList;
           this.isAdd = true;
         },
         update: (productAttributeList, productSpecificationList) => {
+          this.modalConfig.title = "编辑属性";
           console.log(productAttributeList, productSpecificationList);
-          this.AttributeData = productAttributeList.map((item) => {
-            return {
-              attributeName: item.attributeName,
-              attributeValue: item.attributeValue.split(","),
-              id: item.id,
-              inputVisible: false,
-            };
-          });
+          if (productAttributeList.length == 0) {
+            this.AttributeData = [
+              {
+                attributeName: "",
+                attributeValue: [],
+                inputVisible: false,
+              },
+            ];
+          } else {
+            this.AttributeData = productAttributeList.map((item) => {
+              return {
+                attributeName: item.attributeName,
+                attributeValue: item.attributeValue.split(","),
+                id: item.id,
+                inputVisible: false,
+              };
+            });
+          }
           this.tableData = productSpecificationList;
           this.isAdd = false;
         },

From 7616190cd2069e2f31df8a0a4d31401fed3ac9fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Sun, 18 Aug 2024 14:33:37 +0800
Subject: [PATCH 5/6] add

---
 .../product/popup/add-specifications.vue      | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/src/views/modules/product/popup/add-specifications.vue b/src/views/modules/product/popup/add-specifications.vue
index c0dda21..be0ed54 100644
--- a/src/views/modules/product/popup/add-specifications.vue
+++ b/src/views/modules/product/popup/add-specifications.vue
@@ -323,6 +323,44 @@ export default {
             );
           },
         },
+        {
+          title: "重量",
+          field: "stockNum",
+          align: "center",
+          "min-width": "160px",
+          type: "jsx",
+          render: ({ row }) => {
+            return (
+              <div>
+                <el-input-number
+                  min={0}
+                  size="small"
+                  v-model={row.stockNum}
+                  placeholder="请输入重量"
+                ></el-input-number>
+              </div>
+            );
+          },
+        },
+        {
+          title: "体积",
+          field: "volume",
+          align: "center",
+          "min-width": "160px",
+          type: "jsx",
+          render: ({ row }) => {
+            return (
+              <div>
+                <el-input-number
+                  min={0}
+                  size="small"
+                  v-model={row.volume}
+                  placeholder="请输入体积"
+                ></el-input-number>
+              </div>
+            );
+          },
+        },
         {
           title: "操作",
           fixed: "right",

From 637303fc1a3f96f578854cb53026fa332eaade2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Sun, 18 Aug 2024 18:04:26 +0800
Subject: [PATCH 6/6] add

---
 .../modules/product/popup/add-or-update.vue   | 129 ++++++++++++++++--
 .../product/popup/add-specifications.vue      |  14 +-
 2 files changed, 123 insertions(+), 20 deletions(-)

diff --git a/src/views/modules/product/popup/add-or-update.vue b/src/views/modules/product/popup/add-or-update.vue
index a79fb6b..f8fa261 100644
--- a/src/views/modules/product/popup/add-or-update.vue
+++ b/src/views/modules/product/popup/add-or-update.vue
@@ -158,6 +158,7 @@ export default {
       if (!newVal) {
         this.currentPanel = "基础信息";
         this.fileList = [];
+        (this.fileListOne = []), (this.fileListTwo = []);
       }
     },
   },
@@ -186,14 +187,23 @@ export default {
               productIntroducePhoto: "",
               productPhotoList: [],
               productPlace: "",
-              productSpecificationList: [],
+              productSpecificationList: [
+                {
+                  attributeValue: "默认",
+                  costPrice: 20,
+                  salePrice: 30,
+                  stockNum: 10,
+                  weight: 1,
+                  volume: 0.3,
+                },
+              ],
               productUnit: "",
               productVideo: "",
               shelfLife: "",
               shopId: "",
               singlePrice: "",
               singleStock: "",
-              specType: "",
+              specType: 0,
               status: "UP",
             };
             this.modalData.merchantId = JSON.parse(
@@ -273,7 +283,7 @@ export default {
             this.modalData.productSpecificationList
           );
       } else {
-        if (this.modalData.productAttributeList.length == 0) {
+        if (this.modalData.specType == 0) {
           this.$refs.addSpecifications.toggle().update([], []);
         } else {
           this.$refs.addSpecifications
@@ -287,6 +297,7 @@ export default {
     },
     //获取属性
     getSpecs(tableData, AttributeData, salePrice, stockNum) {
+      this.modalData.specType = 1;
       let AttributeList = AttributeData.map((item) => {
         return {
           attributeName: item.attributeName,
@@ -525,6 +536,12 @@ export default {
             {
               label: "规格",
               prop: "productSpecificationList",
+              // required: true,
+              // rules: {
+              //   required: true,
+              //   message: "请选择销售单位",
+              //   trigger: "blur",
+              // },
               type: "jsx",
               render: () => {
                 return (
@@ -534,6 +551,22 @@ export default {
                 );
               },
             },
+            {
+              label: "成本",
+              prop: "minCostPrice",
+              type: "jsx",
+              render: () => {
+                return (
+                  <el-input
+                    readonly={this.modalData.specType != 0}
+                    placeholder="请输入价格"
+                    v-model={this.modalData.minCostPrice}
+                  >
+                    <template slot="append">单位（元）</template>
+                  </el-input>
+                );
+              },
+            },
             {
               label: "价格",
               prop: "singlePrice",
@@ -541,10 +574,12 @@ export default {
               render: () => {
                 return (
                   <el-input
-                    readonly={this.modalData.productAttributeList.length > 0}
+                    readonly={this.modalData.specType != 0}
                     placeholder="请输入价格"
                     v-model={this.modalData.singlePrice}
-                  ></el-input>
+                  >
+                    <template slot="append">单位（元）</template>
+                  </el-input>
                 );
               },
             },
@@ -555,13 +590,41 @@ export default {
               render: () => {
                 return (
                   <el-input
-                    readonly={this.modalData.productAttributeList.length > 0}
+                    readonly={this.modalData.specType != 0}
                     placeholder="请输入库存"
                     v-model={this.modalData.singleStock}
                   ></el-input>
                 );
               },
             },
+            {
+              label: "重量",
+              prop: "weight",
+              type: "jsx",
+              render: () => {
+                return (
+                  <el-input
+                    readonly={this.modalData.specType != 0}
+                    placeholder="请输入库存"
+                    v-model={this.modalData.weight}
+                  ></el-input>
+                );
+              },
+            },
+            {
+              label: "体积",
+              prop: "volume",
+              type: "jsx",
+              render: () => {
+                return (
+                  <el-input
+                    readonly={this.modalData.specType != 0}
+                    placeholder="请输入库存"
+                    v-model={this.modalData.volume}
+                  ></el-input>
+                );
+              },
+            },
             {
               label: "其他属性",
               prop: "productAttributeList",
@@ -630,8 +693,8 @@ export default {
               label: "商品介绍图",
               prop: "productIntroducePhoto",
               type: "Input",
-              required: true,
-              rules: { required: true, message: "商品介绍图", trigger: "blur" },
+              // required: true,
+              // rules: { required: true, message: "商品介绍图", trigger: "blur" },
               placeholder: "商品介绍图",
               type: "jsx",
               render: () => {
@@ -680,12 +743,12 @@ export default {
             {
               label: "商品视频",
               prop: "productVideo",
-              required: true,
-              rules: {
-                required: true,
-                message: "请填写商品描述",
-                trigger: "blur",
-              },
+              // required: true,
+              // rules: {
+              //   required: true,
+              //   message: "请填写商品描述",
+              //   trigger: "blur",
+              // },
               type: "jsx",
               render: () => {
                 const handleChange = (file, fileList) => {
@@ -749,6 +812,25 @@ export default {
               this.currentPanel = "其他信息";
             } else {
               console.log("请求接口", this.modalData);
+              if (this.modalData.specType == 0) {
+                this.modalData.productAttributeList = [
+                  {
+                    id: "1821213026050191360",
+                    attributeName: "重量",
+                    attributeValue: "1斤",
+                  },
+                ];
+                this.modalData.productSpecificationList = [
+                  {
+                    attributeValue: "默认",
+                    costPrice: this.modalData.minCostPrice,
+                    salePrice: this.modalData.singlePrice,
+                    stockNum: this.modalData.singleStock,
+                    weight: this.modalData.weight,
+                    volume: this.modalData.volume,
+                  },
+                ];
+              }
               this.$api.mer_admin.saveProduct(this.modalData).then((res) => {
                 console.log(res);
                 this.$emit("queryList");
@@ -764,6 +846,25 @@ export default {
           loading: this.isLoading,
           submit: true,
           handle: debounce(() => {
+            if (this.modalData.specType == 0) {
+              this.modalData.productAttributeList = [
+                {
+                  id: "1821213026050191360",
+                  attributeName: "重量",
+                  attributeValue: "1斤",
+                },
+              ];
+              this.modalData.productSpecificationList = [
+                {
+                  attributeValue: "默认",
+                  costPrice: this.modalData.minCostPrice,
+                  salePrice: this.modalData.singlePrice,
+                  stockNum: this.modalData.singleStock,
+                  weight: this.modalData.weight,
+                  volume: this.modalData.volume,
+                },
+              ];
+            }
             this.modalData.status = "DOWN";
             this.$api.mer_admin.saveProduct(this.modalData).then((res) => {
               console.log(res);
diff --git a/src/views/modules/product/popup/add-specifications.vue b/src/views/modules/product/popup/add-specifications.vue
index be0ed54..15b1c23 100644
--- a/src/views/modules/product/popup/add-specifications.vue
+++ b/src/views/modules/product/popup/add-specifications.vue
@@ -250,6 +250,8 @@ export default {
           salePrice: 0,
           costPrice: 0,
           stockNum: 0,
+          weight: 0,
+          volume: 0,
         };
       });
       console.log(data);
@@ -266,7 +268,7 @@ export default {
           "min-width": "160px",
         },
         {
-          title: "价格",
+          title: "价格（元）",
           field: "salePrice",
           align: "center",
           "min-width": "160px",
@@ -285,7 +287,7 @@ export default {
           },
         },
         {
-          title: "成本",
+          title: "成本（元）",
           field: "costPrice",
           align: "center",
           "min-width": "160px",
@@ -324,8 +326,8 @@ export default {
           },
         },
         {
-          title: "重量",
-          field: "stockNum",
+          title: "重量（千克）",
+          field: "weight",
           align: "center",
           "min-width": "160px",
           type: "jsx",
@@ -335,7 +337,7 @@ export default {
                 <el-input-number
                   min={0}
                   size="small"
-                  v-model={row.stockNum}
+                  v-model={row.weight}
                   placeholder="请输入重量"
                 ></el-input-number>
               </div>
@@ -343,7 +345,7 @@ export default {
           },
         },
         {
-          title: "体积",
+          title: "体积（立方米）",
           field: "volume",
           align: "center",
           "min-width": "160px",