Просмотр исходного кода

refactor(财务表单): 调整表单布局列宽从12到8以优化显示

liujt 4 месяцев назад
Родитель
Сommit
764abcb00e

+ 10 - 12
src/views/bpm/handleTask/components/financialManage/payableManage/components/detailDialog.vue

@@ -3,7 +3,7 @@
     <el-form ref="form" :model="form" :rules="rules" label-width="130px">
       <headerTitle title="基本信息"></headerTitle>
       <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="应付日期"
             prop="payableDate"
@@ -18,7 +18,7 @@
             </el-date-picker>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="应付金额"
             prop="payableTotalPrice"
@@ -34,9 +34,7 @@
             ></el-input-number>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="会计科目"
             prop="accountingSubjectId"
@@ -56,7 +54,9 @@
             />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="8">
           <el-form-item
             label="发票编码"
             prop="invoiceCode"
@@ -65,9 +65,7 @@
             <el-input disabled v-model="form.invoiceCode"></el-input>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="来源类型"
             prop="sourceType"
@@ -79,7 +77,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="来源编码"
             prop="sourceCode"
@@ -91,7 +89,7 @@
       </el-row>
 
       <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="公司名称"
             prop="contactName"
@@ -100,7 +98,7 @@
             <el-input disabled v-model="form.contactName"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="附件">
             <fileMain v-model="form.files"></fileMain>
           </el-form-item>

+ 10 - 12
src/views/bpm/handleTask/components/financialManage/receivableManage/components/detailDialog.vue

@@ -3,7 +3,7 @@
     <el-form ref="form" :model="form" :rules="rules" label-width="130px">
       <headerTitle title="基本信息"></headerTitle>
       <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="应收日期"
             prop="receivableDate"
@@ -18,7 +18,7 @@
             </el-date-picker>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="应收金额"
             prop="receivableTotalPrice"
@@ -34,9 +34,7 @@
             ></el-input-number>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="会计科目"
             prop="accountingSubjectId"
@@ -56,7 +54,9 @@
             />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="8">
           <el-form-item
             label="发票编码"
             prop="invoiceCode"
@@ -65,9 +65,7 @@
             <el-input disabled v-model="form.invoiceCode"></el-input>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="来源类型"
             prop="sourceType"
@@ -79,7 +77,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="来源编码"
             prop="sourceCode"
@@ -91,7 +89,7 @@
       </el-row>
 
       <el-row :gutter="12">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item
             label="公司名称"
             prop="contactName"
@@ -100,7 +98,7 @@
             <el-input disabled v-model="form.contactName"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="附件">
             <fileMain v-model="form.files"></fileMain>
           </el-form-item>