Newer
Older
xc-business-system / src / views / resource / person / register / component / authorize.vue
<!-- 人员登记 基本信息 -->
<script name="RegisterAuthorize" lang="ts" setup>
const props = defineProps({ operation: { type: String, default: '' } })

const authorizeColumns = ref([
  { text: '授权参数', value: 'staffNo', align: 'center', width: '160' },
  { text: '授权内容', value: 'staffName', align: 'center' },
  { text: '授权日期', value: 'station', align: 'center' },
  { text: '有效日期', value: 'certificateNumber', align: 'center' },
  { text: '附件', value: 'attachment', align: 'center' },
]) // 表头

const authorizeList = ref([]) // 表格数据
// 逻辑
</script>

<template>
  <app-container>
    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
      <table-container title="授权项目信息">
        <!-- 表格区域 -->
        <normal-table id="authorizeTabel" :pagination="false" :data="authorizeList" :columns="authorizeColumns">
          <template #preColumns>
            <el-table-column label="序号" width="55" align="center">
              <template #default="scope">
                {{ scope.$index + 1 }}
              </template>
            </el-table-column>
          </template>

          <template #columns>
            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
          </template>
        </normal-table>
      </table-container>
    </el-form>
  </app-container>
</template>