新增手续费字段并优化表单布局

src/views/modules/srmSupplier/supplierList.vue

@@ -188,7 +188,7 @@
               </el-col>
             </el-row>
             <el-row :gutter="24">
-              <el-col :span="18">
+              <el-col :span="12">
                 <el-form-item label="供应商名称" prop="supplierName">
                   <el-input v-model="currentSupplier.supplierName"></el-input>
                 </el-form-item>
@@ -201,8 +201,6 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-            </el-row>
-            <el-row :gutter="24">
               <el-col :span="6">
                 <el-form-item label="供应商等级">
                   <sys-dict-select
@@ -213,7 +211,8 @@
                   />
                 </el-form-item>
               </el-col>
-
+            </el-row>
+            <el-row :gutter="24">
 <!--              <el-col :span="6">-->
 <!--                <el-form-item label="供应商等级">-->
 <!--                  <el-input v-model="currentSupplier.abc"></el-input>-->
@@ -237,11 +236,6 @@
                   <el-input v-model="currentSupplier.planner" readonly style="width: 130px"></el-input>
                 </el-form-item>
               </el-col>
-            </el-row>
-          </div>
-
-          <div class="form-section">
-            <el-row :gutter="24">
               <el-col :span="6">
                 <el-form-item label="供应商文档清单模板" prop="supplierDocType">
                   <el-select v-model="currentSupplier.supplierDocType" placeholder="请选择" filterable style="width: 100%">
@@ -254,6 +248,11 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
               <el-col :span="6">
                 <el-form-item>
                   <span style="cursor: pointer" slot="label" @click="getBaseList(522)"><a href="#">税率编号</a></span>
@@ -272,6 +271,11 @@
                   <el-input v-model="currentSupplier.deliveryTerm" style="width: 130px"></el-input>
                 </el-form-item>
               </el-col>
+              <el-col :span="6">
+                <el-form-item label="手续费">
+                  <el-input v-model="currentSupplier.handlingCharge"></el-input>
+                </el-form-item>
+              </el-col>
             </el-row>
           </div>
           <div class="form-section">
@@ -706,6 +710,24 @@ export default {
           status: true,
           fixed: false
         },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1DeliveryTerm',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'handlingCharge',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '手续费',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
@@ -1231,6 +1253,7 @@ export default {
         taxCode:'',
         paymentTerm:'',
         deliveryTerm:'',
+        handlingCharge:'',
         contract:'',
         phoneNo: '',
         phoneNo2:'',