From ac45194a5ff830a0f355a76a202e1d4f1d15a35b Mon Sep 17 00:00:00 2001
From: Junjie <540245094@qq.com>
Date: 星期四, 26 九月 2024 13:07:15 +0800
Subject: [PATCH] #

---
 zy-asrs-admin/src/views/base/operationPort/index.vue |  113 +++++++++++++++++++++++++++++---------------------------
 1 files changed, 59 insertions(+), 54 deletions(-)

diff --git a/zy-asrs-admin/src/views/base/operationPort/index.vue b/zy-asrs-admin/src/views/base/operationPort/index.vue
index 28d8df2..91222c5 100644
--- a/zy-asrs-admin/src/views/base/operationPort/index.vue
+++ b/zy-asrs-admin/src/views/base/operationPort/index.vue
@@ -17,6 +17,11 @@
 const searchInput = ref("")
 const editChild = ref(null)
 
+const state = reactive({
+  selectedRowKeys: [],
+  loading: false,
+});
+
 let tableData = ref([]);
 getPage();
 
@@ -26,55 +31,55 @@
 } = useTableSearch();
 
 const columns = [
-        {
-            title: formatMessage('db.man_operation_port.flag', '浣滀笟鍙�'),
-            dataIndex: 'flag',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('flag'),
-        },
-        {
-            title: formatMessage('db.man_operation_port.status', '鐘舵��'),
-            dataIndex: 'status$',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('status$'),
-        },
-        {
-            title: formatMessage('db.man_operation_port.create_time', '娣诲姞鏃堕棿'),
-            dataIndex: 'createTime$',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('createTime$'),
-        },
-        {
-            title: formatMessage('db.man_operation_port.create_by', '娣诲姞浜哄憳'),
-            dataIndex: 'createBy$',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('createBy$'),
-        },
-        {
-            title: formatMessage('db.man_operation_port.update_time', '淇敼鏃堕棿'),
-            dataIndex: 'updateTime$',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('updateTime$'),
-        },
-        {
-            title: formatMessage('db.man_operation_port.update_by', '淇敼浜哄憳'),
-            dataIndex: 'updateBy$',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('updateBy$'),
-        },
-        {
-            title: formatMessage('db.man_operation_port.memo', '澶囨敞'),
-            dataIndex: 'memo',
-            width: 140,
-            ellipsis: true,
-            ...getColumnSearchProps('memo'),
-        },
+  {
+    title: formatMessage('db.man_operation_port.flag', '浣滀笟鍙�'),
+    dataIndex: 'flag',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('flag'),
+  },
+  {
+    title: formatMessage('db.man_operation_port.status', '鐘舵��'),
+    dataIndex: 'status$',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('status$'),
+  },
+  {
+    title: formatMessage('db.man_operation_port.create_time', '娣诲姞鏃堕棿'),
+    dataIndex: 'createTime$',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('createTime$'),
+  },
+  {
+    title: formatMessage('db.man_operation_port.create_by', '娣诲姞浜哄憳'),
+    dataIndex: 'createBy$',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('createBy$'),
+  },
+  {
+    title: formatMessage('db.man_operation_port.update_time', '淇敼鏃堕棿'),
+    dataIndex: 'updateTime$',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('updateTime$'),
+  },
+  {
+    title: formatMessage('db.man_operation_port.update_by', '淇敼浜哄憳'),
+    dataIndex: 'updateBy$',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('updateBy$'),
+  },
+  {
+    title: formatMessage('db.man_operation_port.memo', '澶囨敞'),
+    dataIndex: 'memo',
+    width: 140,
+    ellipsis: true,
+    ...getColumnSearchProps('memo'),
+  },
 
   {
     title: formatMessage('common.operation', '鎿嶄綔'),
@@ -86,10 +91,7 @@
   },
 ];
 
-const state = reactive({
-  selectedRowKeys: [],
-  loading: false,
-});
+
 const hasSelected = computed(() => state.selectedRowKeys.length > 0);
 const start = () => {
   state.loading = true;
@@ -105,6 +107,7 @@
 };
 
 function getPage() {
+  state.loading = true;
   post('/api/operationPort/page', {
     current: currentPage,
     pageSize: pageSize,
@@ -114,6 +117,8 @@
     if (result.code == 200) {
       let data = result.data;
       tableData.value = data;
+
+      state.loading = false;
     } else if (result.code === 401) {
       message.error(result.msg);
       logout()
@@ -199,7 +204,7 @@
     <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
       :data-source="tableData.records" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
       :pagination="{ total: tableData.total, onChange: onPageChange }"
-      :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn">
+      :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