<template>
  <a-card>
    <sd-oa-table
      ref="autobhTable"
      form-id="kmKmapTemplate"
      page-id="kmap/kmKmapTemplate/kmKmapTemplate"
      :columns="columns"
      show-selection
      :modal-props="{ width: 1000 }"
      :actions="actions"
      :search-fields="['name']"
    >
      <template v-slot:form="{ model }">
        <sd-form-item name="name" />
        <sd-form-item name="state" />
        <km-js-mind ref="jsmind" v-model="model.mapTemplate" :read-only="false" />
      </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-kmap-template-manage-import'

const columns = [
  {
    title: '标签名称',
    dataIndex: 'name',
    sdClickable: true,
  },
  {
    title: '是否启用',
    dataIndex: 'state',
    sdRender: TableColumnTypes.oa.switch,
  },
  {
    title: '创建时间',
    dataIndex: 'creationTime',
    defaultSortOrder: 'desc',
    sdRender: TableColumnTypes.dateTime,
    sorter: true,
  },
]

export default {
  name: 'KmKmapTemplateManage',
  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>
