修改订单

src/views/platmanag/order/detail_orderDetail.vue

@@ -106,7 +106,7 @@
             <el-col :span="18" class="other">{{ transport.shop_transport_name || '暂无快递信息' }}</el-col>
           </el-col>
           <el-col :span="24" class="form" v-if="form.status == '1' || form.status == '2'">
-            <el-form :model="form" ref="form" label-width="100px" class="demo-ruleForm">
+            <el-form :model="form" ref="form" :rules="rules" label-width="100px" class="demo-ruleForm">
               <el-form-item label="寄出运单号" prop="shop_transport_no">
                 <el-input v-model="form.shop_transport_no" placeholder="请输入运单号,快递类型,同时填入" size="small"></el-input>
               </el-form-item>
@@ -128,8 +128,8 @@
               </el-form-item>
               <el-form-item>
                 <el-col>
-                  <el-button type="primary" @click="onSubmit('2')" v-if="form.status == '1'"> 发货 </el-button>
-                  <el-button type="primary" @click="onSubmit('3')" v-if="form.status == '2'"> 确认收货 </el-button>
+                  <el-button type="primary" @click="onSubmit('form', '2')" v-if="form.status == '1'"> 发货 </el-button>
+                  <el-button type="primary" @click="onSubmit('form', '3')" v-if="form.status == '2'"> 确认收货 </el-button>
                 </el-col>
               </el-form-item>
             </el-form>
@@ -192,6 +192,10 @@ export default {
       // 快递类型
       shop_transport_typeList: [],
       loading: false,
+      rules: {
+        shop_transport_no: [{ required: true, message: '请输入快递单号', trigger: 'blur' }],
+        shop_transport_type: [{ required: true, message: '请选择快递类型', trigger: 'change' }],
+      },
     };
   },
   async created() {
@@ -228,8 +232,6 @@ export default {
             this.$set(this, `transport`, res.data.transport);
             this.$set(this.form, `shop_transport_type`, this.transport.shop_transport_type);
             this.$set(this.form, `shop_transport_no`, this.transport.shop_transport_no);
-            // this.form.shop_transport_type = this.transport.shop_transport_type;
-            // this.form.shop_transport_no = this.transport.shop_transport_no;
           }
           res = await this.sotFetch(this.id);
           if (this.$checkRes(res)) {
@@ -261,20 +263,28 @@ export default {
     },
     handleSelect(value) {},
     // 提交
-    async onSubmit(val) {
-      let form = this.form;
-      let transport = {};
-      let res;
-      if (form.shop_transport_no) transport.shop_transport_no = form.shop_transport_no;
-      if (form.shop_transport_type) transport.shop_transport_type = form.shop_transport_type;
-      form.transport = transport;
-      form.status = val;
-      if (form.id) res = await this.update(form);
-      if (this.$checkRes(res)) {
-        this.$message({ type: `success`, message: `维护信息成功` });
-        this.search();
-      }
+    async onSubmit(formName, val) {
+      this.$refs[formName].validate(async (valid) => {
+        if (valid) {
+          let form = this.form;
+          let transport = {};
+          let res;
+          if (form.shop_transport_no) transport.shop_transport_no = form.shop_transport_no;
+          if (form.shop_transport_type) transport.shop_transport_type = form.shop_transport_type;
+          form.transport = transport;
+          form.status = val;
+          if (form.id) res = await this.update(form);
+          if (this.$checkRes(res)) {
+            this.$message({ type: `success`, message: `维护信息成功` });
+            this.search();
+          }
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
     },
+
     // 返回
     toBack() {
       window.history.go('-1');

src/views/selfShop/order/detail_orderDetail.vue

@@ -106,7 +106,7 @@
             <el-col :span="18" class="other">{{ transport.shop_transport_name || '暂无快递信息' }}</el-col>
           </el-col>
           <el-col :span="24" class="form" v-if="form.status == '1' || form.status == '2'">
-            <el-form :model="form" ref="form" label-width="100px" class="demo-ruleForm">
+            <el-form :model="form" ref="form" :rules="rules" label-width="100px" class="demo-ruleForm">
               <el-form-item label="寄出运单号" prop="shop_transport_no">
                 <el-input v-model="form.shop_transport_no" placeholder="请输入运单号,快递类型,同时填入" size="small"></el-input>
               </el-form-item>
@@ -128,8 +128,8 @@
               </el-form-item>
               <el-form-item>
                 <el-col>
-                  <el-button type="primary" @click="onSubmit('2')" v-if="form.status == '1'"> 发货 </el-button>
-                  <el-button type="primary" @click="onSubmit('3')" v-if="form.status == '2'"> 确认收货 </el-button>
+                  <el-button type="primary" @click="onSubmit('form', '2')" v-if="form.status == '1'"> 发货 </el-button>
+                  <el-button type="primary" @click="onSubmit('form', '3')" v-if="form.status == '2'"> 确认收货 </el-button>
                 </el-col>
               </el-form-item>
             </el-form>
@@ -192,6 +192,10 @@ export default {
       // 快递类型
       shop_transport_typeList: [],
       loading: false,
+      rules: {
+        shop_transport_no: [{ required: true, message: '请输入快递单号', trigger: 'blur' }],
+        shop_transport_type: [{ required: true, message: '请选择快递类型', trigger: 'change' }],
+      },
     };
   },
   async created() {
@@ -228,8 +232,6 @@ export default {
             this.$set(this, `transport`, res.data.transport);
             this.$set(this.form, `shop_transport_type`, this.transport.shop_transport_type);
             this.$set(this.form, `shop_transport_no`, this.transport.shop_transport_no);
-            // this.form.shop_transport_type = this.transport.shop_transport_type;
-            // this.form.shop_transport_no = this.transport.shop_transport_no;
           }
           res = await this.sotFetch(this.id);
           if (this.$checkRes(res)) {
@@ -261,20 +263,28 @@ export default {
     },
     handleSelect(value) {},
     // 提交
-    async onSubmit(val) {
-      let form = this.form;
-      let transport = {};
-      let res;
-      if (form.shop_transport_no) transport.shop_transport_no = form.shop_transport_no;
-      if (form.shop_transport_type) transport.shop_transport_type = form.shop_transport_type;
-      form.transport = transport;
-      form.status = val;
-      if (form.id) res = await this.update(form);
-      if (this.$checkRes(res)) {
-        this.$message({ type: `success`, message: `维护信息成功` });
-        this.search();
-      }
+    async onSubmit(formName, val) {
+      this.$refs[formName].validate(async (valid) => {
+        if (valid) {
+          let form = this.form;
+          let transport = {};
+          let res;
+          if (form.shop_transport_no) transport.shop_transport_no = form.shop_transport_no;
+          if (form.shop_transport_type) transport.shop_transport_type = form.shop_transport_type;
+          form.transport = transport;
+          form.status = val;
+          if (form.id) res = await this.update(form);
+          if (this.$checkRes(res)) {
+            this.$message({ type: `success`, message: `维护信息成功` });
+            this.search();
+          }
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
     },
+
     // 返回
     toBack() {
       window.history.go('-1');