From af10c85c8f71ccdf2f60989a067804dd8b3aa667 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 26 六月 2024 19:21:13 +0800
Subject: [PATCH] 产品工艺路线更新
---
src/views/demo/system/role/index.vue | 108 +++++++++++++++++++++++-------------------------------
1 files changed, 46 insertions(+), 62 deletions(-)
diff --git a/src/views/demo/system/role/index.vue b/src/views/demo/system/role/index.vue
index 775120d..08a7252 100644
--- a/src/views/demo/system/role/index.vue
+++ b/src/views/demo/system/role/index.vue
@@ -16,8 +16,7 @@
icon: 'ant-design:delete-outlined',
color: 'error',
popConfirm: {
- title: '鏄惁纭鍒犻櫎?',
- placement: 'left',
+ title: '鏄惁纭鍒犻櫎',
placement: 'left',
confirm: handleDelete.bind(null, record),
},
@@ -30,72 +29,57 @@
<RoleDrawer @register="registerDrawer" @success="handleSuccess" />
</div>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
+<script lang="ts" setup>
+ import { BasicTable, useTable, TableAction } from '@/components/Table';
+ import { getRoleListByPage } from '@/api/demo/system';
- import { BasicTable, useTable, TableAction } from '/@/components/Table';
- import { getRoleListByPage } from '/@/api/demo/system';
-
- import { useDrawer } from '/@/components/Drawer';
+ import { useDrawer } from '@/components/Drawer';
import RoleDrawer from './RoleDrawer.vue';
import { columns, searchFormSchema } from './role.data';
- export default defineComponent({
- name: 'RoleManagement',
- components: { BasicTable, RoleDrawer, TableAction },
- setup() {
- const [registerDrawer, { openDrawer }] = useDrawer();
- const [registerTable, { reload }] = useTable({
- title: '瑙掕壊鍒楄〃',
- api: getRoleListByPage,
- columns,
- formConfig: {
- labelWidth: 120,
- schemas: searchFormSchema,
- },
- useSearchForm: true,
- showTableSetting: true,
- bordered: true,
- showIndexColumn: false,
- actionColumn: {
- width: 80,
- title: '鎿嶄綔',
- dataIndex: 'action',
- // slots: { customRender: 'action' },
- fixed: undefined,
- },
- });
+ defineOptions({ name: 'RoleManagement' });
- function handleCreate() {
- openDrawer(true, {
- isUpdate: false,
- });
- }
-
- function handleEdit(record: Recordable) {
- openDrawer(true, {
- record,
- isUpdate: true,
- });
- }
-
- function handleDelete(record: Recordable) {
- console.log(record);
- }
-
- function handleSuccess() {
- reload();
- }
-
- return {
- registerTable,
- registerDrawer,
- handleCreate,
- handleEdit,
- handleDelete,
- handleSuccess,
- };
+ const [registerDrawer, { openDrawer }] = useDrawer();
+ const [registerTable, { reload }] = useTable({
+ title: '瑙掕壊鍒楄〃',
+ api: getRoleListByPage,
+ columns,
+ formConfig: {
+ labelWidth: 120,
+ schemas: searchFormSchema,
+ },
+ useSearchForm: true,
+ showTableSetting: true,
+ bordered: true,
+ showIndexColumn: false,
+ actionColumn: {
+ width: 80,
+ title: '鎿嶄綔',
+ dataIndex: 'action',
+ // slots: { customRender: 'action' },
+ fixed: undefined,
},
});
+
+ function handleCreate() {
+ openDrawer(true, {
+ isUpdate: false,
+ });
+ }
+
+ function handleEdit(record: Recordable) {
+ openDrawer(true, {
+ record,
+ isUpdate: true,
+ });
+ }
+
+ function handleDelete(record: Recordable) {
+ console.log(record);
+ }
+
+ function handleSuccess() {
+ reload();
+ }
</script>
--
Gitblit v1.9.3