fix:软件管理安装和卸载后，首页服务列表显示不正确的问题

Author: xianyunleo

src/renderer/store/index.js

@@ -1,7 +1,5 @@
 import { defineStore } from 'pinia'
 import Software from '@/main/core/software/Software'
-import { enumGetName } from '@/shared/utils/utils'
-import { EnumSoftwareType } from '@/shared/utils/enum'
 import Settings from '@/main/Settings'
 import MessageBox from '@/renderer/utils/MessageBox'
 import { t } from '@/renderer/utils/i18n'
@@ -14,7 +12,6 @@ export const useMainStore = defineStore('main', {
     state: () => {
         return {
             softwareList: [], //软件列表
-            serverList: [], //已安装的server软件列表
             softwareTypeSelected: '',
             loading: false,
             loadingTip: 'Loading',
@@ -36,16 +33,6 @@ export const useMainStore = defineStore('main', {
                 return { ...item, Installed }
             }))
         },
-        /**
-         * 软刷新，已安装的server软件列表
-         * @returns {Promise<array>}
-         */
-        async refreshServerList() {
-            const phpTypeName = enumGetName(EnumSoftwareType, EnumSoftwareType.PHP)
-            const serverTypeName = enumGetName(EnumSoftwareType, EnumSoftwareType.Server)
-            const typeArr = [phpTypeName, serverTypeName]
-            this.serverList = this.softwareList.filter(item => item.Installed && typeArr.includes(item.Type))
-        },
         async setSettings(key, callback = null) {
             const originVal = Settings.get(key)
             try {

src/renderer/views/Home.vue

@@ -80,9 +80,8 @@
 </template>
 
 <script setup>
-var timestamp = new Date().getTime()
-
-import { inject, onMounted, ref, watch } from 'vue'
+import { EnumSoftwareType } from '@/shared/utils/enum'
+import { inject, onMounted, ref, watch} from 'vue'
 import { useMainStore } from '@/renderer/store'
 import GetPath from '@/shared/utils/GetPath'
 import GetAppPath from '@/main/utils/GetAppPath'
@@ -92,7 +91,7 @@ import MessageBox from '@/renderer/utils/MessageBox'
 import { storeToRefs } from 'pinia/dist/pinia'
 import { APP_NAME } from '@/shared/utils/constant'
 import Native from '@/main/utils/Native'
-import { sleep } from '@/shared/utils/utils'
+import { enumGetName, sleep } from '@/shared/utils/utils'
 import Path from '@/main/utils/Path'
 import ProcessExtend from '@/main/utils/ProcessExtend'
 import Settings from '@/main/Settings'
@@ -102,6 +101,8 @@ import { isWindows } from '@/main/utils/utils'
 import { createAsyncComponent } from '@/renderer/utils/utils'
 import { mt, t } from '@/renderer/utils/i18n'
 
+var timestamp = new Date().getTime()
+
 const serverTableLoading = ref(false)
 const { serverReactive } = inject('GlobalProvide')
 serverReactive.restartFn = restartFn
@@ -133,16 +134,20 @@ const columns = [
   }
 ]
 
+const serverList = ref([])
 const store = useMainStore()
-const { softwareList, serverList, afterOpenAppStartServerMark } = storeToRefs(store)
+const { softwareList, afterOpenAppStartServerMark } = storeToRefs(store)
+
+watch(softwareList, () => {
+  serverList.value = getServerList()
+}, { immediate: true, deep: 2 })
+
 onMounted(async () => {
   var timestamp2 = new Date().getTime()
   console.log('home onMounted', timestamp2 - timestamp)
 
-  if (softwareList?.value?.length > 0) await store.refreshServerList()
   if (serverList?.value?.length > 0) {
     serverTableLoading.value = { tip: `${t('RefreshingServer')}...` }
-    console.log('softwareList', softwareList)
     await initServerListStatus()
     serverTableLoading.value = false
   }
@@ -153,6 +158,14 @@ onMounted(async () => {
   }
 })
 
+function getServerList() {
+  const phpTypeName = enumGetName(EnumSoftwareType, EnumSoftwareType.PHP)
+  const serverTypeName = enumGetName(EnumSoftwareType, EnumSoftwareType.Server)
+  const typeArr = [phpTypeName, serverTypeName]
+
+  return softwareList.value.filter(item => typeArr.includes(item.Type) && item.Installed)
+}
+
 const getProcessList = async () => {
   let list
   const options = { directory: GetPath.getSoftwareDir() }