From 300103400b8a5ee4e33dfa74139d0472dc5d861e Mon Sep 17 00:00:00 2001
From: 13176889840 <13176889840@163.com>
Date: Mon, 16 Nov 2020 13:48:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=96=E9=93=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 epmet-oper-web/src/views/main-content.vue | 38 ++++++++++++++++++++---
 epmet-oper-web/src/views/main-sidebar.vue |  2 +-
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/epmet-oper-web/src/views/main-content.vue b/epmet-oper-web/src/views/main-content.vue
index 22eb4b6..d774f2a 100644
--- a/epmet-oper-web/src/views/main-content.vue
+++ b/epmet-oper-web/src/views/main-content.vue
@@ -27,12 +27,18 @@
               <use xlink:href="#icon-home"></use>
             </svg>
           </template>
-          <iframe v-if="tabIsIframe(item.iframeURL)"
-                  :src="item.iframeURL"
+          <template v-if="tabIsIframe(item.iframeURL)">
+            <iframe :src="item.iframeURL + '?token=' + token + '&customerId=' + customerId"
+                  ref="iframes"
+                  class="iframes"
+                  id="iframes"
                   width="100%"
                   height="100%"
                   frameborder="0"
-                  scrolling="yes"></iframe>
+                  scrolling="yes"
+                  ></iframe>
+                   <!-- <div v-if="tabIsIframe(item.iframeURL)" id="addend-iframe" style="height: 100%;"> </div> -->
+          </template>
           <keep-alive v-else>
             <router-view v-if="item.name === $store.state.contentTabsActiveName"
                          @changeCustomerName="changeCustomerName" />
@@ -51,17 +57,30 @@
 
 <script>
 import { isURL } from '@/utils/validate'
+import Cookie from 'js-cookie'
 export default {
   data () {
     return {
+      iframeUrl: '',
+      token: '',
+      customerId: ''
     }
   },
+  created () {
+    // this.$nextTick(() => {
+    //   this.sendMessage()
+    // })
+    this.token = Cookie.get('token')
+    this.customerId = localStorage.getItem('customerId')
+  },
   methods: {
     changeCustomerName (customerName) {
       this.$emit('changeCustomerName', customerName)
     },
     // tabs, 是否通过iframe展示
     tabIsIframe (url) {
+      // this.appendIframe(url)
+      this.iframeUrl = url + '?token=' + Cookie.get('token') + '&customerId=' + localStorage.getItem('customerId')
       return isURL(url)
     },
     // tabs, 选中tab
@@ -105,7 +124,18 @@ export default {
     tabsCloseAllHandle () {
       this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name === 'home')
       this.$router.push({ name: 'home' })
-    }
+    },
+    sendMessage () {
+      // const iframe = this.$refs.iframes.contentWindow
+      const iframe = document.getElementsByClassName('iframes')[0].contentWindow
+
+      console.log('iframe', iframe)
+      // iframe.postMessage({
+      //   token: Cookie.get('token'),
+      //   customerId: localStorage.getItem('customerId')
+      // }, '*')
+      iframe.postMessage({ name: 'lalalal' }, '*')
+    },
   }
 }
 </script>
diff --git a/epmet-oper-web/src/views/main-sidebar.vue b/epmet-oper-web/src/views/main-sidebar.vue
index c88a7c6..9cd7fb0 100644
--- a/epmet-oper-web/src/views/main-sidebar.vue
+++ b/epmet-oper-web/src/views/main-sidebar.vue
@@ -30,7 +30,7 @@ export default {
 }
 </script>
 <style>
-.el-menu--collapse .el-submenu__title span {
+.el-menu--collapse .el-submenu__title span, .el-menu--collapse  .el-menu-item span {
   display: none;
 }
 </style>