安全库存-必填校验；样式调整

src/views/production/safetyStock/modules/safetyStockListAdd.vue

@@ -10,103 +10,105 @@
       >
       <a-card :bordered="false" class="moddle" style="margin-bottom:1%" :loading = 'loading'>
         <div class="table-page-search-wrapper">
-            <a-form layout="inline" @keyup.enter.native="searchQuery">
+            <a-form-model layout="inline" :model="form" :rules="rules"  ref="form">
               <a-row :gutter="24">
                 <a-col :md="8" :sm="24">
-                  <a-form-item label="存货编码" prop='inventoryCode'>
+                  <a-form-model-item label="存货编码"  prop='inventoryCode' :labelCol="{offset: 1}">
                     <a-input-search placeholder="请输入" v-model="form.inventoryCode" @search="onSearchInvebtory" readOnly></a-input-search>
-                  </a-form-item>
+                  </a-form-model-item>
                 </a-col>
-                <a-col  :md="8" :sm="24">
-                  <a-form-item label="存货名称" prop='inventoryName'>
-                    <a-input placeholder="请输入" v-model="form.inventoryName" disabled></a-input>
-                  </a-form-item>
-                </a-col>
-                <a-col :md="8" :sm="24">
-                    <a-form-item label="颜色" prop='color'>
-                        <a-input-search placeholder="请输入" v-model="form.color" @search="onSearch"></a-input-search>
-                    </a-form-item>
+                <a-col :md="8" :sm="24" >
+                    <a-form-model-item label="定尺" name='fixedLength' >
+                        <a-input-search placeholder="请输入" v-model="form.fixedLength" @search="onSearch" readOnly></a-input-search>
+                    </a-form-model-item>
                   </a-col>
-                  <a-col :md="8" :sm="24" >
-                    <a-form-item label="定尺" prop='fixedLength'>
-                        <a-input-search placeholder="请输入" v-model="form.fixedLength" @search="onSearch"></a-input-search>
-                    </a-form-item>
+                <a-col :md="8" :sm="24">
+                    <a-form-model-item label="颜色" name='color' :labelCol="{offset: 1}">
+                        <a-input-search placeholder="请输入" v-model="form.color" @search="onSearch" readOnly></a-input-search>
+                    </a-form-model-item>
                   </a-col>
+                  <a-col  :md="8" :sm="24">
+                  <a-form-model-item label="存货名称" name='inventoryName' :labelCol="{offset: 2}">
+                    <a-input placeholder="请输入" v-model="form.inventoryName" disabled ></a-input>
+                  </a-form-model-item>
+                </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="合金" prop='alloy'>
-                      <a-input-search placeholder="请输入" v-model="form.alloy" @search="onSearch"></a-input-search>
-                    </a-form-item>
+                    <a-form-model-item label="合金" name='alloy'>
+                      <a-input-search placeholder="请输入" v-model="form.alloy" @search="onSearch" readOnly></a-input-search>
+                    </a-form-model-item>
                   </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="标准" prop='standard'>
-                    <a-input-search placeholder="请输入" v-model="form.standard" @search="onSearch"></a-input-search>
-                  </a-form-item>
+                    <a-form-model-item label="标准" name='standard' :labelCol="{offset: 1}">
+                    <a-input-search placeholder="请输入" v-model="form.standard" @search="onSearch" readOnly></a-input-search>
+                  </a-form-model-item>
                   </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="规格" prop='model'>
-                      <a-input placeholder="请输入" v-model="form.specs" disabled></a-input>
-                    </a-form-item>
+                    <a-form-model-item label="安全库存" name='safetyStock' :labelCol="{offset: 2}">
+                      <a-input-number  :default-value="0"  v-model="form.safetyStock"/>
+                    </a-form-model-item>
                   </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="型号" prop='model'>
-                      <a-input-search placeholder="请输入" v-model="form.model" @search="onSearch"></a-input-search>
-                    </a-form-item>
+                    <a-form-model-item label="型号" name='model'>
+                      <a-input placeholder="请输入" v-model="form.model" disabled></a-input>
+                    </a-form-model-item>
                   </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="安全库存" prop='safetyStock'>
-                      <a-input-number  :default-value="0"  v-model="form.safetyStock"/>
-                    </a-form-item>
+                    <a-form-model-item label="规格" name='model' :labelCol="{offset: 1}">
+                      <a-input placeholder="请输入" v-model="form.specs" disabled></a-input>
+                    </a-form-model-item>
                   </a-col>
+                  
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="最高库存" prop='maxStock'>
+                    <a-form-model-item label="最高库存" name='maxStock' :labelCol="{offset: 2}">
                       <a-input-number  :default-value="0"  v-model="form.maxStock"/>
-                    </a-form-item>
+                    </a-form-model-item>
                   </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="起订点" prop='startingPoint'>
-                      <a-input-number  :default-value="0"  v-model="form.startingPoint"/>
-                    </a-form-item>
-                  </a-col>
+                    <a-form-model-item label="米重" name='meterWeight'>
+                        <a-input placeholder="请输入" v-model="form.meterWeight" disabled></a-input>
+                    </a-form-model-item>
+                  </a-col> 
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="辅单位" prop='auxiliaryUnit'>
+                    <a-form-model-item label="辅单位" name='auxiliaryUnit'>
                       <a-input placeholder="请输入" v-model="form.auxiliaryUnit" disabled></a-input>
-                    </a-form-item>
+                    </a-form-model-item>
                   </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="单位" prop='unit'>
-                        <a-input placeholder="请输入" v-model="form.unit" disabled></a-input>
-                    </a-form-item>
+                    <a-form-model-item label="装饰面周长" name='decorationLength' :labelCol="{offset: 1}">
+                        <a-input placeholder="请输入" v-model="form.decorationLength" disabled></a-input>
+                    </a-form-model-item>
+                  </a-col> 
+                  <a-col :md="8" :sm="24">
+                    <a-form-model-item label="窗号" name='windowNo'>
+                        <a-input placeholder="请输入" v-model="form.windowNo" disabled></a-input>
+                    </a-form-model-item>
+                  </a-col>  
+                  <a-col :md="8" :sm="24">
+                    <a-form-model-item label="起订点" name='startingPoint'>
+                      <a-input-number  :default-value="0"  v-model="form.startingPoint"/>
+                    </a-form-model-item>
                   </a-col>
+                  
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="按辅计量计算" prop='isAuxiliaryUnit'>
+                    <a-form-model-item label="按辅计量计算" name='isAuxiliaryUnit'>
                       <a-select v-model="form.isAuxiliaryUnit"  style='width:100%' >
                                 <a-select-option value='是'> 是</a-select-option>
                                 <a-select-option value='否'> 否</a-select-option>
                       </a-select>
-                    </a-form-item>
-                  </a-col>  
-                  <a-col :md="8" :sm="24">
-                    <a-form-item label="米重" prop='meterWeight'>
-                        <a-input placeholder="请输入" v-model="form.meterWeight"></a-input>
-                    </a-form-item>
-                  </a-col> 
-                  <a-col :md="8" :sm="24">
-                    <a-form-item label="窗号" prop='windowNo'>
-                        <a-input placeholder="请输入" v-model="form.windowNo"></a-input>
-                    </a-form-item>
-                  </a-col>  
+                    </a-form-model-item>
+                  </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="装饰面周长" prop='decorationLength'>
-                        <a-input placeholder="请输入" v-model="form.decorationLength"></a-input>
-                    </a-form-item>
-                  </a-col> 
+                    <a-form-model-item label="单位" name='unit'>
+                        <a-input placeholder="请输入" v-model="form.unit" disabled></a-input>
+                    </a-form-model-item>
+                  </a-col>
                   <a-col :md="8" :sm="24">
-                    <a-form-item label="专用区" prop='exclusiveZone'>
-                        <a-input placeholder="请输入" v-model="form.exclusiveZone"></a-input>
-                    </a-form-item>
+                    <a-form-model-item label="专用区" name='exclusiveZone'>
+                        <a-input placeholder="请输入" v-model="form.exclusiveZone" disabled></a-input>
+                    </a-form-model-item>
                   </a-col>    
               </a-row>
-            </a-form>
+            </a-form-model>
         </div>
      </a-card>
      <inventoryPopup ref="inventoryPopup" @okData="okData"></inventoryPopup>
@@ -131,6 +133,11 @@
             form:{},
             loading:false,
             defaultMethod:'add',
+            rules:{
+              inventoryCode: [
+                { required: true, trigger: 'blur' },
+              ],
+            }
           }
         },
         created() {
@@ -143,32 +150,36 @@
                 this.defaultMethod='add'
             },
             handleOK(){
-              this.loading = true
-              if(this.defaultMethod=='add'){
-                postAction('/production/safetyStock/add', this.form).then((res) => {
-                  if (res.success) {
-                    this.$message.success('添加成功！');
-                    this.handleCancel()
-                    this.$emit('ok')
-                  } else {
-                    this.$message.error(res.message);
-                  }
-                }).finally(() => {
-                  this.loading = false
-                })
-              }else{
-                putAction('/production/safetyStock/edit', this.form).then((res) => {
-                  if (res.success) {
-                    this.$message.success('编辑成功！');
-                    this.handleCancel()
-                    this.$emit('ok')
-                  } else {
-                    this.$message.error(res.message);
-                  }
-                }).finally(() => {
-                  this.loading = false
-                })
-              }  
+              this.$refs.form.validate(success => {
+	              if (success) {
+                    this.loading = true
+                    if(this.defaultMethod=='add'){
+                      postAction('/production/safetyStock/add', this.form).then((res) => {
+                        if (res.success) {
+                          this.$message.success('添加成功！');
+                          this.handleCancel()
+                          this.$emit('ok')
+                        } else {
+                          this.$message.error(res.message);
+                        }
+                      }).finally(() => {
+                        this.loading = false
+                      })
+                    }else{
+                      putAction('/production/safetyStock/edit', this.form).then((res) => {
+                        if (res.success) {
+                          this.$message.success('编辑成功！');
+                          this.handleCancel()
+                          this.$emit('ok')
+                        } else {
+                            this.$message.error(res.message);
+                        }
+                      }).finally(() => {
+                          this.loading = false
+                      })
+                    } 
+	              }
+              })  
             },
             getEditData(id){
               getAction('/production/safetyStock/queryById',{id:id}).then((res) => {
@@ -242,4 +253,8 @@
     /deep/.ant-calendar-picker{
         min-width: 0px !important;  
     }
+    // 表单校验隐藏提示文字
+    /deep/.ant-form-explain{
+      display:none
+    }
   </style>