协议列表字段顺序宽度调整

src/views/quoteConfig/agreement/agreementIndex.vue

@@ -218,20 +218,21 @@ function findpage() {
 }
 const columns = [
   {
-    prop: "agreementCode", label: "协议编号", width: '200', component: "RouterLink",
+    prop: "agreementCode", label: "协议编号", width: '120', component: "RouterLink",
     formatter: (row: any) => ({ name: 'AgreementDetails', query: { id: row.id } })
   },
   {
-    prop: "agreementTitle", label: "协议名称", width: '200',
+    prop: "company", label: "保险公司", width: '120',
   },
-  { prop: "agreementAbbreviation", label: "协议简称", width: '120', },
   {
-    prop: "partnerCompanyName", label: "归属", width: '160',
+    prop: "partnerCompanyName", label: "合作保险公司", width: '160',
   },
+  { prop: "agreementAbbreviation", label: "协议简称", width: '120', },
+  { prop: "dockingPerson", label: "对接人", width: '80', },
   {
-    prop: "agreementType", label: "协议类型", width: '200', formatter: (row: any) => {
-      let name = getDict('agreement_type').find(val => val.value == row.agreementType).label
-      return name
+    prop: "username", label: "出单账号", width: '220',
+    formatter: (row: any) => {
+      return `用户名：${row.username}\n简称：${row.userAbbr}`
     }
   },
   {
@@ -245,7 +246,6 @@ const columns = [
         return { type: 'primary', text: name };
       }
     }
-
   },
   {
     prop: "validStatus", label: "生效状态", width: '120', component: "Tag",
@@ -259,41 +259,44 @@ const columns = [
     }
   },
   {
-    prop: "withTax", label: "是否含税结算", width: '180',
+    prop: "startDate", label: "生效/失效时间", width: '220',
     formatter: (row: any) => {
-      let name = getDict('with_tax').find(val => val.value == row.withTax).label
-      return name
+      return `生效时间：${row.startDate}\n失效时间：${row.endDate}`
     }
   },
   {
-    prop: "moneyTime", label: "结算周期", width: '120',
-    formatter: (row: any) => {
-      return 'T' + row.moneyTime
+    prop: "agreementType", label: "协议类型", width: '160', formatter: (row: any) => {
+      let name = getDict('agreement_type').find(val => val.value == row.agreementType).label
+      return name
     }
   },
   {
-    prop: "username", label: "出单账号", width: '220',
+    prop: "withTax", label: "是否含税结算", width: '140',
     formatter: (row: any) => {
-      return `用户名：${row.username}\n简称：${row.userAbbr}`
+      let name = getDict('with_tax').find(val => val.value == row.withTax).label
+      return name
     }
   },
-  { prop: "company", label: "保险公司", width: '200' },
   {
-    prop: "dockingPerson", label: "对接人", width: '200', formatter: (row: any) => {
-      return `${row.dockingPerson}-${row.dockingPhone}`
+    prop: "moneyTime", label: "结算周期", width: '120',
+    formatter: (row: any) => {
+      return 'T' + row.moneyTime
     }
   },
+
   {
     prop: "custodianId", label: "管理人", width: '200',
     formatter: (row: any) => {
       return `${row.managerName}-${row.managerDeptName}`
     }
   },
-  { prop: "startDate", label: "生效时间", width: '200' },
-  { prop: "endDate", label: "失效时间", width: '200' },
-  { prop: "createTime", label: "添加时间", width: '200' },
+
   { prop: "createBy", label: "添加人", width: '200' },
+  { prop: "createTime", label: "添加时间", width: '200' },
   { prop: "fileName", label: "协议文件", width: '200' },
+  {
+    prop: "agreementTitle", label: "协议名称", width: '200',
+  },
 ];
 //分页事件
 function getList(item: PageInfo) {