zhou zhou
10 小时以前 50e95b985a72fcec4a93a2470e9efdfb2620148a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import { h } from 'vue'
import { ElTag } from 'element-plus'
import ArtButtonTable from '@/components/core/forms/art-button-table/index.vue'
 
export function createOperationRecordTableColumns({ t, handleView, handleDelete }) {
  return [
    {
      prop: 'namespace',
      label: t('pages.system.operationRecord.table.namespace'),
      minWidth: 180,
      showOverflowTooltip: true
    },
    {
      prop: 'url',
      label: t('pages.system.operationRecord.table.url'),
      minWidth: 240,
      showOverflowTooltip: true,
      formatter: (row) => row.url || '-'
    },
    {
      prop: 'userLabel',
      label: t('pages.system.operationRecord.table.user'),
      minWidth: 140,
      formatter: (row) => row.userLabel || '-'
    },
    {
      prop: 'clientIp',
      label: t('pages.system.operationRecord.table.clientIp'),
      minWidth: 140,
      formatter: (row) => row.clientIp || '-'
    },
    {
      prop: 'spendTime',
      label: t('pages.system.operationRecord.table.spendTime'),
      width: 110,
      formatter: (row) => row.spendTime ?? '-'
    },
    {
      prop: 'result',
      label: t('pages.system.operationRecord.table.result'),
      width: 100,
      formatter: (row) =>
        h(ElTag, { type: row.resultType, effect: 'light' }, () =>
          row.resultTextKey ? t(row.resultTextKey) : row.resultText || '-'
        )
    },
    {
      prop: 'timestampText',
      label: t('pages.system.operationRecord.table.timestamp'),
      minWidth: 180,
      formatter: (row) => row.timestampText || '-'
    },
    {
      prop: 'operation',
      label: t('table.operation'),
      width: handleDelete ? 120 : 70,
      align: 'center',
      formatter: (row) => {
        const buttons = [
          h(ArtButtonTable, {
            type: 'view',
            onClick: () => handleView(row)
          })
        ]
 
        if (handleDelete) {
          buttons.push(
            h(ArtButtonTable, {
              type: 'delete',
              onClick: () => handleDelete(row)
            })
          )
        }
 
        return h('div', { class: 'flex justify-center' }, buttons)
      }
    }
  ]
}