🔨 执行命令.

orion-ops-ui/src/components/meta/history/modal/index.vue

@@ -76,7 +76,6 @@
 </script>
 
 <script lang="ts" setup>
-  import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
   import type { HistoryValueQueryRequest, HistoryValueQueryResponse } from '@/api/meta/history-value';
   import { reactive, ref } from 'vue';
   import useLoading from '@/hooks/loading';
@@ -84,54 +83,9 @@
   import { getHistoryValuePage } from '@/api/meta/history-value';
   import { usePagination } from '@/types/table';
   import useCopy from '@/hooks/copy';
-  import { dateFormat } from '@/utils';
+  import columns from './table.columns';
   import { Message } from '@arco-design/web-vue';
 
-  const columns = [
-    {
-      title: 'id',
-      dataIndex: 'id',
-      slotName: 'id',
-      width: 70,
-      align: 'left',
-      fixed: 'left',
-    }, {
-      title: '修改前',
-      dataIndex: 'beforeValue',
-      slotName: 'beforeValue',
-      align: 'left',
-      ellipsis: true,
-      tooltip: true,
-    }, {
-      title: '修改后',
-      dataIndex: 'afterValue',
-      slotName: 'afterValue',
-      align: 'left',
-      ellipsis: true,
-      tooltip: true,
-    }, {
-      title: '修改时间',
-      dataIndex: 'createTime',
-      slotName: 'createTime',
-      align: 'center',
-      width: 180,
-      render: ({ record }) => {
-        return dateFormat(new Date(record.createTime));
-      },
-    }, {
-      title: '修改人',
-      dataIndex: 'creator',
-      slotName: 'creator',
-      width: 80,
-    }, {
-      title: '操作',
-      slotName: 'handle',
-      width: 80,
-      align: 'center',
-      fixed: 'right',
-    },
-  ] as TableColumnData[];
-
   const props = defineProps({
     type: String,
     rollback: Function

orion-ops-ui/src/components/meta/history/modal/table.columns.ts

@@ -0,0 +1,49 @@
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import { dateFormat } from '@/utils';
+
+const columns = [
+  {
+    title: 'id',
+    dataIndex: 'id',
+    slotName: 'id',
+    width: 70,
+    align: 'left',
+    fixed: 'left',
+  }, {
+    title: '修改前',
+    dataIndex: 'beforeValue',
+    slotName: 'beforeValue',
+    align: 'left',
+    ellipsis: true,
+    tooltip: true,
+  }, {
+    title: '修改后',
+    dataIndex: 'afterValue',
+    slotName: 'afterValue',
+    align: 'left',
+    ellipsis: true,
+    tooltip: true,
+  }, {
+    title: '修改时间',
+    dataIndex: 'createTime',
+    slotName: 'createTime',
+    align: 'center',
+    width: 180,
+    render: ({ record }) => {
+      return dateFormat(new Date(record.createTime));
+    },
+  }, {
+    title: '修改人',
+    dataIndex: 'creator',
+    slotName: 'creator',
+    width: 80,
+  }, {
+    title: '操作',
+    slotName: 'handle',
+    width: 80,
+    align: 'center',
+    fixed: 'right',
+  },
+] as TableColumnData[];
+
+export default columns;