订单管理部分交互优化

zkqy-ui/src/views/orderMange/index.vue

@@ -410,7 +410,7 @@
                       @change="
                         handleProductChange(scope.row.productNo, scope.row)
                       "
-                      @blur="handleProductBlur(scope.row.productNo)"
+                      @blur="handleProductBlur(scope.row.productNo, scope.row)"
                     >
                       <el-option
                         v-for="item in productionOptions"
@@ -567,7 +567,7 @@
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="付款方式">
+              <el-form-item prop="salePayType" label="付款方式">
                 <!-- <el-input
                 v-model="formData.salePayType"
                 size="small"
@@ -907,6 +907,20 @@ export default {
         // },
       ],
       rules: {
+        deliveryDate: [
+          {
+            required: true,
+            message: "请选择交货日期",
+            trigger: "change",
+          },
+        ],
+        salePayType: [
+          {
+            required: true,
+            message: "请选择付款方式",
+            trigger: "change",
+          },
+        ],
         saleNo: [
           {
             required: true,
@@ -1138,10 +1152,11 @@ export default {
       }
     },
     // 产品名失焦
-    handleProductBlur(productNo) {
+    handleProductBlur(productNo, row) {
       console.log("blur", productNo);
       if (!productNo) {
         this.productionOptions = this.allProductionOptions.slice(0, 500);
+        row.productType = "";
       }
     },
     // 产品名称改变
@@ -1149,6 +1164,7 @@ export default {
       console.log(productNo);
       if (!productNo) {
         this.productionOptions = this.allProductionOptions.slice(0, 500);
+        row.productType = "";
         return;
       }
       let targetItem = this.allProductionOptions.find(