新增发货单必填

src/views/OrderTrack/purAdd.vue

 <template>
   <section class="goods pagex">
     <div class="goods-con">
-      <el-form :inline="true" :model="formParam" label-width="95px" ref="ruleForm">
+      <el-form :inline="true" :model="formParam" label-width="95px" ref="ruleForm" :rules="rules">
         <el-form-item>
           <el-button type="primary" @click="submit('ruleForm')">提交</el-button>
           <el-button @click="canel">取消</el-button>
@@ -9,8 +9,8 @@
         <div class="tip-title" style="margin-top: 0">
           <p>基本信息</p>
         </div>
-        <el-form-item label="物流公司：">
-          <el-select v-model="formParam.shipping_id" placeholder="请选择" prop="shipping_id">
+        <el-form-item label="物流公司：" prop="shipping_id">
+          <el-select v-model="formParam.shipping_id" placeholder="请选择">
             <el-option value="13" label="联邦快递"></el-option>
             <el-option value="12" label="DHL国际快递"></el-option>
             <el-option value="1" label="顺丰速运"></el-option>
@@ -26,7 +26,7 @@
             <el-option value="17" label="UPS"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="物流单号：">
+        <el-form-item label="物流单号：" prop="shipment_number">
           <el-input v-model="formParam.shipment_number" placeholder="请输入物流单号"></el-input>
         </el-form-item>
         <el-form-item label="发货时间：">
@@ -83,6 +83,14 @@ export default {
           return time.getTime() < Date.now() - 8.64e7;
         }
       },
+      rules: {
+        shipping_id: [
+          {required: true, message: '请选择物流公司', trigger: 'change'}
+        ],
+        shipment_number: [
+          {required: true, message: '请输入物流单号', trigger: 'change'}
+        ]
+      },
       itemlist: [],
       formParam: {
         company_id: '',