待办事项-报价费用审核-费用规则、承保规则展示形式优化

src/views/representative/quoteApproval.vue

@@ -11,6 +11,12 @@
     <SearchForm :fields="visibleFields" :formInline="formInline" :onSearch="agreementQuery" :onReset="resetForm" />
     <ComplexTable :tableData="companylist" :columns="columns" :showIndex="false" :columnwidth="200" :showSelect="true"
       :pageInfo="pageInfo" @getList="getList" @selectionChange="selectionChange" uniqueIdName="costId">
+      <template #ruleDescription="{ data, bodyCell }">
+        <div class="whitespace-normal">{{ data.ruleDescription }}</div>
+      </template>
+      <template #costRules="{ data, bodyCell }">
+        <div class="whitespace-normal">{{ data.costRules }}</div>
+      </template>
       <template v-slot:table-title-btn>
         <el-dropdown placement="bottom-start" v-if="activeName == 'pendingReview'">
           <el-button> 批量审核<el-icon>
@@ -176,7 +182,7 @@ const fields = ref([
     label: "险种", model: "productId", type: "select", options: insurance_type,
   },
   {
-    label: "保险公司", model: "companyId", type: "cascader", placeholder: "选择保险公司", options: company_list, props: companyIdprops, placement: 'left',onChange  : (value: any) => {
+    label: "保险公司", model: "companyId", type: "cascader", placeholder: "选择保险公司", options: company_list, props: companyIdprops, placement: 'left', onChange: (value: any) => {
       formInline.companyId = value[value.length - 1];
     }
   },
@@ -295,11 +301,11 @@ const columns = [
   { prop: "effectiveTime", label: "生效时间", width: '200' },
   { prop: "failureTime", label: "失效时间", width: '200' },
   {
-    prop: "ruleDescription", label: "承保规则", width: '500'
+    prop: "ruleDescription", label: "承保规则", component: 'customSlot', width: '500'
   },
   { prop: "productName", label: "险种", width: '120', },
   {
-    prop: "costRules", label: "费用规则", width: '500',
+    prop: "costRules", label: "费用规则", component: 'customSlot', width: '500',
   },
   {
     prop: "ruleConditions", label: "交强费用", width: '300', formatter: (row: any) => {