perf: 优化页面

sample-form-client-ui/admin/src/components/Header.vue

@@ -26,19 +26,53 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
 export default {
   data() {
-    return {};
+    return {
+      timeOut: null,
+      defaultTimes: 300,
+      times: 0,
+    };
   },
-  computed: {
-    ...mapGetters(["times"]),
+
+  created() {
+    this.isTimeOut();
   },
-  created() {},
   methods: {
     handleBack() {
       this.$router.back();
     },
+    // 返回首页
+    startTimer() {
+      clearInterval(this.timeOut);
+      this.times = this.defaultTimes;
+      this.timeOut = setInterval(() => {
+        if (this.times == 0) {
+          this.$router.push({ path: "/" });
+        }
+        this.times -= 1;
+      }, 1000);
+    },
+    // 无任何操作返回首页
+    isTimeOut() {
+      if (this.$route.path == "/" || this.$route.path == "/home") {
+        return;
+      }
+      this.startTimer();
+      document.body.addEventListener("mousemove", this.startTimer);
+      document.body.addEventListener("mouseup", this.startTimer);
+      document.body.addEventListener("keyup", this.startTimer);
+      document.body.addEventListener("click", this.startTimer);
+      document.body.addEventListener("touchend", this.startTimer);
+    },
+  },
+  beforeDestroy() {
+    document.body.removeEventListener("mousemove", this.startTimer);
+    document.body.removeEventListener("mouseup", this.startTimer);
+    document.body.removeEventListener("keyup", this.startTimer);
+    document.body.removeEventListener("click", this.startTimer);
+    document.body.removeEventListener("touchend", this.startTimer);
+    this.timeOut && clearInterval(this.timeOut);
   },
 };
 </script>

sample-form-client-ui/admin/src/pages/layouts/Layouts.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { mapMutations, mapGetters } from "vuex";
+// import { mapMutations, mapGetters } from "vuex";
 export default {
   data() {
     return {
@@ -13,45 +13,45 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(["times"]),
+    // ...mapGetters(["times"]),
   },
   created() {
-    this.isTimeOut();
+    // this.isTimeOut();
   },
   methods: {
-    ...mapMutations(["SET_times"]),
+    // ...mapMutations(["SET_times"]),
     // 返回首页
-    startTimer() {
-      clearInterval(this.timeOut);
-      this.SET_times(this.defaultTimes);
-      this.timeOut = setInterval(() => {
-        if (this.times == 0) {
-          this.$router.push({ path: "/" });
-        }
-        this.SET_times(this.times - 1);
-      }, 1000);
-    },
-    // 无任何操作返回首页
-    isTimeOut() {
-      if (this.$route.path == "/" || this.$route.path == "/home") {
-        return;
-      }
-      this.startTimer();
-      document.body.addEventListener("mousemove", this.startTimer);
-      document.body.addEventListener("mouseup", this.startTimer);
-      document.body.addEventListener("keyup", this.startTimer);
-      document.body.addEventListener("click", this.startTimer);
-      document.body.addEventListener("touchend", this.startTimer);
-    },
-  },
-  beforeDestroy() {
-    document.body.removeEventListener("mousemove", this.startTimer);
-    document.body.removeEventListener("mouseup", this.startTimer);
-    document.body.removeEventListener("keyup", this.startTimer);
-    document.body.removeEventListener("click", this.startTimer);
-    document.body.removeEventListener("touchend", this.startTimer);
-    clearInterval(this.timeOut);
+    // startTimer() {
+    //   clearInterval(this.timeOut);
+    //   this.SET_times(this.defaultTimes);
+    //   this.timeOut = setInterval(() => {
+    //     if (this.times == 0) {
+    //       this.$router.push({ path: "/" });
+    //     }
+    //     this.SET_times(this.times - 1);
+    //   }, 1000);
+    // },
+    // // 无任何操作返回首页
+    // isTimeOut() {
+    //   if (this.$route.path == "/" || this.$route.path == "/home") {
+    //     return;
+    //   }
+    //   this.startTimer();
+    //   document.body.addEventListener("mousemove", this.startTimer);
+    //   document.body.addEventListener("mouseup", this.startTimer);
+    //   document.body.addEventListener("keyup", this.startTimer);
+    //   document.body.addEventListener("click", this.startTimer);
+    //   document.body.addEventListener("touchend", this.startTimer);
+    // },
   },
+  // beforeDestroy() {
+  //   document.body.removeEventListener("mousemove", this.startTimer);
+  //   document.body.removeEventListener("mouseup", this.startTimer);
+  //   document.body.removeEventListener("keyup", this.startTimer);
+  //   document.body.removeEventListener("click", this.startTimer);
+  //   document.body.removeEventListener("touchend", this.startTimer);
+  //   clearInterval(this.timeOut);
+  // },
 };
 </script>