From 16bba2da3f40e11b59af72e6e0d15aaa8a3d9b22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= <baifengji@163.com>
Date: Sun, 6 Jul 2025 15:28:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3=E9=81=AE=E7=BD=A9?=
 =?UTF-8?q?=E6=9C=AA=E5=85=A8=E5=B1=8F=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json          | 18 ++++++++++++++++--
 src/app.vue                |  2 +-
 src/views/home/chart.vue   |  2 +-
 src/views/home/index.vue   |  2 +-
 src/views/liquid/index.vue |  2 +-
 src/views/seal/index.vue   |  2 +-
 6 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3b42ee6..0e4c01f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "matrix-spray-web",
-  "version": "0.0.1",
+  "version": "0.0.28",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "matrix-spray-web",
-      "version": "0.0.1",
+      "version": "0.0.28",
       "license": "ISC",
       "dependencies": {
         "@element-plus/icons-vue": "^2.3.1",
@@ -38,6 +38,8 @@
         "postcss-url": "^10.1.3",
         "postcss-viewport-units": "^0.1.6",
         "postcss-write-svg": "^3.0.1",
+        "simple-keyboard": "^3.8.64",
+        "simple-keyboard-layouts": "^3.4.102",
         "vue": "^3.5.13",
         "vue-chart-3": "^3.1.8",
         "vue-i18n": "^11.1.6",
@@ -10157,6 +10159,18 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/simple-keyboard": {
+      "version": "3.8.64",
+      "resolved": "https://registry.npmmirror.com/simple-keyboard/-/simple-keyboard-3.8.64.tgz",
+      "integrity": "sha512-1gENYBfraV0b+y9LSxmnkIS6vnQDKTUlYeH2ZqhoQcM5L953QkpcHpyS/kkYXxFpEaHPMpqomJWVqUcYiTomAQ==",
+      "license": "MIT"
+    },
+    "node_modules/simple-keyboard-layouts": {
+      "version": "3.4.102",
+      "resolved": "https://registry.npmmirror.com/simple-keyboard-layouts/-/simple-keyboard-layouts-3.4.102.tgz",
+      "integrity": "sha512-8vd2UmS/CCdfzxSqf28b1bM2CgvQhMqdJnxq2EkNCLYWbo5Pew5rWfcHQLa7moesth7Er+PF2O0fxqomphdAlA==",
+      "license": "MIT"
+    },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
diff --git a/src/app.vue b/src/app.vue
index 2ea6bb0..bdb1cf7 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -158,7 +158,7 @@ console.log(__DEVICE_TYPE__)
     </div>
   </div>
 
-  <router-view v-slot="{ Component }" class="main-content">
+  <router-view v-slot="{ Component }" v-loading.fullscreen.lock="systemStore.loading" class="main-content">
     <transition name="">
       <component :is="Component" />
     </transition>
diff --git a/src/views/home/chart.vue b/src/views/home/chart.vue
index a210014..906bc95 100644
--- a/src/views/home/chart.vue
+++ b/src/views/home/chart.vue
@@ -122,7 +122,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <main v-loading="loading" class="main-content">
+  <main class="main-content">
     <div class="line-chart-title">
       <div v-if="formulaInfo && formulaInfo.name" class="line-chart-formula">
         <HomeFormula style="background: #e0f0ff" />
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 5409e31..1bbe209 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -88,7 +88,7 @@ const deviceType = computed(() => {
 </script>
 
 <template>
-  <div v-loading="loading" class="home">
+  <div class="home">
     <div v-if="route.path === '/home'" class="home-grid-container">
       <div class="home-left" :style="styles">
         <el-card
diff --git a/src/views/liquid/index.vue b/src/views/liquid/index.vue
index 0d30a0e..f628346 100644
--- a/src/views/liquid/index.vue
+++ b/src/views/liquid/index.vue
@@ -146,7 +146,7 @@ const onStopDrainLiquid = async () => {
 </script>
 
 <template>
-  <div v-loading="loading">
+  <div>
     <main class="main-content">
       <div class="liquid-left">
         <LiquidLevel />
diff --git a/src/views/seal/index.vue b/src/views/seal/index.vue
index 1f2f957..b9a5416 100644
--- a/src/views/seal/index.vue
+++ b/src/views/seal/index.vue
@@ -95,7 +95,7 @@ function handleConfirm(value: string) {
 </script>
 
 <template>
-  <div v-loading="loading" class="dashboard-container">
+  <div class="dashboard-container">
     <main class="main-content">
       <div class="seal-left">
         <!-- 仪表盘 -->