From 02d3ab04bb55d002239923db93335e3303b94d2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Sun, 22 Jun 2025 22:20:34 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=99=E7=82=B9=E9=80=89=E6=8B=A9=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E6=A1=86=E7=9A=84=E6=95=B0=E6=8D=AE=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E3=80=81=E5=AD=98=E5=82=A8=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=EF=BC=8C=E8=A7=A3=E5=86=B3=E5=9B=A0=E4=B8=BA?=
 =?UTF-8?q?=E5=A4=9A=E5=B1=82router-view=E5=B5=8C=E5=A5=97=EF=BC=8C?=
 =?UTF-8?q?=E4=BA=8C=E7=BA=A7=E8=B7=AF=E7=94=B1=E4=BB=A5=E4=B8=8A=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=B8=8D=E4=BC=9A=E8=A2=AB=E7=BC=93=E5=AD=98=E7=9A=84?=
 =?UTF-8?q?=E8=80=8C=E5=AF=BC=E8=87=B4=E5=8D=95=E7=AB=99=E7=9B=91=E6=8E=A7?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=AB=99=E7=82=B9=E9=80=89=E6=8B=A9=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E6=A1=86=E9=97=AA=E7=83=81=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Ems/ZdSelect/index.vue | 53 ++++++++++++++++++++-------
 src/store/getters.js                  |  3 +-
 src/store/index.js                    |  4 +-
 src/store/modules/ems.js              | 12 ++++++
 src/views/ems/dzjk/index.vue          |  8 +++-
 5 files changed, 64 insertions(+), 16 deletions(-)
 create mode 100644 src/store/modules/ems.js

diff --git a/src/components/Ems/ZdSelect/index.vue b/src/components/Ems/ZdSelect/index.vue
index 57777b7..c6f2c6a 100644
--- a/src/components/Ems/ZdSelect/index.vue
+++ b/src/components/Ems/ZdSelect/index.vue
@@ -19,8 +19,14 @@
 </style>
 <script>
 import {getAllSites} from '@/api/ems/zddt'
+import {mapGetters} from "vuex"
   export default {
     props:{
+      getListByStore:{
+        type:Boolean,
+        default:false,
+        required:false
+      },
       defaultSiteId:{//默认展示的站点ID
         type:String|Number,
         default:'',
@@ -31,33 +37,54 @@ import {getAllSites} from '@/api/ems/zddt'
       return {
         id:'',
         loading:false,
-        siteList:[]
+        siteList:[],
       }
     },
+    computed:{
+      ...mapGetters(["zdList"]),
+    },
     methods:{
       onSubmit(){
         this.$emit('submitSite',this.id)
       },
       change(id){
         this.$emit('changeSite',id)
+      },
+      setDefaultSite(){
+        const defaultSite = parseInt(this.defaultSiteId)
+        if(defaultSite && this.siteList.find(item=>item.id === defaultSite)){
+          this.id = defaultSite
+        }else if(!defaultSite && this.siteList.length>0){
+          this.id = this.siteList[0].id
+        }
+        this.$emit('submitSite',this.id)
+      },
+      getList(){
+       return getAllSites().then(response => {
+          this.siteList = response.data || []
+          console.log("获取站点列表返回数据",response,this.siteList)
+          this.setDefaultSite()
+        }).finally(() => {this.loading=false})
       }
     },
     mounted(){
       this.loading=true
       this.$nextTick(()=>{
-        getAllSites().then(response => {
-          this.siteList = response.data || []
-          console.log("获取站点列表返回数据",response,this.siteList)
-          // 页面初始化 设置默认选中的站点
-          //defaultSite会传来字符串类型 getAllSites接口返回的id是number类型 两个数据的类型不匹配时下拉框的默认值会显示有问题
-          const defaultSite = parseInt(this.defaultSiteId)
-          if(defaultSite&& this.siteList.find(item=>item.id === defaultSite)){
-            this.id = defaultSite
-          }else if(!defaultSite && this.siteList.length>0){
-            this.id = this.siteList[0].id
+        if(this.getListByStore){
+          if(this.zdList.length === 0){
+            this.getList().then(()=>{
+              this.$store.commit('SET_ZD_LIST', this.siteList)
+              console.log("从store中获取站点列表数据,但是store中的zdList=[]，所以从接口获取数据",this.zdList,this.siteList)
+            })
+          }else{
+            this.siteList = this.zdList
+            this.loading=false
+            console.log("从store中获取站点列表数据",this.zdList,this.siteList)
+            this.setDefaultSite()
           }
-          this.$emit('submitSite',this.id)
-        }).finally(() => {this.loading=false})
+        }else{
+          this.getList()
+        }
       })
     }
   }
diff --git a/src/store/getters.js b/src/store/getters.js
index 3680f95..0d31fad 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -16,6 +16,7 @@ const getters = {
   permission_routes: state => state.permission.routes,
   topbarRouters: state => state.permission.topbarRouters,
   defaultRoutes: state => state.permission.defaultRoutes,
-  sidebarRouters: state => state.permission.sidebarRouters
+  sidebarRouters: state => state.permission.sidebarRouters,
+  zdList:state=>state.ems.zdList
 }
 export default getters
diff --git a/src/store/index.js b/src/store/index.js
index 97aaef8..c7be02c 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,6 +6,7 @@ import user from './modules/user'
 import tagsView from './modules/tagsView'
 import permission from './modules/permission'
 import settings from './modules/settings'
+import ems from './modules/ems'
 import getters from './getters'
 
 Vue.use(Vuex)
@@ -17,7 +18,8 @@ const store = new Vuex.Store({
     user,
     tagsView,
     permission,
-    settings
+    settings,
+    ems
   },
   getters
 })
diff --git a/src/store/modules/ems.js b/src/store/modules/ems.js
new file mode 100644
index 0000000..4d234ad
--- /dev/null
+++ b/src/store/modules/ems.js
@@ -0,0 +1,12 @@
+const ems = {
+  state: {
+    zdList:[]
+  },
+  mutations: {
+    SET_ZD_LIST(state, list) {
+      state.zdList = list || []
+    }
+  },
+}
+
+export default ems
diff --git a/src/views/ems/dzjk/index.vue b/src/views/ems/dzjk/index.vue
index ae130de..3aa3709 100644
--- a/src/views/ems/dzjk/index.vue
+++ b/src/views/ems/dzjk/index.vue
@@ -2,7 +2,7 @@
 
 <template>
   <div class="ems-dashboard-editor-container">
-  <zd-select :default-site-id="$route.query.siteId" @submitSite="submitSite"/>
+  <zd-select :get-list-by-store="true" :default-site-id="$route.query.siteId" @submitSite="submitSite"/>
 <!--  这里是单站监控的二级菜单栏 需要循环拿到数据 显示在页面上-->
     <div class="router-container">
       <div class="route-link" :class="{'active':item.name === $route.meta.activeSecondMenuName}" v-for="(item,index) in childrenRoute" :key="index+'dzjkChildrenRoute'">
@@ -42,6 +42,12 @@ export default {
       }
     }
   },
+  beforeRouteLeave(to,from, next){
+    //从单站监控下面的所有子页面跳出时会触发
+    // 清空store中的zdList 保障下次进入到单站监控会重新调用接口获取数据
+    this.$store.commit('SET_ZD_LIST',[])
+    next()
+  },
   mounted() {
     console.log('单站监控一级页面路由',this.$route)
   }