From 8ee49aab4777e8d1baf8b3fe4122c7c8ee0f4c1c Mon Sep 17 00:00:00 2001
From: lzhizhao <790086754@qq.com>
Date: Sun, 27 Apr 2025 21:33:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=A2=84=E5=94=AE=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../presale/products/popup/add-or-update.vue  | 329 +++++++++++-------
 1 file changed, 208 insertions(+), 121 deletions(-)

diff --git a/src/views/modules/presale/products/popup/add-or-update.vue b/src/views/modules/presale/products/popup/add-or-update.vue
index 4bc657b..f577248 100644
--- a/src/views/modules/presale/products/popup/add-or-update.vue
+++ b/src/views/modules/presale/products/popup/add-or-update.vue
@@ -81,7 +81,7 @@
               选择是，用户可在付尾款前申请退定金（申请后自动退，无需审核），或付尾款时间结束后系统自动退定金
             </span>
           </el-form-item>
-          <el-form-item v-if="isAdd" label="选择商品：">
+          <el-form-item v-if="isAdd" label="选择商品：" prop="productList">
             <el-button type="primary" @click="selectProduct"
               >点击请选择商品</el-button
             >
@@ -133,7 +133,7 @@
                     <span>{{
                       scope.row.attributeList
                         ? scope.row.attributeList[0].attributeName
-                        : "无"
+                        : '无'
                     }}</span>
                   </template>
                 </el-table-column>
@@ -184,7 +184,7 @@
                     <span v-if="scope.row.isAdvanceSell">{{
                       scope.row.presalePrice
                         ? scope.row.presalePrice - scope.row.earnestMoney
-                        : ""
+                        : ''
                     }}</span>
                   </template>
                 </el-table-column>
@@ -251,7 +251,7 @@
                     <span>{{
                       scope.row.attributeList
                         ? scope.row.attributeList[0].attributeName
-                        : "无"
+                        : '无'
                     }}</span>
                   </template>
                 </el-table-column>
@@ -302,7 +302,7 @@
                     <span v-if="scope.row.isAdvanceSell">{{
                       scope.row.presalePrice
                         ? scope.row.presalePrice - scope.row.earnestMoney
-                        : ""
+                        : ''
                     }}</span>
                   </template>
                 </el-table-column>
@@ -337,39 +337,39 @@
   </div>
 </template>
 <script>
-import commodity from "./commodity.vue";
-import { debounce, cloneDeep } from "lodash";
+import commodity from './commodity.vue'
+import { debounce, cloneDeep } from 'lodash'
 export default {
   components: { commodity },
   props: {
     marketId: {
       type: String,
-      default: "",
+      default: ''
     },
     shopId: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   data() {
     return {
       isAdd: true,
       //表格属性
       modalConfig: {
-        title: "库存预警设置",
+        title: '库存预警设置',
         show: false,
-        width: "1200px",
-        fullscreen: true,
+        width: '1200px',
+        fullscreen: true
       },
       modalData: {},
       ruleForm: {
         productList: [],
-        isRefundEarnestMoney: 1, //定金可退 1是 2否
+        isRefundEarnestMoney: 1 //定金可退 1是 2否
       },
       pickerOptions: {
         disabledDate(time) {
-          return time.getTime() < Date.now();
-        },
+          return time.getTime() < Date.now()
+        }
       },
       orderTime: [], //订单支付时间
       arrears: [], //尾款时间
@@ -379,95 +379,102 @@ export default {
         startTime: [
           {
             required: true,
-            message: "请选择支付时间",
-            trigger: ["blur", "change"],
-          },
+            message: '请选择支付时间',
+            trigger: ['blur', 'change']
+          }
         ],
         balancePaymentStartTime: [
           {
             required: true,
-            message: "请选择尾款支付时间",
-            trigger: "change",
-          },
+            message: '请选择尾款支付时间',
+            trigger: 'change'
+          }
         ],
         estimatedStartDeliveryTime: [
           {
             required: true,
-            message: "请选择预计发货时间",
-            trigger: "change",
-          },
+            message: '请选择预计发货时间',
+            trigger: 'change'
+          }
         ],
         isRefundEarnestMoney: [
           {
             required: true,
-            message: "请选择定金可退",
-            trigger: "change",
-          },
+            message: '请选择定金可退',
+            trigger: 'change'
+          }
+        ],
+        productList: [
+          {
+            required: true,
+            message: '请选择预售商品',
+            trigger: 'change'
+          }
         ],
         presalePrice: [
           {
             required: true,
-            message: "请输入预售价格",
-            trigger: ["blur", "change"],
-          },
-        ],
-      },
-    };
+            message: '请输入预售价格',
+            trigger: ['blur', 'change']
+          }
+        ]
+      }
+    }
   },
   watch: {
-    "modalConfig.show"(newVal) {
+    'modalConfig.show'(newVal) {
       if (newVal) {
         //关闭弹窗清空校验
         setTimeout(() => {
-          this.$refs.ruleForm.resetFields();
-        });
+          this.$refs.ruleForm.resetFields()
+        })
       }
-    },
+    }
   },
   methods: {
     queryTableData(pageNo, pageSize) {},
     toggle(e) {
       if (this.modalConfig.show == false) {
-        this.modalConfig.show = true;
+        this.modalConfig.show = true
       } else {
-        this.modalConfig.show = false;
+        this.modalConfig.show = false
       }
       if (e) {
-        this.init(cloneDeep(e));
+        this.init(cloneDeep(e))
       }
       return {
         add: () => {
-          this.orderTime = [];
-          this.arrears = [];
-          this.delivery = [];
+          this.orderTime = []
+          this.arrears = []
+          this.delivery = []
           this.ruleForm = {
-            startTime: "",
-            endTime: "",
-            balancePaymentStartTime: "",
-            balancePaymentEndTime: "",
-            estimatedStartDeliveryTime: "",
-            estimatedEndDeliveryTime: "",
+            startTime: '',
+            endTime: '',
+            balancePaymentStartTime: '',
+            balancePaymentEndTime: '',
+            estimatedStartDeliveryTime: '',
+            estimatedEndDeliveryTime: '',
             productList: [],
-            isRefundEarnestMoney: 1, //定金可退 1是 2否
-          };
-          this.modalConfig.title = "新增预售";
-          this.isAdd = true;
+            isRefundEarnestMoney: 1 //定金可退 1是 2否
+          }
+          this.modalConfig.title = '新增预售'
+          this.isAdd = true
         },
         update: () => {
-          this.modalConfig.title = "编辑预售";
-          this.isAdd = false;
-        },
-      };
+          this.modalConfig.title = '编辑预售'
+          this.isAdd = false
+        }
+      }
     },
     init(row) {
-      console.log(row.startTime, row.endTime);
-      this.orderTime = [row.startTime, row.endTime];
-      this.arrears = [row.balancePaymentStartTime, row.balancePaymentEndTime];
+      console.log(row.startTime, row.endTime)
+      this.orderTime = [row.startTime, row.endTime]
+      this.arrears = [row.balancePaymentStartTime, row.balancePaymentEndTime]
       this.delivery = [
         row.estimatedStartDeliveryTime,
-        row.estimatedEndDeliveryTime,
-      ];
-      (this.ruleForm = {
+        row.estimatedEndDeliveryTime
+      ]
+      this.$set(this, 'ruleForm', {
         productId: row.id,
         advanceSellId: row.advanceSellId,
         startTime: row.startTime,
@@ -478,116 +485,196 @@ export default {
         estimatedStartDeliveryTime: row.estimatedStartDeliveryTime,
         estimatedEndDeliveryTime: row.estimatedEndDeliveryTime,
         isRefundEarnestMoney: row.isRefundEarnestMoney,
-        productSpecificationList: row.productSpecificationList,
-      }),
-        console.log(this.orderTime, this.arrears, this.delivery);
+        productSpecificationList: row.productSpecificationList
+      })
+      // (this.ruleForm = {
+      //   productId: row.id,
+      //   advanceSellId: row.advanceSellId,
+      //   startTime: row.startTime,
+      //   name: row.name,
+      //   endTime: row.endTime,
+      //   balancePaymentStartTime: row.balancePaymentStartTime,
+      //   balancePaymentEndTime: row.balancePaymentEndTime,
+      //   estimatedStartDeliveryTime: row.estimatedStartDeliveryTime,
+      //   estimatedEndDeliveryTime: row.estimatedEndDeliveryTime,
+      //   isRefundEarnestMoney: row.isRefundEarnestMoney,
+      //   productSpecificationList: row.productSpecificationList,
+      // }),
+      console.log(this.orderTime, this.arrears, this.delivery)
 
       // this.ruleForm = row;
     },
     //订单支付时间
     getOrderTime(e) {
       if (e) {
-        console.log(e);
-        this.ruleForm.startTime = e[0];
-        this.ruleForm.endTime = e[1];
+        console.log(e)
+        this.ruleForm.startTime = e[0]
+        this.ruleForm.endTime = e[1]
       } else {
-        this.ruleForm.startTime = "";
-        this.ruleForm.endTime = "";
+        this.ruleForm.startTime = ''
+        this.ruleForm.endTime = ''
       }
     },
     //尾款支付时间
     getArrearsTime(e) {
       if (e) {
-        console.log(e);
-        this.ruleForm.balancePaymentStartTime = e[0];
-        this.ruleForm.balancePaymentEndTime = e[1];
+        console.log(e)
+        this.ruleForm.balancePaymentStartTime = e[0]
+        this.ruleForm.balancePaymentEndTime = e[1]
       } else {
-        this.ruleForm.balancePaymentStartTime = "";
-        this.ruleForm.balancePaymentEndTime = "";
+        this.ruleForm.balancePaymentStartTime = ''
+        this.ruleForm.balancePaymentEndTime = ''
       }
     },
     //发货时间
     deliveryTime(e) {
       if (e) {
-        console.log(e);
-        this.ruleForm.estimatedStartDeliveryTime = e[0];
-        this.ruleForm.estimatedEndDeliveryTime = e[1];
+        console.log(e)
+        this.ruleForm.estimatedStartDeliveryTime = e[0]
+        this.ruleForm.estimatedEndDeliveryTime = e[1]
       } else {
-        this.ruleForm.estimatedStartDeliveryTime = "";
-        this.ruleForm.estimatedEndDeliveryTime = "";
+        this.ruleForm.estimatedStartDeliveryTime = ''
+        this.ruleForm.estimatedEndDeliveryTime = ''
       }
     },
     selectProduct() {
-      console.log("选择商品", this.marketId, this.shopId);
+      console.log('选择商品', this.marketId, this.shopId)
       this.$nextTick(() => {
         this.$refs.commodity.toggle().add({
           marketId: this.marketId,
-          shopId: this.shopId,
-        });
-      });
+          shopId: this.shopId
+        })
+      })
     },
     handleSelectionChange(e) {
-      console.log(e);
+      console.log(e)
     },
     getProduct(row) {
-      this.ruleForm.productList = row.map((item) => {
+      this.ruleForm.productList = row.map(item => {
         return {
           productId: item.id,
           name: item.name,
-          productSpecificationList: item.productSpecificationList,
-        };
-      });
-      console.log(this.ruleForm.productList, this.ruleForm.productList.length);
+          productSpecificationList: item.productSpecificationList
+        }
+      })
+      console.log(this.ruleForm.productList, this.ruleForm.productList.length)
 
-      console.log("获取商品");
-    },
+      console.log('获取商品')
+    }
   },
   computed: {
     modalHandles() {
       return [
         {
-          label: "取消",
+          label: '取消',
           handle: () => {
-            this.toggle();
-          },
+            this.toggle()
+          }
         },
         {
-          label: "确认",
-          type: "primary",
+          label: '确认',
+          type: 'primary',
           // submit: true,
           handle: () => {
             if (this.isAdd) {
-              this.$refs.ruleForm.validate((valid) => {
+              this.$refs.ruleForm.validate(valid => {
                 if (valid) {
-                  console.log(valid);
+                  console.log(valid)
+                  if (
+                    this.ruleForm.productList &&
+                    this.ruleForm.productList.length === 0
+                  ) {
+                    this.$message.error('请选择商品')
+                    return
+                  }
+                  let pass = true
+                  let count = 0
+                  this.ruleForm.productList.forEach(product => {
+                    if (
+                      product.productSpecificationList &&
+                      product.productSpecificationList.length
+                    ) {
+                      count = count + product.productSpecificationList.filter((spec) => spec.isAdvanceSell).length
+                      product.productSpecificationList.forEach(spec => {
+                        if (spec.isAdvanceSell) {
+                          if (!spec.presalePrice) {
+                            pass = false
+                          }
+                          if (!spec.earnestMoney) {
+                            pass = false
+                          }
+                          if (!spec.advanceSellStockNum) {
+                            pass = false
+                          }
+                        }
+                      })
+                    }
+                  })
+                  if (!count) {
+                    this.$message.error('请勾选预售商品规格')
+                    return
+                  }
+                  if (!pass) {
+                    this.$message.error('请填写预售价、定金、预售库存')
+                    return
+                  }
                   this.$api.preSale
                     .addPreSaleProducts(this.ruleForm)
-                    .then((res) => {
-                      this.$emit("queryList");
-                      this.toggle();
-                    });
+                    .then(res => {
+                      this.$emit('queryList')
+                      this.toggle()
+                    })
                 }
-              });
+              })
             } else {
-              this.$refs.ruleForm.validate((valid) => {
+              this.$refs.ruleForm.validate(valid => {
                 if (valid) {
-                  console.log(valid);
+                  console.log(valid)
+                  if (
+                    this.ruleForm.productSpecificationList &&
+                    this.ruleForm.productSpecificationList.length === 0
+                  ) {
+                    this.$message.error('请勾选商品规格')
+                    return
+                  }
+                  let pass = true
+                  let count =  this.ruleForm.productSpecificationList.filter((spec) => spec.isAdvanceSell).length
+                  this.ruleForm.productSpecificationList.forEach(spec => {
+                    if (spec.isAdvanceSell) {
+                      if (!spec.presalePrice) {
+                        pass = false
+                      }
+                      if (!spec.earnestMoney) {
+                        pass = false
+                      }
+                      if (!spec.advanceSellStockNum) {
+                        pass = false
+                      }
+                    }
+                  })
+                  if (!count) {
+                    this.$message.error('请勾选预售商品规格')
+                    return
+                  }
+                  if (!pass) {
+                    this.$message.error('请填写预售价、定金、预售库存')
+                    return
+                  }
                   this.$api.preSale
                     .updatePreSaleProducts(this.ruleForm)
-                    .then((res) => {
-                      this.$emit("queryList");
-                      this.toggle();
-                    });
+                    .then(res => {
+                      this.$emit('queryList')
+                      this.toggle()
+                    })
                 }
-              });
+              })
             }
-          },
-        },
-      ];
-    },
+          }
+        }
+      ]
+    }
   },
-  asyncComputed: {},
-};
+  asyncComputed: {}
+}
 </script>
-<style lang="scss" scoped>
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>