tab

src/main.js

@@ -8,6 +8,7 @@ import {
   Picker,
   Loading,
   Field,
+  NumberKeyboard,
   Toast,
   Overlay,
 } from 'vant'
@@ -20,6 +21,7 @@ createApp(App)
   .use(Picker)
   .use(DatePicker)
   .use(Loading)
+  .use(NumberKeyboard)
   .use(TimePicker)
   .use(Field)
   .use(Overlay)

src/pages/Home.vue

@@ -27,6 +27,7 @@
       <div
         :class="activeTab == 2 ? 'tab_btn active_btn' : 'tab_btn'"
         @click="changeTab(2)"
+        v-if="!operatorStore.disinfectStatus"
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -50,6 +51,7 @@
       <div
         :class="activeTab == 3 ? 'tab_btn active_btn' : 'tab_btn'"
         @click="changeTab(3)"
+        v-if="!operatorStore.disinfectStatus"
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -73,7 +75,9 @@
       <div
         :class="activeTab == 4 ? 'tab_btn active_btn' : 'tab_btn'"
         @click="changeTab(4)"
-        v-if="userStore.loginUserPermission != 3"
+        v-if="
+          userStore.loginUserPermission != 3 && !operatorStore.disinfectStatus
+        "
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -97,7 +101,9 @@
       <div
         :class="activeTab == 5 ? 'tab_btn active_btn' : 'tab_btn'"
         @click="changeTab(5)"
-        v-if="userStore.loginUserPermission != 3"
+        v-if="
+          userStore.loginUserPermission != 3 && !operatorStore.disinfectStatus
+        "
       >
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -241,9 +247,6 @@ const onChange = a => {
 }
 
 const changeTab = index => {
-  if ([2, 3, 4, 5].includes(index) && operatorStore.disinfectStatus) {
-    return
-  }
   activeTab.value = index
   if (index == 5) {
     // getAllSetting
@@ -278,7 +281,7 @@ onBeforeUnmount(() => {
 
 const handleLogout = () => {
   webSocketStore?.sendCommandMsg(logoutJSON)
-  router.push('/login')
+  window.location.href = 'http://127.0.0.1/#/login'
 }
 </script>
 

src/router/index.js

@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 
 const Home = () => import('@/pages/Home')
 const Login = () => import('@/pages/Login')
@@ -17,7 +17,7 @@ const routes = [
 
 const router = createRouter({
   routes,
-  history: createWebHistory(),
+  history: createWebHashHistory(),
 })
 
 export default router

src/store/modules/websocket.js

@@ -49,7 +49,7 @@ export const useWebSocketStore = defineStore({
               sensor_data,
             } = state || {}
             if (!isLogin) {
-              window.location.href = '/login'
+              window.location.href = 'http://127.0.0.1/#/login'
               return
             }
             const {
@@ -198,21 +198,23 @@ export const useWebSocketStore = defineStore({
             // 对数据进行处理 并存入到localstorage中
             // console.log(moment(timeStamp).format('HH:mm:ss'))
             // console.log(localStorage)
-            saveEchartsDataToLocal(
-              moment(timeStamp).format('HH:mm'),
-              [temp_1, humid_1, h2o2_1],
-              [temp_2, humid_2, h2o2_2],
-              [temp_3, humid_3, h2o2_3],
-            )
-            echartsStore.updateBinCharts(
-              JSON.parse(localStorage.getItem('bin')),
-            )
-            echartsStore.updateEnvir1Charts(
-              JSON.parse(localStorage.getItem('envir1')),
-            )
-            echartsStore.updateEnvir2Charts(
-              JSON.parse(localStorage.getItem('envir2')),
-            )
+            if (operatorStore.disinfectStatus) {
+              saveEchartsDataToLocal(
+                moment(timeStamp).format('HH:mm'),
+                [temp_1, humid_1, h2o2_1],
+                [temp_2, humid_2, h2o2_2],
+                [temp_3, humid_3, h2o2_3],
+              )
+              echartsStore.updateBinCharts(
+                JSON.parse(localStorage.getItem('bin')),
+              )
+              echartsStore.updateEnvir1Charts(
+                JSON.parse(localStorage.getItem('envir1')),
+              )
+              echartsStore.updateEnvir2Charts(
+                JSON.parse(localStorage.getItem('envir2')),
+              )
+            }
             break
           default:
             break