From b69c1c6cff9d19d56395e16dfcd67879a748174c Mon Sep 17 00:00:00 2001
From: zhaohe <h_zhaohe@163.com>
Date: Wed, 9 Apr 2025 19:39:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=B1=80=E9=83=A8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                    | 21 ++++++++++++++++++++-
 src/components/ServiceConfiguration.vue        |  3 ++-
 src/components/ServiceConfigurationActions.vue |  7 +++++--
 src/main.js                                    | 14 +++++++++++---
 4 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index aab843e..b91faa8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,6 +15,12 @@
           @click="showMessageBoxList" placeholder="显示消息" />
       </a-layout-content>
 
+      <!-- <a-layout-content :style="{ overflow: 'auto' }">
+        <div :style="{ padding: '15px' }">
+          {{pageRefCnt}}
+        </div>
+      </a-layout-content> -->
+
       <a-layout-content :style="{ overflow: 'auto' }">
         <div :style="{ padding: '15px' }">
           <service-configuration :service-key="activeServiceKey"></service-configuration>
@@ -44,7 +50,9 @@
 
 </template>
 <script setup>
-import { onMounted, ref, h } from 'vue';
+import { onMounted, ref, h ,watch, nextTick} from 'vue';
+import { inject } from 'vue';
+
 import ApiClient from '@/utils/ApiClient';
 import ServiceConfiguration from './components/ServiceConfiguration.vue';
 import { Modal } from 'ant-design-vue';
@@ -59,6 +67,9 @@ const isSiderCollapsed = ref(false);
 const message = ref(''); // 添加一个响应式变量来存储消息
 const messageColor = ref('black'); // 添加一个响应式变量来存储消息颜色
 const messageBoxList = ref([]); // 添加一个响应式变量来存储消息列表
+const pageRefCnt = inject('pageRefCnt'); // 获取 pageRefCnt 的引用
+
+watch(() => pageRefCnt.value, onPageRefCntChange);
 
 // on mounted
 onMounted(mounted);
@@ -82,6 +93,14 @@ function actionMenuItemClick(event) {
 
 }
 
+async function onPageRefCntChange() {
+  console.log('onPageRefCntChange', pageRefCnt.value);
+  var oldServiceKey = activeServiceKey.value;
+  activeServiceKey.value = null;
+  await nextTick();
+  activeServiceKey.value = oldServiceKey;
+}
+
 // handle open change
 function handleOpenChange(keys) {
   openKeys.value = keys.length ? [keys[keys.length - 1]] : [];
diff --git a/src/components/ServiceConfiguration.vue b/src/components/ServiceConfiguration.vue
index aa02706..8d78228 100644
--- a/src/components/ServiceConfiguration.vue
+++ b/src/components/ServiceConfiguration.vue
@@ -10,7 +10,7 @@
   </div>
 </template>
 <script setup>
-import { ref, watch } from 'vue';
+import { ref, watch ,getCurrentInstance,inject } from 'vue';
 import ApiClient from '@/utils/ApiClient';
 import ServiceConfigurationParamValueEdit from './ServiceConfigurationParamValueEdit.vue'
 import ServiceConfigurationActionLog from './ServiceConfigurationActionLog.vue'
@@ -24,6 +24,7 @@ const props = defineProps({
 const params = ref([]);
 /** @var {Object} */
 const actionLog = ref(null);
+
 // watch service key
 watch(() => props.serviceKey, handleServiceKeyChange);
 
diff --git a/src/components/ServiceConfigurationActions.vue b/src/components/ServiceConfigurationActions.vue
index 38ecf21..7c3bce0 100644
--- a/src/components/ServiceConfigurationActions.vue
+++ b/src/components/ServiceConfigurationActions.vue
@@ -39,7 +39,7 @@
   </div>
 </template>
 <script setup>
-import { nextTick, ref, watch } from 'vue';
+import { nextTick, ref, watch, inject } from 'vue';
 import ApiClient from '@/utils/ApiClient';
 import ServiceConfigurationActionParamFile from './ServiceConfigurationActionParamFile.vue'
 const emits = defineEmits(['update:actionLog']);
@@ -51,6 +51,9 @@ const props = defineProps({
 const actions = ref([]);
 /** @var {Object} */
 const actionLog = ref(null);
+
+var pageRefCnt = inject('pageRefCnt'); // 获取 pageRefCnt 的引用
+
 // watch service key
 watch(() => props.serviceKey, handleServiceKeyChange);
 
@@ -106,7 +109,7 @@ async function actionServiceExecute(action) {
 
     if (action.key.indexOf('RefreshPage') !== -1) {
       await client.call('service-config/service-action-exec', params);
-      window.location.reload();
+      pageRefCnt.value++;
     } else {
       emits('update:actionLog', null);
       await nextTick();
diff --git a/src/main.js b/src/main.js
index fa8492a..5487e47 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,6 @@
 import { createApp } from 'vue'
+import { onMounted, ref, reactive,h } from 'vue';
+
 import { createWebHashHistory, createRouter } from 'vue-router'
 import App from './App.vue'
 import Antd from 'ant-design-vue';
@@ -6,15 +8,21 @@ import TestFeeder from './components/TestFeeder.vue';
 import TestTubePreProcess from './components/TestTubePreProcess.vue';
 import './style/app.css'
 
+
 const router = createRouter({
     history: createWebHashHistory(),
-    routes : [
-        {name:'feeder', path:'/feeder', component:TestFeeder},
-        {name:'tube-pre-process', path:'/tube-pre-process', component:TestTubePreProcess},
+    routes: [
+        { name: 'feeder', path: '/feeder', component: TestFeeder },
+        { name: 'tube-pre-process', path: '/tube-pre-process', component: TestTubePreProcess },
     ],
 })
 
 let app = createApp(App)
+// 创建一个全局响应式对象
+const pageRefCnt = ref(1);
+  // 使用 provide 提供全局状态
+app.provide('pageRefCnt', pageRefCnt);
+
 app.use(router);
 app.use(Antd);
 app.mount('#app')