From 84d9a2a44c7fe215130d667b44e1d84d0ba324e7 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, 21 Aug 2024 18:00:55 +0800
Subject: [PATCH] =?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/views/modules/product/index.vue           | 13 ++++--
 .../modules/product/popup/add-discount.vue    | 41 ++++++++++++-------
 src/views/modules/product/popup/add-price.vue | 13 ++++--
 src/views/modules/product/popup/add-stock.vue | 13 ++++--
 4 files changed, 54 insertions(+), 26 deletions(-)

diff --git a/src/views/modules/product/index.vue b/src/views/modules/product/index.vue
index 195ff10..928ce5d 100644
--- a/src/views/modules/product/index.vue
+++ b/src/views/modules/product/index.vue
@@ -80,7 +80,7 @@ export default {
   components: { AddOrUpdate, AddPrice, addStock, AddDiscount },
   data() {
     return {
-      activeName: "出售中",
+      activeName: "在售",
       dataList: [],
       formInline: {
         user: "",
@@ -171,11 +171,18 @@ export default {
           title: "商品图",
           field: "productPhotoList",
           align: "center",
-          width: "160px",
+          width: "80px",
           type: "jsx",
           render: ({ row }) => {
             if (row.productPhotoList.length > 0) {
-              return <el-image src={row.productPhotoList[0].url}></el-image>;
+              return (
+                <el-image
+                  preview-src-list={row.productPhotoList.map((item) => {
+                    return item.url;
+                  })}
+                  src={row.productPhotoList[0].url}
+                ></el-image>
+              );
             } else {
               return <span>暂无商品图</span>;
             }
diff --git a/src/views/modules/product/popup/add-discount.vue b/src/views/modules/product/popup/add-discount.vue
index 50836bd..52d51f7 100644
--- a/src/views/modules/product/popup/add-discount.vue
+++ b/src/views/modules/product/popup/add-discount.vue
@@ -29,6 +29,7 @@
 </template>
 <script>
 import { debounce, cloneDeep } from "lodash";
+import { Divider } from "element-ui";
 export default {
   components: {},
   data() {
@@ -109,13 +110,21 @@ export default {
           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>
+              <div>
+                <el-input-number
+                  min={0}
+                  max={9.9}
+                  v-model={this.modalData.discount}
+                ></el-input-number>
+                <span> 提示： 请输入≤9.9数字 如:8折=售价*0.8</span>
+              </div>
+              // <el-input
+              //   type="number"
+              //   min={0}
+              //   max={9.9}
+              //   v-model={this.modalData.discount}
+              //   placeholder="请输入≤9.9数字 如:8折=售价*0.8"
+              // ></el-input>
             );
           },
         },
@@ -128,14 +137,16 @@ export default {
           type: "jsx",
           render: () => {
             return (
-              <el-input
-                type="number"
-                step={1}
-                min={1}
-                max={99}
-                v-model={this.modalData.limitCount}
-                placeholder="请输入≤99数字 超出数量以原价购买"
-              ></el-input>
+              <div>
+                <el-input-number
+                  min={1}
+                  max={99}
+                  v-model={this.modalData.limitCount}
+                  step={1}
+                  step-strictly
+                ></el-input-number>
+                <span> 提示： 请输入≤99数字 超出数量以原价购买</span>
+              </div>
             );
           },
         },
diff --git a/src/views/modules/product/popup/add-price.vue b/src/views/modules/product/popup/add-price.vue
index f8802e6..3fcafb6 100644
--- a/src/views/modules/product/popup/add-price.vue
+++ b/src/views/modules/product/popup/add-price.vue
@@ -9,7 +9,7 @@
       :modalHandles="modalHandles"
     >
       <obj-table-plus
-        v-show="modalData.specType == 1"
+        v-show="specType == 1"
         style="height: calc(100vh - 120px - 240px)"
         slot="dialog__after"
         ref="oTable"
@@ -50,6 +50,7 @@ export default {
         width: "60%",
       },
       modalData: {},
+      specType: "",
     };
   },
   methods: {
@@ -79,14 +80,18 @@ export default {
       };
     },
     init(row) {
-      this.modalData = row;
+      this.specType = row.specType;
+      this.modalData = {
+        id: row.id,
+        productSpecificationList: row.productSpecificationList,
+      };
       this.tableData = row.productSpecificationList;
       console.log(this.modalData);
     },
   },
   computed: {
     modalCols() {
-      if (this.modalData.specType == 0) {
+      if (this.specType == 0) {
         return [
           {
             label: "价格",
@@ -154,7 +159,7 @@ export default {
           type: "primary",
           submit: true,
           handle: debounce(() => {
-            if (this.modalData.specType == 0) {
+            if (this.specType == 0) {
               this.$api.mer_admin
                 .saveProductBase(this.modalData)
                 .then((res) => {
diff --git a/src/views/modules/product/popup/add-stock.vue b/src/views/modules/product/popup/add-stock.vue
index 063216f..bc2ef37 100644
--- a/src/views/modules/product/popup/add-stock.vue
+++ b/src/views/modules/product/popup/add-stock.vue
@@ -9,7 +9,7 @@
       :modalHandles="modalHandles"
     >
       <obj-table-plus
-        v-show="modalData.specType == 1"
+        v-show="specType == 1"
         style="height: calc(100vh - 120px - 240px)"
         slot="dialog__after"
         ref="oTable"
@@ -50,6 +50,7 @@ export default {
         width: "60%",
       },
       modalData: {},
+      specType: "",
     };
   },
   methods: {
@@ -79,14 +80,18 @@ export default {
       };
     },
     init(row) {
-      this.modalData = row;
+      this.specType = row.specType;
+      this.modalData = {
+        id: row.id,
+        productSpecificationList: row.productSpecificationList,
+      };
       this.tableData = row.productSpecificationList;
       console.log(this.modalData);
     },
   },
   computed: {
     modalCols() {
-      if (this.modalData.specType == 0) {
+      if (this.specType == 0) {
         return [
           {
             label: "库存",
@@ -154,7 +159,7 @@ export default {
           type: "primary",
           submit: true,
           handle: debounce(() => {
-            if (this.modalData.specType == 0) {
+            if (this.specType == 0) {
               this.$api.mer_admin
                 .saveProductBase(this.modalData)
                 .then((res) => {