先日期 描述 再优先级 因子 费用 排序

src/components/complexTable/index.vue

@@ -9,7 +9,7 @@
         :data="props.tableData" :height="tableHeight" :max-height="maxHeight" table-layout="fixed" style="width: 100%;"
         @selection-change="selectionChange" @select-all="selectAllChange"  @cell-mouse-enter="handleMouseEnter"
         @cell-mouse-leave="handleMouseLeave" :highlight-current-row="highlightCurrentRow"
-        @current-change="currentChange" v-loading="loading" :show-summary='props.showSummary'>
+        @current-change="currentChange" v-loading="loading" :show-summary='props.showSummary' border>
         <!-- 空内容自定义 -->
         <template #empty>
           <div class="flex f-c a-c ">

src/views/quoteConfig/agreement/agreementDetails.vue

@@ -783,9 +783,15 @@ const ruleFeeHeaderTitle = ref();//编辑弹窗title
 const costitemEditInfo = ref();
 const RulesInfo = ref({});
 const columns = computed(() => [
-  { prop: "costRules", label: "费用规则", width: '200', },
+    {
+    prop: "effectiveTime", label: "有效期", width: '200',
+    formatter: (row: any) => {
+      return `起${row.effectiveTime}\n止${row.failureTime}`
+    }
+  },
+  { prop: "costDescribe", label: "费用规则名称", width: '240', },
   { prop: "priorityLevel", label: "优先级", width: '100', },
-  { prop: "costDescribe", label: "费用规则名称", width: '200', },
+  { prop: "costRules", label: "费用规则", width: '240', },
   {
     prop: "ptlAgreementCostTypeList", label: "交强险费用", width: '300', formatter: (row: any) => {
       let info = row.ptlAgreementCostTypeList.find((val: any) => val.costType == '交强险');
@@ -826,12 +832,7 @@ const columns = computed(() => [
       }
     }
   },
-  {
-    prop: "effectiveTime", label: "有效期", width: '200',
-    formatter: (row: any) => {
-      return `起${row.effectiveTime}\n止${row.failureTime}`
-    }
-  },
+
   {
     prop: "isEnabled", label: "费用状态", width: '200', component: "Tag", filters: getDict('is_enable').map(v => ({ text: v.label, value: Number(v.value) })),
     filteredValue: [0],

src/views/quoteConfig/costManagement.vue

@@ -21,8 +21,10 @@
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item :disabled="!sysUpAndDownList.length" @click="handleCopy()">批量复制</el-dropdown-item>
-                <el-dropdown-item :disabled="!sysUpAndDownList.length" @click="handleUpdateValidDate()">批量设置有效期</el-dropdown-item>
-                <el-dropdown-item :disabled="!sysUpAndDownList.length" @click="handleUpdateCostRatio()">批量设置比例</el-dropdown-item>
+                <el-dropdown-item :disabled="!sysUpAndDownList.length"
+                  @click="handleUpdateValidDate()">批量设置有效期</el-dropdown-item>
+                <el-dropdown-item :disabled="!sysUpAndDownList.length"
+                  @click="handleUpdateCostRatio()">批量设置比例</el-dropdown-item>
                 <el-dropdown-item :disabled="!sysUpAndDownList.length" @click="batchDel">删除</el-dropdown-item>
                 <el-dropdown-item :disabled="!sysUpAndDownList.length" @click="batchdisable">禁用</el-dropdown-item>
                 <el-dropdown-item :disabled="!sysUpAndDownList.length" @click="batchenable">启用</el-dropdown-item>
@@ -337,33 +339,14 @@ const columns = [
     prop: "ruleDescription", label: "承保规则", width: '500',
   },
   { prop: "productName", label: "险种", width: '120', },
-  {
-    prop: "costRules", label: "费用规则", width: '500',
-  },
+  { prop: "effectiveTime", label: "生效时间", width: '200' },
+  { prop: "failureTime", label: "失效时间", width: '200' },
   {
     prop: "costDescribe", label: "费用描述", width: '500',
   },
   {
-    prop: "isEnabled", label: "费用状态", width: '100', component: "Tag",
-    formatter: (row: any) => {
-      let name = getDict('is_enable').find(val => val.value == row.isEnabled).label
-      if (name) {
-        return { type: 'primary', text: name };
-      }
-    }
-  },
-  {
-    prop: "approved", label: "审核状态", width: '120', component: "Tag",
-    formatter: (row: any) => {
-      let name = getDict('audit_status').find(val => val.value == row.approved).label
-      if (name) {
-        return { type: 'warning', text: name };
-      }
-    }
+    prop: "costRules", label: "费用规则", width: '500',
   },
-  { prop: "dockingPerson", label: "对接人", width: '100' },
-  { prop: "effectiveTime", label: "生效时间", width: '200' },
-  { prop: "failureTime", label: "失效时间", width: '200' },
   { prop: "updateTime", label: "修改时间", width: '200' },
   {
     prop: "ruleConditions", label: "交强费用", width: '300', formatter: (row: any) => {
@@ -395,6 +378,27 @@ const columns = [
       }
     }
   },
+  {
+    prop: "isEnabled", label: "费用状态", width: '100', component: "Tag",
+    formatter: (row: any) => {
+      let name = getDict('is_enable').find(val => val.value == row.isEnabled).label
+      if (name) {
+        return { type: 'primary', text: name };
+      }
+    }
+  },
+  {
+    prop: "approved", label: "审核状态", width: '120', component: "Tag",
+    formatter: (row: any) => {
+      let name = getDict('audit_status').find(val => val.value == row.approved).label
+      if (name) {
+        return { type: 'warning', text: name };
+      }
+    }
+  },
+  { prop: "dockingPerson", label: "对接人", width: '100' },
+
+
 ];
 //分页事件
 function getList(item: PageInfo) {