报销表格列宽调整

src/views/common/reimbursement/ReimbursementComponent.vue

@@ -64,19 +64,19 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            width="120" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
+                            width="90" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm(scope.$rowIndex)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <el-input :disabled='true' v-model="scope.row.deptName"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="160"
+                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="100"
                             :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
@@ -84,14 +84,14 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
+                            width="100" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageFormPg(scope.$rowIndex, scope.row)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            min-width="180">
                             <template #edit="scope">
                                 <el-input :readonly="true" v-model="scope.row.reportNumber"></el-input>
                             </template>
@@ -99,14 +99,14 @@
 
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 1)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="160"
+                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="100"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
@@ -114,7 +114,7 @@
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -126,7 +126,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -136,16 +136,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>
@@ -193,19 +192,19 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]" width="120">
+                            :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]" width="90">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm(scope.$rowIndex)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <el-input :disabled='true' v-model="scope.row.deptName"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="160"
+                        <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" width="100"
                             :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.typeName"
@@ -213,14 +212,14 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
+                            width="100" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageFormCwProject(scope.$rowIndex, scope.row)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            min-width="180">
                             <template v-slot:edit="scope">
                                 <el-input :readonly="true" v-model="scope.row.reportNumber"
                                     @focus="openReportNoPageFormCwProject(scope.$rowIndex, scope.row)"></el-input>
@@ -229,13 +228,13 @@
 
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 1)"></el-input> </template>
                             </vxe-table-column>
-                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="160"
+                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="100"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
@@ -243,7 +242,7 @@
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -255,7 +254,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -265,16 +264,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>
@@ -322,7 +320,7 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            width="120" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
+                            width="90" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm(scope.$rowIndex)"></el-input>
@@ -330,20 +328,20 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <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="160" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="100" :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>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销详情" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
+                            min-width="180" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageForm(scope.$rowIndex, scope.row)"></el-input>
@@ -352,14 +350,14 @@
 
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 1)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="160"
+                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="100"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
@@ -367,7 +365,7 @@
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -379,7 +377,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -389,16 +387,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>
@@ -432,7 +429,7 @@
                     style="margin-left: 5em" highlight-current-row
                     :edit-config="{ trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon: '_' }"
                     :edit-rules="validRules">
-                    <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" width="120"
+                    <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" width="90"
                         :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                         <template #edit="scope">
                             <el-input v-model="scope.row.userName"
@@ -440,12 +437,12 @@
                             <!--              <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
                         </template>
                     </vxe-table-column>
-                    <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title" width="160">
+                    <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title" width="100">
                         <template #edit="scope">
                             <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="160"
+                    <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" width="100"
                         :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
                         <template #edit="scope">
                             <el-input v-model="scope.row.typeName"
@@ -453,15 +450,15 @@
                         </template>
                     </vxe-table-column>
                     <vxe-table-column field="contractName" title="报销合同" :edit-render="{}" show-overflow="title"
-                        width="160" :rules="[{ required: true, message: '请选择报销合同', trigger: 'blur' }]">
+                        min-width="180" :rules="[{ required: true, message: '请选择报销合同', trigger: 'blur' }]">
                         <template #edit="scope">
                             <el-input v-model="scope.row.contractName"
                                 @focus="openContractForm(scope.$rowIndex, scope.row)"></el-input>
                         </template>
                     </vxe-table-column>
                     <vxe-colgroup title="费用" align="center">
-                        <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                            width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                        <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}" width="90"
+                            :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input maxlength="15" v-model="scope.row.number"
                                     @input="handleOrdinaryNumberInput(scope.row, 1)"
@@ -469,14 +466,14 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                            width="100" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
                                     @input="handleOrdinaryNumberInput(scope.row, 2)"
                                     @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                        <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                             :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                             <template #header="{ column }">
                                 <span class="star-icon"></span>
@@ -488,7 +485,7 @@
                         </vxe-table-column>
                     </vxe-colgroup>
                     <vxe-colgroup title="票据张数" align="center">
-                        <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                        <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                         </vxe-table-column>
                         <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -498,15 +495,15 @@
                                     @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                        <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                         </vxe-table-column>
                     </vxe-colgroup>
-                    <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="160">
+                    <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                         <template #edit="scope">
                             <el-input v-model="scope.row.content"></el-input>
                         </template>
                     </vxe-table-column>
-                    <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                    <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                         <template #edit="scope">
                             <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                 maxlength="10"></el-input>
@@ -553,34 +550,34 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            width="120" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
+                            width="90" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm(scope.$rowIndex)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <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="160" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="100" :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="160" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
+                            width="100" :rules="[{ required: true, message: '请选择报销项目', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageFormCw(scope.$rowIndex, scope.row)"></el-input>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            min-width="180">
                             <template v-slot:edit="scope">
                                 <el-input :readonly="true" v-model="scope.row.reportNumber"
                                     @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>
@@ -588,7 +585,7 @@
                         </vxe-table-column>
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
@@ -597,14 +594,14 @@
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]"
-                                width="160">
+                                width="100">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
                                         @input="handleOrdinaryNumberInput(scope.row, 2)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -616,7 +613,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -626,16 +623,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>
@@ -683,7 +679,7 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            width="120" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
+                            width="90" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm3(scope.$rowIndex)"></el-input>
@@ -691,20 +687,20 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <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="160" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="100" :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>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销详情" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
+                            min-width="180" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageForm3(scope.$rowIndex, scope.row)"></el-input>
@@ -712,14 +708,14 @@
                         </vxe-table-column>
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 1)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="160"
+                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="100"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
@@ -727,7 +723,7 @@
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -739,7 +735,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -749,16 +745,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>
@@ -808,7 +803,7 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            width="120" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
+                            width="90" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm4(scope.$rowIndex)"></el-input>
@@ -816,20 +811,20 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <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="160" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="100" :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>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销详情" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
+                            min-width="180" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageForm4(scope.$rowIndex, scope.row)"></el-input>
@@ -838,14 +833,14 @@
 
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 1)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="160"
+                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="100"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
@@ -853,7 +848,7 @@
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -865,7 +860,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -875,16 +870,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>
@@ -1039,7 +1033,7 @@
                             </template>
                         </vxe-column>
                         <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title"
-                            width="120" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
+                            width="90" :rules="[{ required: true, message: '请选择报销人', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.userName"
                                     @focus="userPullListForm8(scope.$rowIndex)"></el-input>
@@ -1047,20 +1041,20 @@
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title"
-                            width="160">
+                            width="100">
                             <template #edit="scope">
                                 <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="160" :rules="[{ required: true, message: '请选择报销类别', trigger: 'blur' }]">
+                            width="100" :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>
                             </template>
                         </vxe-table-column>
                         <vxe-table-column field="projectName" title="报销详情" :edit-render="{}" show-overflow="title"
-                            width="160" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
+                            min-width="180" :rules="[{ required: true, message: '请填写报销详情', trigger: 'blur' }]">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.projectName"
                                     @focus="openProgramPageForm8(scope.$rowIndex, scope.row)"></el-input>
@@ -1068,7 +1062,7 @@
                         </vxe-table-column>
                         <vxe-colgroup title="发票号和立项号至少填写一项" header-align="center">
                             <vxe-table-column field="invoiceNumber" title="发票号" :edit-render="{}" show-overflow="title"
-                                width="160">
+                                width="100">
                                 <template #header>
                                     <i class="vxe-cell--required-icon"></i>发票号
                                 </template>
@@ -1076,7 +1070,7 @@
                                     <el-input v-model="scope.row.invoiceNumber"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="projectApprovalNumber" title="立项号" :edit-render="{}" width="160"
+                            <vxe-table-column field="projectApprovalNumber" title="立项号" :edit-render="{}" width="100"
                                 show-overflow="title">
                                 <template #header>
                                     <i class="vxe-cell--required-icon"></i>立项号
@@ -1088,14 +1082,14 @@
                         </vxe-colgroup>
                         <vxe-colgroup title="费用" align="center">
                             <vxe-table-column field="number" title="数电发票" show-overflow="title" :edit-render="{}"
-                                width="160" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
+                                width="90" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.number"
                                         @input="handleOrdinaryNumberInput(scope.row, 1)"
                                         @blur="handleOrdinaryNumberInput(scope.row, 1)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="160"
+                            <vxe-table-column field="ordinaryNumber" title="非数电发票" :edit-render="{}" width="100"
                                 show-overflow="title" :rules="[{ required: true, message: '请输入费用', trigger: 'blur' }]">
                                 <template #edit="scope">
                                     <el-input maxlength="15" v-model="scope.row.ordinaryNumber"
@@ -1103,7 +1097,7 @@
                                         @blur="handleOrdinaryNumberInput(scope.row, 2)"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="160"
+                            <vxe-table-column field="numberCount" title="汇总" show-overflow="title" width="70"
                                 :rules="[{ required: true, message: '请输入费用汇总', trigger: 'blur' }]">
                                 <template #header="{ column }">
                                     <span class="star-icon"></span>
@@ -1115,7 +1109,7 @@
                             </vxe-table-column>
                         </vxe-colgroup>
                         <vxe-colgroup title="票据张数" align="center">
-                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumber" title="数电发票" show-overflow="title" width="90">
 
                             </vxe-table-column>
                             <vxe-table-column field="ordinaryReceiptNumber" title="非数电发票" :edit-render="{}" width="100"
@@ -1125,16 +1119,15 @@
                                         @input="handleReceiptNumberInput(scope.row)" maxlength="10"></el-input>
                                 </template>
                             </vxe-table-column>
-                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="100">
+                            <vxe-table-column field="receiptNumberCount" title="汇总" show-overflow="title" width="70">
                             </vxe-table-column>
                         </vxe-colgroup>
-                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title"
-                            width="160">
+                        <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title" width="80">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.content"></el-input>
                             </template>
                         </vxe-table-column>
-                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="160">
+                        <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title" width="100">
                             <template #edit="scope">
                                 <el-input v-model="scope.row.days" oninput="value=value.replace(/\D|^0/g,'')"
                                     maxlength="10"></el-input>