Ver código fonte

报销表格列宽调整

huangguoce 1 dia atrás
pai
commit
8c83a5c639

+ 19 - 19
src/views/common/reimbursement/ReimbursementComponent.vue

@@ -76,7 +76,7 @@
                                 <el-input :disabled='true' v-model="scope.row.deptName"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="180"
+                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="150"
                             :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
@@ -84,7 +84,7 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title"
-                            width="100" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageFormPg(scope.$rowIndex, scope.row)"></el-input>
@@ -140,7 +140,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
@@ -205,7 +205,7 @@
                                 <el-input :disabled='true' v-model="scope.row.deptName"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="180"
+                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="150"
                             :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
@@ -213,7 +213,7 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title"
-                            width="100" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageFormCwProject(scope.$rowIndex, scope.row)"></el-input>
@@ -269,7 +269,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
@@ -336,7 +336,7 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title"
-                            width="180" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
                                     @focus="typePullForm(scope.$rowIndex, scope.row.deptId)"></el-input>
@@ -393,7 +393,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
@@ -445,7 +445,7 @@
                             <el-input :disabled='true' v-model="scope.row.deptName"></el-input>
                         </template>
                     </vxe-table-column>
-                    <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" width="180"
+                    <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" width="150"
                         :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                         <template #edit="scope">
                             <el-input v-model="scope.row.typeName"
@@ -501,7 +501,7 @@
                         <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="120">
                         </vxe-table-column>
                     </vxe-colgroup>
-                    <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="200">
+                    <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="150">
                         <template #edit="scope">
                             <el-input v-model="scope.row.content"></el-input>
                         </template>
@@ -566,14 +566,14 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title"
-                            width="180" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
                                     @focus="typePullFormCw(scope.$rowIndex, scope.row.deptId)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title"
-                            width="100" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageFormCw(scope.$rowIndex, scope.row)"></el-input>
@@ -630,7 +630,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
@@ -697,7 +697,7 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title"
-                            width="180" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
                                     @focus="typePullForm3(scope.$rowIndex, scope.row.deptId)"></el-input>
@@ -753,7 +753,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
@@ -822,7 +822,7 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title"
-                            width="180" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
                                     @focus="typePullForm4(scope.$rowIndex, scope.row.deptId)"></el-input>
@@ -879,7 +879,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
@@ -1053,7 +1053,7 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title"
-                            width="180" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="150" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
                                     @focus="typePullForm8(scope.$rowIndex, scope.row.deptId)"></el-input>
@@ -1129,7 +1129,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="200">
+                            width="150">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>