修改外链

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>

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>