perf: 优化

sample-form-client-ui/admin/src/App.vue

@@ -219,7 +219,7 @@ export default {
   background: url("./assets/img/reg-bg.jpg") no-repeat;
 }
 .main-ksck-img {
-  background: url("./assets/img/btn_kuaisu.png") no-repeat;
+  background: url("./assets/img/reg-quickbg.png") no-repeat;
 }
 //内页标题背景
 .main-title-bg-img {

sample-form-client-ui/admin/src/pages/home/Home.vue

@@ -162,8 +162,8 @@
       </div>
       <div class="right flex flexc">
         <div class="right-top">
-          <router-link
-            to="/matterList"
+          <div
+            class="top_img_box main-ksck-img"
             v-onEvent="{
               eventName: '点击',
               eventCode: 'Click',
@@ -171,15 +171,14 @@
               businessName: '快速查看',
               routers: $route,
             }"
+            @click="$router.push('/matterList')"
           >
-            <div class="top_img_box">
             <div class="top_img_text_box">
               <h3 class="text_box_title">快速查看</h3>
               <p class="text_box_desc">多种样表快捷查看</p>
             </div>
-              <img src="../../assets/img/reg-quickbg.png" alt="" />
+            <!-- <img src="../../assets/img/reg-quickbg.png" alt="" /> -->
           </div>
-          </router-link>
         </div>
         <!-- 热门事项 -->
         <div class="right-bottom flex flexc">
@@ -634,6 +633,9 @@ export default {
       padding-bottom: 20px;
 
       .top_img_box {
+        width: 100%;
+        height: 160px;
+        cursor: pointer;
         position: relative;
         .top_img_text_box {
           position: absolute;

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

@@ -8,14 +8,16 @@
 import { mapMutations, mapGetters } from "vuex";
 export default {
   data() {
-    return {};
-  },
-  computed: {
-    ...mapGetters(["times", "defaultTimes"]),
+    return {
+      defaultTimes: 300,
+    };
   },
   created() {
     this.isTimeOut();
   },
+  computed: {
+    ...mapGetters(["times"]),
+  },
   methods: {
     ...mapMutations(["SET_times"]),
     // 返回首页

sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue

@@ -26,7 +26,9 @@
         :key="v.id"
         v-show="active === i"
       >
-        <div class="short">{{ v.materialName }}</div>
+        <div class="short">
+          {{ v.materialName }}
+        </div>
         <div class="full-name">材料全称：{{ v.materiaFullName }}</div>
         <div
           class="preview-img-box flex aic jcc"
@@ -453,10 +455,12 @@ export default {
     // }
   }
   .short {
+    text-align: center;
     font-size: 34px;
     color: var(--main-theme-color);
   }
   .full-name {
+    text-align: center;
     margin-top: 10px;
     margin-bottom: 24px;
     font-size: 30px;

sample-form-client-ui/admin/src/store/index.js

 import Vue from "vue";
 import Vuex from "vuex";
-import createPersistedState from "vuex-persistedstate";
-import SecureLS from "secure-ls";
-var ls = new SecureLS({ isCompression: false });
+// import createPersistedState from "vuex-persistedstate";
+// import SecureLS from "secure-ls";
+// var ls = new SecureLS({ isCompression: false });
 Vue.use(Vuex);
 
 export default new Vuex.Store({
@@ -56,17 +56,17 @@ export default new Vuex.Store({
   actions: {},
   modules: {},
   // 持久化插件
-  plugins: [
+  // plugins: [
+  //   // createPersistedState({
+  //   //   storage: window.sessionStorage,
+  //   // }),
   //   createPersistedState({
-    //   storage: window.sessionStorage,
+  //     key: "info",
+  //     storage: {
+  //       getItem: (key) => ls.get(key),
+  //       setItem: (key, value) => ls.set(key, value),
+  //       removeItem: (key) => ls.remove(key),
+  //     },
   //   }),
-    createPersistedState({
-      key: "info",
-      storage: {
-        getItem: (key) => ls.get(key),
-        setItem: (key, value) => ls.set(key, value),
-        removeItem: (key) => ls.remove(key),
-      },
-    }),
-  ],
+  // ],
 });