重构

src/layout/components/Navbar.vue

@@ -22,6 +22,16 @@
         </el-tooltip>
 
       </template>
+      <div v-if="device!=='mobile'" class="site-select-wrap">
+        <zd-select
+          :get-list-by-store="true"
+          :show-label="false"
+          size="mini"
+          select-width="220px"
+          :default-site-id="$route.query.siteId"
+          @submitSite="onSiteChange"
+        />
+      </div>
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
         <div class="avatar-wrapper">
@@ -54,6 +64,7 @@ import Screenfull from '@/components/Screenfull'
 import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
 import BigDataPopup from '@/components/BigDataPopup'
+import ZdSelect from '@/components/Ems/ZdSelect/index.vue'
 
 export default {
   emits: ['setLayout'],
@@ -64,7 +75,8 @@ export default {
     Screenfull,
     SizeSelect,
     Search,
-    BigDataPopup
+    BigDataPopup,
+    ZdSelect
   },
   computed: {
     ...mapGetters([
@@ -85,6 +97,22 @@ export default {
     }
   },
   methods: {
+    onSiteChange(id) {
+      if (!id) {
+        return
+      }
+      localStorage.setItem('global_site_id', id)
+      if (id !== this.$route.query.siteId) {
+        this.$router.push({
+          path: this.$route.path,
+          query: {
+            ...this.$route.query,
+            siteId: id
+          }
+        })
+      }
+      this.$store.dispatch('getSiteAlarmNum', id)
+    },
     showBigDataImg() {
       this.$refs.bigDataPopup.show = true
     },
@@ -150,6 +178,22 @@ export default {
     height: 100%;
     line-height: 50px;
 
+    .site-select-wrap {
+      display: inline-flex;
+      align-items: center;
+      height: 100%;
+      padding: 0 10px 0 14px;
+      vertical-align: top;
+
+      ::v-deep .el-form-item__content {
+        line-height: 1;
+      }
+
+      ::v-deep .el-input__inner {
+        border-radius: 16px;
+      }
+    }
+
     .big-data-container {
       display: inline-block;
       padding: 0 8px;
@@ -215,6 +259,7 @@ export default {
         }
       }
     }
+
   }
 }
 </style>