费用审核协议名称宽度显示优化

src/views/representative/externalCostApproval.vue

@@ -12,6 +12,9 @@
       <SearchForm :fields="fields" :formInline="formInline" :onSearch="agreementQuery" :onReset="resetForm" />
       <ComplexTable :tableData="tableData" :columns="columns" :showIndex="false" :columnwidth="200" :showSelect="true"
         :pageInfo="pageInfo" @getList="getList" @selectionChange="selectionChange">
+         <template #agreementAbbreviation="{ data, bodyCell }">
+        <div class="whitespace-normal">{{ data.agreementAbbreviation }}-{{ data.contactPerson || '' }}</div>
+      </template>
         <template v-slot:table-title-btn>
           <el-dropdown placement="bottom-start">
             <el-button> 批量管理<el-icon>
@@ -218,10 +221,8 @@ function findpage(status: any) {
 
 const columns = [
   {
-    prop: "agreementTitle", label: "协议信息", width: '350',
-    formatter: (row: any) => {
-      return `${row.agreementAbbreviation}-${row.contactPerson}`
-    }
+    prop: "agreementAbbreviation", label: "协议信息", width: '350',
+    component: 'customSlot',
   },
   { prop: "productName", label: "险种", width: '120', },
   {

src/views/representative/quoteApproval.vue

@@ -13,6 +13,9 @@
     <ComplexTable :tableData="companylist" :columns="columns" :showIndex="false" :columnwidth="200" :showSelect="true"
       :pageInfo="pageInfo" @getList="getList" @selectionChange="selectionChange" uniqueIdName="costId"
       highlight-current-row>
+      <template #agreementAbbreviation="{ data, bodyCell }">
+        <div class="whitespace-normal">{{ data.agreementAbbreviation }}-{{ data.dockingPerson || '' }}</div>
+      </template>
       <template #ruleDescription="{ data, bodyCell }">
         <div class="whitespace-normal">{{ data.ruleDescription }}</div>
       </template>
@@ -312,9 +315,7 @@ const getAgreement = () => {
 const columns = [
   {
     prop: "agreementAbbreviation", label: "协议信息", width: '250',
-    formatter: (row: any) => {
-      return `${row.agreementAbbreviation}--${row.dockingPerson || ''}`
-    }
+    component: 'customSlot',
   },
   { prop: "effectiveTime", label: "生效时间", width: '200' },
   { prop: "failureTime", label: "失效时间", width: '200' },