From d3fbd83787573e9e67067b7b65ae9d5ce8ecb0b8 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期二, 16 八月 2022 10:03:20 +0800
Subject: [PATCH] 添加统计分析大屏

---
 src/components/IndexHeader.vue |  122 +++++++++++++++++-----------------------
 1 files changed, 53 insertions(+), 69 deletions(-)

diff --git a/src/components/IndexHeader.vue b/src/components/IndexHeader.vue
index 084bbf3..65a8d61 100644
--- a/src/components/IndexHeader.vue
+++ b/src/components/IndexHeader.vue
@@ -10,6 +10,8 @@
         <div class="label" @click="$router.push('/')">棣栭〉</div>
         <!-- <div class="label">浜戞湇鍔�</div> -->
         <div class="label" @click="$router.push('/manageCenter')">绠＄悊涓績</div>
+        <div class="label" @click="$router.push('/dataView')">鏁版嵁鍒嗘瀽</div>
+        <!-- <div class="label" @click="dataView">鏁版嵁鍒嗘瀽</div> -->
         <div class="label" @click="$router.push('/product')">搴旂敤鍟嗗煄</div>
       </div>
 
@@ -23,28 +25,16 @@
         >
           <div class="iconList" slot="suffix">
             <i class="search iconfont" v-if="!isShow">&#xe607;</i>
-            <i class="search iconfont" @click="search" v-if="isShow"
-              >&#xe607;</i
-            >
-            <i class="del iconfont" v-if="isShow" @click="showInputBox(false)"
-              >&#xe60f;</i
-            >
+            <i class="search iconfont" @click="search" v-if="isShow">&#xe607;</i>
+            <i class="del iconfont" v-if="isShow" @click="showInputBox(false)">&#xe60f;</i>
           </div>
         </el-input>
 
         <!-- 鏈櫥褰曟儏鍐� -->
-        <div
-          class="headerLogin"
-          v-if="!userInfo"
-          @click="$router.push('/login')"
-        >
+        <div class="headerLogin" v-if="!userInfo" @click="$router.push('/login')">
           鐧诲綍
         </div>
-        <div
-          class="register"
-          v-if="!userInfo"
-          @click="$router.push('/register')"
-        >
+        <div class="register" v-if="!userInfo" @click="$router.push('/register')">
           鍏嶈垂娉ㄥ唽
         </div>
 
@@ -62,12 +52,7 @@
     </div>
 
     <!-- 鐢ㄦ埛涓嬫媺妗� -->
-    <div
-      class="userBox"
-      v-if="userInfo && isShowUserBox"
-      @mouseenter="showUserBox"
-      @mouseleave="hiddenUserBox"
-    >
+    <div class="userBox" v-if="userInfo && isShowUserBox" @mouseenter="showUserBox" @mouseleave="hiddenUserBox">
       <div class="userName">{{ userInfo.username }}</div>
       <ul>
         <!--   <li class="money">
@@ -83,9 +68,7 @@
             <router-link to="/personalCenter">涓汉涓績</router-link>
           </div>
 
-          <div class="content">
-            <span class="iconfont">&#xe605;</span> 宸插疄鍚嶈璇�
-          </div>
+          <div class="content"><span class="iconfont">&#xe605;</span> 宸插疄鍚嶈璇�</div>
         </li>
 
         <li>
@@ -118,12 +101,7 @@
       <div class="hotKey">
         <div class="title">鐑棬鎼滅储</div>
         <ul class="keyCard">
-          <li
-            class="keyItem"
-            @click="jumpToSearch(item)"
-            v-for="(item, index) in hotKeyArr"
-            :key="index"
-          >
+          <li class="keyItem" @click="jumpToSearch(item)" v-for="(item, index) in hotKeyArr" :key="index">
             {{ item }}
           </li>
         </ul>
@@ -150,19 +128,19 @@
 </template>
 
 <script>
-import { logout } from "@/api/login";
+import { logout } from "@/api/login"
 
 export default {
   props: {
     opacity: {
       type: Boolean,
-      default: true,
-    },
+      default: true
+    }
   },
   name: "Header",
   created() {
     //灏濊瘯浠巗ession涓嬁鐢ㄦ埛淇℃伅
-    this.userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+    this.userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
     /*  document.addEventListener("click", () => {
       this.showUserBox = false;
     }); */
@@ -176,82 +154,88 @@
       isShowBox: false, //杈撳叆涓嬫媺妗�
       userInfo: null, //鐢ㄦ埛淇℃伅
       isShowUserBox: false, //鐢ㄦ埛淇℃伅寮瑰眰
-      UserTimer: null, // 鎺у埗寮瑰眰鐨勫畾鏃跺櫒
-    };
+      UserTimer: null // 鎺у埗寮瑰眰鐨勫畾鏃跺櫒
+    }
   },
   methods: {
+    dataView() {
+      const { href } = this.$router.resolve({
+        path: "/dataView"
+      })
+      window.open(href, "_blank")
+    },
     // 鎺у埗杈撳叆妗哹ox
     showInputBox(toggle) {
-      this.isShow = toggle;
-      this.isShowBox = toggle;
-      this.keyWord = "";
-      this.$emit("showInputBox", toggle);
+      this.isShow = toggle
+      this.isShowBox = toggle
+      this.keyWord = ""
+      this.$emit("showInputBox", toggle)
     },
 
     //鎺у埗鐢ㄦ埛淇℃伅box
     showUserBox() {
       if (this.UserTimer) {
-        clearTimeout(this.UserTimer);
-        this.UserTimer = null;
+        clearTimeout(this.UserTimer)
+        this.UserTimer = null
       }
-      this.isShowUserBox = true;
+      this.isShowUserBox = true
     },
     hiddenUserBox() {
-      const _this = this;
+      const _this = this
       this.UserTimer = setTimeout(() => {
-        _this.isShowUserBox = false;
-      }, 200);
+        _this.isShowUserBox = false
+      }, 200)
     },
 
     logOut() {
       logout().then(() => {
-        sessionStorage.removeItem("loginedInfo");
-        sessionStorage.removeItem("expires_in");
-        sessionStorage.removeItem("userInfo");
+        sessionStorage.removeItem("loginedInfo")
+        sessionStorage.removeItem("expires_in")
+        sessionStorage.removeItem("userInfo")
         this.$router.push({
-          path: "/login",
-        });
+          path: "/login"
+        })
         this.$notify({
           title: "鎻愮ず",
           type: "success",
           message: "閫�鍑烘垚鍔燂紒",
           duration: 2500,
-          offset: 57,
-        });
-      });
+          offset: 57
+        })
+      })
     },
 
     jump(id, type) {
       if (type) {
-        sessionStorage.setItem("type", type);
+        sessionStorage.setItem("type", type)
       }
       this.$router.push({
         path: "/personalCenter",
         query: {
-          id: id,
-        },
-      });
+          id: id
+        }
+      })
     },
 
     search() {
       this.$router.push({
         path: "/product",
         query: {
-          keyWord: this.keyWord,
-        },
-      });
+          keyWord: this.keyWord
+        }
+      })
     },
 
     jumpToSearch(keyWord) {
       this.$router.push({
         path: "/product",
         query: {
-          keyWord,
-        },
-      });
-    },
-  },
-};
+          keyWord
+        }
+      })
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
@@ -534,4 +518,4 @@
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0