优化 千海金 定投流水查询

src/views/platinum/platinum_fixed_investment_query/list/flow/index.vue

@@ -2,60 +2,52 @@
   <!-- 定投流水查询 -->
   <div class="platinum_fixed_investment_flow_query">
     <Filter @search="updateColumn" />
-    <contextMenu :contextMenuList="firstBtn">
-      <a-table :columns="columns"
-               class="srcollYTable"
-               :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
-               :pagination="false"
-               :expandedRowKeys="expandedRowKeys"
-               :customRow="Rowclick"
-               rowKey="key"
-               :data-source="tableList">
-        <template #triggerstatus="{ record }">
-          <a>{{ record.triggerstatus === 1 ? "成功" : "失败" }}</a>
-        </template>
-      </a-table>
-    </contextMenu>
+    <a-table :columns="columns"
+             class="srcollYTable"
+             :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
+             :pagination="false"
+             :expandedRowKeys="expandedRowKeys"
+             :customRow="Rowclick"
+             rowKey="key"
+             :data-source="tableList">
+      <template #triggerstatus="{ record }">
+        <a>{{ record.triggerstatus === 1 ? "成功" : "失败" }}</a>
+      </template>
+    </a-table>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, initData, getTableColumns, getTableEvent, contextMenu, queryTableList, BtnList, _getBtnList } from '@/common/export/table';
+import { EnumRouterName } from '@/common/constants/enumRouterName';
+import { ComposeTableParam, defineComponent, handleComposeTable, queryTableList } from '@/common/export/commonTable';
 import { queryRSTriggerLog } from '@/services/go/ermcp/qhj';
 import { QhjRSTriggerLog } from '@/services/go/ermcp/qhj/interface';
 import Filter from './compoments/filter/index.vue';
 
 export default defineComponent({
     name: 'platinum_fixed_investment_flow_query',
-    components: { Filter, contextMenu, BtnList },
+    components: { Filter },
     setup() {
-        // 表头数据
-        const { columns, registerColumn, updateColumn } = getTableColumns();
-        // 表格事件
-        const { expandedRowKeys, selectedRow, Rowclick, btnClick } = getTableEvent<QhjRSTriggerLog>({});
-        // 表格操作按钮列表
-        const [firstBtn] = _getBtnList('platinum_fixed_investment_flow_query', false).value;
         // 表格列表数据
         const { loading, tableList, queryTable } = queryTableList<QhjRSTriggerLog>();
-        initData(() => {
+        const queryTableAction = () => {
             // 获取列表数据
             queryTable(queryRSTriggerLog);
-            // 注册表头信息 过滤
-            registerColumn('table_pcweb_qhj_fixed_investment_flow_query', ['goodsid', 'accountid', 'triggertime']);
-        });
+        };
 
-        return {
-            columns,
+        // 表格通用逻辑
+        const param: ComposeTableParam = {
+            queryFn: queryTableAction,
+            menuType: EnumRouterName.plan_audit,
+            tableName: 'table_pcweb_qhj_fixed_investment_flow_query',
+            tableFilterKey: ['goodsid', 'accountid', 'triggertime'],
+            isDetail: true,
+        };
 
-            expandedRowKeys,
-            selectedRow,
-            Rowclick,
-            firstBtn,
+        return {
+            ...handleComposeTable<QhjRSTriggerLog>(param),
             loading,
             tableList,
-            updateColumn,
-            queryTable,
-            btnClick,
         };
     },
 });