diantou/src_product/iam/audit/auditsource/km/config-center/km-business-area-manage.vue

<template>
  <a-card>
    <sd-oa-table
      ref="autobhTable"
      form-id="kmDomain"
      page-id="km/admin/kmDomain"
      :columns="columns"
      show-selection
      :actions="actions"
      :search-fields="['name']"
    >
      <template v-slot:form>
        <sd-form-item name="name" />
      </template>
    </sd-oa-table>
  </a-card>
</template>

<script>
import TableColumnTypes from '@/common/services/table-column-types'
import TableActionTypes from '@/common/services/table-action-types'
import components from './_import-components/km-business-area-manage-import'

const columns = [
  {
    title: '序号',
    align: 'center',
    width: '100px',
    customRender: (text, record, index) => `${index + 1}`,
  },
  {
    title: '业务领域',
    dataIndex: 'name',
    sdClickable: true,
  },

  {
    title: '创建时间',
    dataIndex: 'creationTime',
    sdRender: TableColumnTypes.dateTime,
    defaultSortOrder: 'desc',
    sorter: true,
  },
]

export default {
  name: 'KmBusinessAreaManage',
  metaInfo: {
    title: '业务领域维护',
  },
  components,
  data() {
    return {
      columns,
      actions: [
        {
          label: '新建',
          id: 'new',
          type: TableActionTypes.oa.create, // 新建按钮，不需要回调，自动处理
        },
        {
          label: '删除',
          id: 'delete',
          type: TableActionTypes.oa.delete,
        },
      ],
    }
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
</style>