邓洁 : 修改大屏样式

src/views/tunnel/index.vue

@@ -1,12 +1,7 @@
 <template>
   <div>
     <div class="box-top">
-      <div class="manage-btn">
-        <div v-for="item in btnList" :key="item.name" class="btn-box">
-          <div :style="{ backgroundImage:'url(' +getImageUrl(item.icon)+')' }"></div>
-          <div>{{ item.name }}</div>
-        </div>
-      </div>
+      <manage-btn v-model="selectIndex" @select="manageSelect"/>
       <div class="tunnel-title"></div>
       <div class="top-right">
         <div class="current-site">
@@ -15,8 +10,8 @@
         </div>
         <div class="current-user">
           上午好：<span>{{ currentUser }}</span>
-          <span>今天是: 2023年12月12日 星期三</span>
-          <div class="logout"></div>
+          <span>今天是：{{ currentDate }}</span>
+          <div class="logout" @click="handleLogout"></div>
         </div>
       </div>
     </div>
@@ -75,43 +70,32 @@ import UsedEle from "@/components/content/usedEle/UsedEle.vue";
 import WindPressureList from "@/components/content/windPressure/WindPressureList.vue";
 import AirInfo from "@/components/content/airInfo/AirInfo.vue";
 import BadGasInfo from "@/components/content/badGasInfo/BadGasInfo.vue";
+import ManageBtn from "@/components/manageBtn/index.vue";
+import {dateFormat} from "@/utils/date.js";
+import {useAuthStore} from '@/store/userstore.js'
 
+const authStore = useAuthStore()
+const router = useRouter()
+const selectIndex=ref(1)
 const drawerLeft = ref(true)
 const drawerRight = ref(true)
 const currentSite = ref('松江站')
 const currentUser = ref('admin')
-const btnList = ref([
-  {
-    icon: 'sp_icon_zdgl.png',
-    name: '站点管理'
-  },
-  {
-    icon: 'sp_icon_sdgl.png',
-    name: '隧道管理'
-  },
-  {
-    icon: 'sp_icon_yhgl.png',
-    name: '用户管理'
-  },
-  {
-    icon: 'sp_icon_xtgl.png',
-    name: '系统管理'
-  },
-  {
-    icon: 'sp_icon_mngl.png',
-    name: '模拟仿真'
-  },
-])
+const currentDate = ref(dateFormat())
 
-const getImageUrl = (name) => {
-  return new URL(`../../assets/images/topAndDown/${name}`, import.meta.url).href
-}
+const manageSelect = () => {
+  // getInfo();
+};
 const closeLeft = () => {
   drawerLeft.value = !drawerLeft.value
 }
 const closeRight = () => {
   drawerRight.value = !drawerRight.value
 }
+const handleLogout = () => {
+  authStore.userLogout()
+  router.push('/login')
+}
 </script>
 
 <style lang="scss" scoped>