refactor: operatelog

yudao-ui-admin-vue3/src/views/system/operatelog/operatelog.data.ts

@@ -1,113 +1,84 @@
 import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
-import { useI18n } from '@/hooks/web/useI18n'
-import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
-const { t } = useI18n() // 国际化
-const crudSchemas = reactive<CrudSchema[]>([
-  {
-    label: t('common.index'),
-    field: 'id',
-    type: 'index',
-    form: {
-      show: false
-    }
-  },
-  {
-    label: '操作模块',
-    field: 'module',
-    search: {
-      show: true
-    }
-  },
-  {
-    label: '操作名',
-    field: 'name'
-  },
-  {
-    label: '操作类型',
-    field: 'type',
-    dictType: DICT_TYPE.SYSTEM_OPERATE_TYPE,
-    search: {
-      show: true
-    }
-  },
-  {
-    label: '请求方法名',
-    field: 'requestMethod'
-  },
-  {
-    label: '请求地址',
-    field: 'requestUrl'
-  },
-  {
-    label: '操作人员',
-    field: 'userNickname',
-    search: {
-      show: true
-    }
-  },
-  {
-    label: '操作明细',
-    field: 'content',
-    table: {
-      show: false
-    }
-  },
-  {
-    label: '用户 IP',
-    field: 'userIp',
-    table: {
-      show: false
-    }
-  },
-  {
-    label: 'userAgent',
-    field: 'userAgent'
-  },
-  {
-    label: '操作结果',
-    field: 'resultCode',
-    search: {
-      show: true,
-      component: 'Select',
-      componentProps: {
-        options: [
-          { label: '成功', value: true },
-          { label: '失败', value: false }
-        ]
+import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
+
+const crudSchemas = reactive<VxeCrudSchema>({
+  primaryKey: 'id',
+  primaryType: 'seq',
+  action: true,
+  actionWidth: '80px',
+  columns: [
+    {
+      title: '操作模块',
+      field: 'module',
+      isSearch: true
+    },
+    {
+      title: '操作名',
+      field: 'name'
+    },
+    {
+      title: '操作类型',
+      field: 'type',
+      dictType: DICT_TYPE.SYSTEM_OPERATE_TYPE,
+      isSearch: true
+    },
+    {
+      title: '请求方法名',
+      field: 'requestMethod'
+    },
+    {
+      title: '请求地址',
+      field: 'requestUrl'
+    },
+    {
+      title: '操作人员',
+      field: 'userNickname',
+      isSearch: true
+    },
+    {
+      title: '操作明细',
+      field: 'content',
+      isTable: false
+    },
+    {
+      title: '用户 IP',
+      field: 'userIp',
+      isTable: false
+    },
+    {
+      title: 'userAgent',
+      field: 'userAgent'
+    },
+    {
+      title: '操作结果',
+      field: 'resultCode',
+      table: {
+        slots: {
+          default: 'resultCode'
+        }
+      }
+    },
+    {
+      title: '操作日期',
+      field: 'startTime',
+      formatter: 'formatDate',
+      isForm: false,
+      search: {
+        itemRender: {
+          name: 'XDataTimePicker'
+        }
+      }
+    },
+    {
+      title: '执行时长',
+      field: 'duration',
+      table: {
+        slots: {
+          default: 'duration'
+        }
       }
     }
-  },
-  {
-    label: '操作日期',
-    field: 'startTime',
-    form: {
-      show: false
-    },
-    search: {
-      show: true,
-      component: 'DatePicker',
-      componentProps: {
-        type: 'daterange',
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
-        defaultTime: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]
-      }
-    }
-  },
-  {
-    label: '执行时长',
-    field: 'duration'
-  },
-  {
-    label: t('table.action'),
-    field: 'action',
-    width: '120px',
-    form: {
-      show: false
-    },
-    detail: {
-      show: false
-    }
-  }
-])
-export const { allSchemas } = useCrudSchemas(crudSchemas)
+  ]
+})
+export const { allSchemas } = useVxeCrudSchemas(crudSchemas)