fix:解决遮罩未全屏的问题

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",

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>

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" />

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

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 />

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">
         <!-- 仪表盘 -->