更新体育中心总后台端

src/views/booking/school/index.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { createVNode, ref } from 'vue';
+  import { createVNode, ref, watch } from 'vue';
   import { message, Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
   import type { EleProTable } from 'ele-admin-pro';
@@ -64,9 +64,15 @@
   } from 'ele-admin-pro/es/ele-pro-table/types';
   import Search from './components/search.vue';
   import MerchantEdit from './components/merchantEdit.vue';
-  import { pageMerchant, removeMerchant, removeBatchMerchant } from '@/api/shop/merchant';
+  import {
+    pageMerchant,
+    removeMerchant,
+    removeBatchMerchant
+  } from '@/api/shop/merchant';
   import type { Merchant, MerchantParam } from '@/api/shop/merchant/model';
-  import {openNew, openPreview} from "@/utils/common";
+  import { openNew } from '@/utils/common';
+  import { useRouter } from 'vue-router';
+  const { currentRoute } = useRouter();
 
   // 表格实例
   const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
@@ -110,13 +116,13 @@
       width: 90
     },
     {
-      title: '校区名称',
+      title: '场馆名称',
       dataIndex: 'merchantName',
       key: 'merchantName',
       align: 'center'
     },
     {
-      title: '校区图标',
+      title: '场馆图标',
       dataIndex: 'image',
       key: 'image',
       align: 'center'
@@ -229,11 +235,6 @@
     });
   };
 
-  /* 查询 */
-  const query = () => {
-    loading.value = true;
-  };
-
   /* 自定义行属性 */
   const customRow = (record: Merchant) => {
     return {
@@ -247,7 +248,14 @@
       }
     };
   };
-  query();
+
+  watch(
+    currentRoute,
+    () => {
+      reload();
+    },
+    { immediate: true }
+  );
 </script>
 
 <script lang="ts">