|
@@ -0,0 +1,136 @@
|
|
|
+<template>
|
|
|
+ <div class="table_item">
|
|
|
+ <s-table ref="tableRef" :columns="columns" :data="loadData" :row-key="(record) => record.code">
|
|
|
+ <template #operator>
|
|
|
+ <div class="table-head">
|
|
|
+ <a-button type="primary">
|
|
|
+ <template #icon><plus-outlined /></template>新增
|
|
|
+ </a-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #bodyCell="{ column }">
|
|
|
+ <template v-if="column.dataIndex === 'action'">
|
|
|
+ <a-button type="link" size="small">编辑</a-button>
|
|
|
+ <a-button type="link" size="small">删除</a-button>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </s-table>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+ import tool from '@/utils/tool'
|
|
|
+ import jobApi from '@/api/dev/jobApi'
|
|
|
+ const searchFormState = ref({})
|
|
|
+ const tableRef = ref()
|
|
|
+ const columns = [
|
|
|
+ {
|
|
|
+ title: '类别编号',
|
|
|
+ dataIndex: 'code',
|
|
|
+ align: 'center',
|
|
|
+ ellipsis: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '类别名称',
|
|
|
+ dataIndex: 'name',
|
|
|
+ align: 'center',
|
|
|
+ ellipsis: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '描述',
|
|
|
+ dataIndex: 'describe',
|
|
|
+ align: 'center',
|
|
|
+ ellipsis: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '创立日期',
|
|
|
+ dataIndex: 'date',
|
|
|
+ align: 'center',
|
|
|
+ ellipsis: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '创建人',
|
|
|
+ dataIndex: 'creator',
|
|
|
+ align: 'center',
|
|
|
+ ellipsis: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ dataIndex: 'action',
|
|
|
+ align: 'center',
|
|
|
+ width: 150
|
|
|
+ }
|
|
|
+ ]
|
|
|
+
|
|
|
+ const loadData = (parameter) => {
|
|
|
+ return jobApi.jobPage(Object.assign(parameter, searchFormState.value)).then((res) => {
|
|
|
+ // return res
|
|
|
+ const obj = {
|
|
|
+ current: 1,
|
|
|
+ pages: 1,
|
|
|
+ records: [
|
|
|
+ {
|
|
|
+ code: 'Y6578945621',
|
|
|
+ name: '20241105123456',
|
|
|
+ describe: '对象类型管理描述描述描述描述描述描述描述描述描述',
|
|
|
+ date: '2024-09-28 07:03:24',
|
|
|
+ creator: 'ADMIN'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: 'Y6578945622',
|
|
|
+ name: '20241105223456',
|
|
|
+ describe: '对象类型管理描述描述描述描述描述描述描述描述描述',
|
|
|
+ date: '2024-09-28 09:21:51',
|
|
|
+ creator: 'ADMIN'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: 'Y6578945623',
|
|
|
+ name: '202411051323456',
|
|
|
+ describe: '对象类型管理描述描述描述描述描述描述描述描述描述',
|
|
|
+ date: '2024-09-28 11:06:20',
|
|
|
+ creator: 'ADMIN'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: 'Y6578945624',
|
|
|
+ name: '202411051423456',
|
|
|
+ describe: '对象类型管理描述描述描述描述描述描述描述描述描述',
|
|
|
+ date: '2024-09-28 11:54:19',
|
|
|
+ creator: 'ADMIN'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: 'Y6578945625',
|
|
|
+ name: '202411051523456',
|
|
|
+ describe: '对象类型管理描述描述描述描述描述描述描述描述描述',
|
|
|
+
|
|
|
+ date: '2024-09-28 16:17:36',
|
|
|
+ creator: 'ADMIN'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ code: 'Y6578945626',
|
|
|
+ name: '202411051463456',
|
|
|
+ describe: '对象类型管理描述描述描述描述描述描述描述描述描述',
|
|
|
+ date: '2024-09-28 19:35:58',
|
|
|
+ creator: 'ADMIN'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ size: 10,
|
|
|
+ total: 6
|
|
|
+ }
|
|
|
+ return obj
|
|
|
+ })
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+ .table_item {
|
|
|
+ padding: 15px 20px;
|
|
|
+
|
|
|
+ .table-head {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.ant-table-pagination-right) {
|
|
|
+ justify-content: center !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|