日常开发

package-lock.json

@@ -25,6 +25,7 @@
         "socket.io-client": "^2.5.0",
         "speak-tts": "^2.0.8",
         "swiper": "^11.1.4",
+        "vconsole": "^3.15.1",
         "vue": "^3.4.21",
         "vue-lazyload": "^3.0.0",
         "vue-router": "^4.0.13"
@@ -87,6 +88,14 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
+      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@ctrl/tinycolor": {
       "version": "3.6.1",
       "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
@@ -2155,6 +2164,27 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/copy-text-to-clipboard": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.42.0.tgz",
+      "integrity": "sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==",
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
     "node_modules/cors": {
       "version": "2.8.5",
       "resolved": "https://registry.npmmirror.com/cors/-/cors-2.8.5.tgz",
@@ -4777,6 +4807,11 @@
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
       "dev": true
     },
+    "node_modules/mutation-observer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/mutation-observer/-/mutation-observer-1.0.3.tgz",
+      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
@@ -7471,6 +7506,17 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vconsole": {
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/vconsole/-/vconsole-3.15.1.tgz",
+      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
+      "dependencies": {
+        "@babel/runtime": "^7.17.2",
+        "copy-text-to-clipboard": "^3.0.1",
+        "core-js": "^3.11.0",
+        "mutation-observer": "^1.0.3"
+      }
+    },
     "node_modules/vite": {
       "version": "5.2.12",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-5.2.12.tgz",
@@ -7948,6 +7994,11 @@
       "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.24.7.tgz",
       "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw=="
     },
+    "@babel/runtime": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
+      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q=="
+    },
     "@ctrl/tinycolor": {
       "version": "3.6.1",
       "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
@@ -9303,6 +9354,16 @@
       "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
       "dev": true
     },
+    "copy-text-to-clipboard": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q=="
+    },
+    "core-js": {
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.42.0.tgz",
+      "integrity": "sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g=="
+    },
     "cors": {
       "version": "2.8.5",
       "resolved": "https://registry.npmmirror.com/cors/-/cors-2.8.5.tgz",
@@ -11269,6 +11330,11 @@
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
       "dev": true
     },
+    "mutation-observer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/mutation-observer/-/mutation-observer-1.0.3.tgz",
+      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
+    },
     "nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
@@ -13242,6 +13308,17 @@
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
       "dev": true
     },
+    "vconsole": {
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/vconsole/-/vconsole-3.15.1.tgz",
+      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
+      "requires": {
+        "@babel/runtime": "^7.17.2",
+        "copy-text-to-clipboard": "^3.0.1",
+        "core-js": "^3.11.0",
+        "mutation-observer": "^1.0.3"
+      }
+    },
     "vite": {
       "version": "5.2.12",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-5.2.12.tgz",

package.json

@@ -29,6 +29,7 @@
     "socket.io-client": "^2.5.0",
     "speak-tts": "^2.0.8",
     "swiper": "^11.1.4",
+    "vconsole": "^3.15.1",
     "vue": "^3.4.21",
     "vue-lazyload": "^3.0.0",
     "vue-router": "^4.0.13"

src/layout/index.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script setup name="AppMain" lang="ts">
+import VConsole from 'vconsole';
 const { proxy } = getCurrentInstance() as any;
 const router = useRouter();
 const rankingWindowRef = ref();
@@ -45,7 +46,7 @@ const openRanking = () => {
   if (rankingWindowRef.value.rankingState) {
     rankingWindowRef.value.close();
   }
-  console.log("timer.value", timer.value)
+  //console.log("timer.value", timer.value)
   // 设置新的定时器
   timer.value = setTimeout(() => {
     if (!rankingWindowRef.value.rankingState) {
@@ -66,6 +67,12 @@ const getClearTimer = () => {
 onMounted(() => {
   //getCountDown();
   openRanking();
+  const vConsole = new VConsole({ theme: 'dark' });
+  const vConsoleIcon: any = document.querySelector('.vc-switch');
+  if (vConsoleIcon) {
+    vConsoleIcon.style.display = 'none';
+    localStorage.setItem('vConsole', "0");
+  }
 });
 
 onBeforeUnmount(() => {

src/views/set/index.vue

@@ -10,6 +10,14 @@
           </div>
         </div>
       </div>
+      <div class="li" @click="getConsole">
+        <div class="liBox">
+          <div class="pic"><img src="@/assets/images/common/set1.png"></div>
+          <div class="name">
+            调试开关
+          </div>
+        </div>
+      </div>
       <div class="li" @click="getLogout">
         <div class="liBox">
           <div class="pic"><img src="@/assets/images/common/set2.png"></div>
@@ -58,6 +66,21 @@ const getLogout = async () => {
   localStorage.removeItem('userInfo');
 };
 
+/**
+ * 调试
+*/
+const getConsole = () => {
+  const vConsoleIcon: any = document.querySelector('.vc-switch');
+  let vConsole = localStorage.getItem('vConsole');
+  if (vConsole == "1") {
+    localStorage.setItem('vConsole', "0");
+    vConsoleIcon.style.display = 'none';
+  } else {
+    localStorage.setItem('vConsole', "1");
+    vConsoleIcon.style.display = 'block';
+  }
+};
+
 /**
  * 返回
 */
@@ -65,7 +88,6 @@ const getGesture = () => {
   router.push({ path: '/gesture' });
 };
 
-
 /**
  * 返回
 */

src/views/sunshineRun/index.vue

@@ -291,7 +291,7 @@ const openRanking = () => {
   if (rankingWindowRef.value.rankingState) {
     rankingWindowRef.value.close();
   }
-  console.log("timer.value", timer.value)
+  //console.log("timer.value", timer.value)
   // 设置新的定时器
   timer.value = setTimeout(() => {
     if (!rankingWindowRef.value.rankingState) {