<script lang="ts" setup>
import { ref } from 'vue'
import { BasicModal, useModalInner } from '@/components/Modal'
import { Description } from '@/components/Description'
import type { DescItem } from '@/components/Description'
import type { SystemPost } from '@/api/system/post/types'

defineOptions({ name: 'DetailModal' })

const baseDetail = ref({})
const [registerModal] = useModalInner(async (data: SystemPost) => {
  baseDetail.value = data
})

const baseSchema: DescItem[] = [
  {
    field: 'tenantName',
    label: '所属租户',
    span: 24,
  },
  {
    field: 'categoryName',
    label: '岗位类型',
  },
  {
    field: 'postCode',
    label: '岗位编号',
  },
  {
    field: 'postName',
    label: '岗位名称',
  },
  {
    field: 'sort',
    label: '岗位排序',
  },
  {
    field: 'remark',
    label: '岗位描述',
  },
]
</script>

<template>
  <BasicModal
    width="900px"
    title="查看"
    :show-cancel-btn="false"
    :show-ok-btn="false"
    @register="registerModal"
  >
    <Description :data="baseDetail" :schema="baseSchema" :column="2" />
  </BasicModal>
</template>
