From ac4341ea6b66ae02427d39d35f41d42d78b2eb2e Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期五, 14 二月 2025 10:08:32 +0800 Subject: [PATCH] # --- zy-asrs-admin/src/views/base/locType/index.vue | 32 +++++++++++++++++++++++++++----- 1 files changed, 27 insertions(+), 5 deletions(-) diff --git a/zy-asrs-admin/src/views/base/locType/index.vue b/zy-asrs-admin/src/views/base/locType/index.vue index ea13159..ca22aa0 100644 --- a/zy-asrs-admin/src/views/base/locType/index.vue +++ b/zy-asrs-admin/src/views/base/locType/index.vue @@ -6,6 +6,7 @@ import { logout } from '@/config.js'; import EditView from './edit.vue' import { formatMessage } from '@/utils/localeUtils.js'; +import useTableSearch from '@/utils/tableUtils.jsx'; const context = getCurrentInstance()?.appContext.config.globalProperties; const router = useRouter(); @@ -16,8 +17,18 @@ const searchInput = ref("") const editChild = ref(null) +const state = reactive({ + selectedRowKeys: [], + loading: false, +}); + let tableData = ref([]); getPage(); + +const { + getColumnSearchProps, + handleResizeColumn, +} = useTableSearch(); const columns = [ { @@ -25,66 +36,77 @@ dataIndex: 'name', width: 140, ellipsis: true, + ...getColumnSearchProps('name'), }, { title: formatMessage('db.man_loc_type.flag', '搴撲綅绫诲瀷'), dataIndex: 'flag', width: 140, ellipsis: true, + ...getColumnSearchProps('flag'), }, { title: formatMessage('db.man_loc_type.contain', '鍖呭惈鍏崇郴'), dataIndex: 'contain', width: 140, ellipsis: true, + ...getColumnSearchProps('contain'), }, { title: formatMessage('db.man_loc_type.type', '绫诲瀷'), dataIndex: 'type$', width: 140, ellipsis: true, + ...getColumnSearchProps('type$'), }, { title: formatMessage('db.man_loc_type.uuid', '缂栧彿'), dataIndex: 'uuid', width: 140, ellipsis: true, + ...getColumnSearchProps('uuid'), }, { title: formatMessage('db.man_loc_type.status', '鐘舵��'), dataIndex: 'status$', width: 140, ellipsis: true, + ...getColumnSearchProps('status$'), }, { title: formatMessage('db.man_loc_type.create_time', '娣诲姞鏃堕棿'), dataIndex: 'createTime$', width: 140, ellipsis: true, + ...getColumnSearchProps('createTime$'), }, { title: formatMessage('db.man_loc_type.create_by', '娣诲姞浜哄憳'), dataIndex: 'createBy$', width: 140, ellipsis: true, + ...getColumnSearchProps('createBy$'), }, { title: formatMessage('db.man_loc_type.update_time', '淇敼鏃堕棿'), dataIndex: 'updateTime$', width: 140, ellipsis: true, + ...getColumnSearchProps('updateTime$'), }, { title: formatMessage('db.man_loc_type.update_by', '淇敼浜哄憳'), dataIndex: 'updateBy$', width: 140, ellipsis: true, + ...getColumnSearchProps('updateBy$'), }, { title: formatMessage('db.man_loc_type.memo', '澶囨敞'), dataIndex: 'memo', width: 140, ellipsis: true, + ...getColumnSearchProps('memo'), }, { @@ -96,10 +118,7 @@ }, ]; -const state = reactive({ - selectedRowKeys: [], - loading: false, -}); + const hasSelected = computed(() => state.selectedRowKeys.length > 0); const start = () => { state.loading = true; @@ -115,6 +134,7 @@ }; function getPage() { + state.loading = true; post('/api/locType/tree', { current: currentPage, pageSize: pageSize, @@ -130,6 +150,8 @@ name: '鍏ㄩ儴', children: data }]; + + state.loading = false; } else if (result.code === 401) { message.error(result.msg); logout() @@ -215,7 +237,7 @@ <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }" :data-source="tableData" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id" :pagination="{ total: tableData.total, onChange: onPageChange }" - :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns"> + :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn" :loading="state.loading"> <template #bodyCell="{ column, text, record }"> <template v-if="column.dataIndex === 'oper'"> <div style="display: flex;justify-content: space-evenly;"> -- Gitblit v1.9.1