佣金设置去掉必填

src/views/ecw/customerCommissionInfo/index.vue

 <template>
   <div class="app-container">
-    <el-form :rules="rules" :model="form" ref="form" :inline="true" >
+    <el-form  class="demo-ruleForm" :rules="rules" :model="form" ref="form" >
       <el-row>
         <el-col :span="24">
           <el-form-item label="客户名称" prop="customerId">
@@ -22,33 +22,32 @@
         </el-col>
       </el-row>
       <el-row>
-        <el-col :span="5">
+        <el-col :span="4">
           <el-form-item label="运输方式" prop="transportId">
-            <div style="width: 130px;">
-              <custom-selectors-dictionary v-model="form.transportId"
-                                           :options="getDictDatas(DICT_TYPE.ECW_TRANSPORT_TYPE)"></custom-selectors-dictionary>
+            <div>
+              <custom-selectors-dictionary v-model="form.transportId" :options="getDictDatas(DICT_TYPE.ECW_TRANSPORT_TYPE)"></custom-selectors-dictionary>
             </div>
           </el-form-item>
         </el-col>
-        <el-col :span="5">
+        <el-col :span="4">
           <el-form-item label="始发地" prop="departureId">
-            <div style="width: 130px;">
+            <div>
               <custom-selectors-dictionary label-key="titleZh" value-key="id" v-model="form.departureId"
                                            :options="exportCityList"></custom-selectors-dictionary>
             </div>
           </el-form-item>
         </el-col>
-        <el-col :span="5">
+        <el-col :span="4">
           <el-form-item label="目的地" prop="objectiveId">
-            <div style="width: 130px;">
+            <div>
               <custom-selectors-dictionary label-key="titleZh" value-key="id" v-model="form.objectiveId"
                                            :options="importCityList"></custom-selectors-dictionary>
             </div>
           </el-form-item>
         </el-col>
-        <el-col :span="5">
+        <el-col :span="4">
           <el-form-item label="报关方式" prop="customsType">
-            <div style="width: 130px;">
+            <div>
               <custom-selectors-dictionary v-model="form.customsType"
                                            :options="getDictDatas(DICT_TYPE.SHIPPING_DECLARATION_TYPE)"></custom-selectors-dictionary>
             </div>
@@ -56,7 +55,7 @@
         </el-col>
         <el-col :span="4">
           <el-form-item label="备案" prop="approval">
-            <div style="width: 130px;">
+            <div>
               <custom-selectors-dictionary v-model="form.approval"
                                            :options="getDictDatas(DICT_TYPE.COMMISSION_PRODUCT_APPROVAL)"></custom-selectors-dictionary>
             </div>
@@ -320,11 +319,6 @@ export default {
       // 表单校验
       rules: {
         customerId: [{required: true, message: "客户名称不能为空", trigger: "blur"}],
-        departureId: [{required: true, message: "始发地不能为空", trigger: "blur"}],
-        transportId: [{required: true, message: "运输方式不能为空", trigger: "blur"}],
-        objectiveId: [{required: true, message: "目的地不能为空", trigger: "blur"}],
-        customsType: [{required: true, message: "报关类别不能为空", trigger: "blur"}],
-        approval: [{required: true, message: "产品备案不能为空", trigger: "blur"}],
       },
       customerShow: true,
       id:undefined,//佣金id
@@ -619,6 +613,7 @@ export default {
 
   .title {
     margin: 15px 0;
+    text-align: left;
 
     .label {
       vertical-align: middle;