qdt-admin-layout 1.1.34 → 1.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qdt-admin-layout",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "description": "基于element-ui的后台管理layout的管家婆改版",
   "main": "src/index.js",
   "module": "dist/esm/index.js",

package/src/component/Header/index.vue

@@ -58,6 +58,21 @@ export default {
         </div>
       );
     },
+    // 大屏可视化
+    defaultLargeScreenBtn() {
+      // 这里为了可读性，不再将click事件放到外面
+      return (
+        <div
+          title="大屏可视化"
+          class="header-item"
+          on-click={() => handleLargeScreen()}
+        >
+          大屏可视化
+
+        </div>
+      );
+    },
+
     // 右侧下拉菜单
     defaultUserDropdown() {
       const {
@@ -70,7 +85,6 @@ export default {
 
       return (
         <div class="user-dropdown-reference">
-          <slot name="before-time"></slot>
           <span class="username time">{this.newTime}</span>
           <span class="username shu">|</span>
           <div id="downloadTrigger" class="download-trigger">
@@ -151,6 +165,11 @@ export default {
   },
 
   methods: {
+    handleLargeScreen() {
+      let { token } = this.$store.state.user;
+
+      window.open(`https://expectykxwebapi.ezhisoft.com:8088/?token=${token}`, "_blank");
+    },
     showDownloadPopover() {
       // 通过 ref 获取弹框实例并显示
       this.$refs.downloadPopover.showPopper = true;
@@ -181,7 +200,9 @@ export default {
       return centerSlot ? centerSlot(h, defaultContent) : defaultContent;
     },
     renderRightContent(h) {
-      const defaultContent = [this.defaultRefreshBtn, this.defaultUserDropdown];
+      const defaultContent = [
+        this.defaultLargeScreenBtn
+        , this.defaultUserDropdown];
       const { rightSlot } = headerGetters;
 
       return rightSlot ? rightSlot(h, defaultContent) : defaultContent;