|  |  | 
 |  |  |           <!--<el-dropdown-item @click.native="tabsCloseAllHandle()">{{ $t('contentTabs.closeAll') }}</el-dropdown-item>--> | 
 |  |  |         <!--</el-dropdown-menu>--> | 
 |  |  |       <!--</el-dropdown>--> | 
 |  |  |       <el-form :inline="true" style="position:absolute;right:10px; margin-top:3px;z-index:9;overflow: hidden;white-space: nowrap"> | 
 |  |  |         <zt-button class="CloseHandle" type="primary" @click.native="tabsCloseOtherHandle()">{{ $t('contentTabs.closeOther') }}</zt-button> | 
 |  |  |         <zt-button class="CloseHandle" type="primary" @click.native="tabsCloseAllHandle()">{{ $t('contentTabs.closeAll') }}</zt-button> | 
 |  |  |       <el-form :inline="true" | 
 |  |  |                style="position:absolute;right:10px; margin-top:3px;z-index:9;overflow: hidden;white-space: nowrap"> | 
 |  |  |         <zt-button class="CloseHandle" type="primary" @click.native="tabsCloseOtherHandle()">{{ | 
 |  |  |           $t('contentTabs.closeOther') }} | 
 |  |  |         </zt-button> | 
 |  |  |         <zt-button class="CloseHandle" type="primary" @click.native="tabsCloseAllHandle()">{{ $t('contentTabs.closeAll') | 
 |  |  |           }} | 
 |  |  |         </zt-button> | 
 |  |  |       </el-form> | 
 |  |  |       <el-tabs class="tabNext" v-model="$store.state.contentTabsActiveName" @tab-click="tabSelectedHandle" | 
 |  |  |                @tab-remove="tabRemoveHandle" | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     computed: { | 
 |  |  |       key() { | 
 |  |  |         return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date() | 
 |  |  |         let key = '' | 
 |  |  |         if (this.$route.name !== undefined) { | 
 |  |  |           let tab = this.$store.state.contentTabs.filter(item => item.name === this.$route.name)[0] | 
 |  |  |           console.log(tab, 'key this.$store.state.contentTabs') | 
 |  |  |           key = this.$route.name | 
 |  |  |           if (!tab.isRefresh) { | 
 |  |  |             key += +new Date() | 
 |  |  |           } | 
 |  |  |         } else { | 
 |  |  |           key = this.$route + +new Date() | 
 |  |  |         } | 
 |  |  |         console.log(key, 'key') | 
 |  |  |         return key | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     methods: { | 
 |  |  |       // tabs, 是否通过iframe展示 | 
 |  |  |       tabIsIframe(url) { | 
 |  |  |         console.log(isURL(url), 'isURL(url)') | 
 |  |  |         return isURL(url) | 
 |  |  |       }, | 
 |  |  |       reload() { | 
 |  |  | 
 |  |  |       }, | 
 |  |  |       // tabs, 选中tab | 
 |  |  |       tabSelectedHandle(tab) { | 
 |  |  |         console.log(tab, 'tabSelectedHandle1') | 
 |  |  |         tab = this.$store.state.contentTabs.filter(item => item.name === tab.name)[0] | 
 |  |  |         if (tab && (tab.name === 'miantainHome-home' || 'replaceProblemHome-home')) { | 
 |  |  |         if (tab && (tab.name === 'miantainHome-home' || tab.name === 'replaceProblemHome-home')) { | 
 |  |  |           this.$nextTick(() => { | 
 |  |  |             this.$router.push({ | 
 |  |  |               'name': tab.name, | 
 |  |  | 
 |  |  |           }) | 
 |  |  |           // this.reload() | 
 |  |  |         } else if (tab && tab.name !== this.$router.history.current.name) { | 
 |  |  |           console.log(tab, 'tabSelectedHandle3') | 
 |  |  |           this.$nextTick(() => { | 
 |  |  |             this.$router.push({ | 
 |  |  |               'name': tab.name, | 
 |  |  | 
 |  |  |   .zt .tabNext>.el-tabs__header>.el-tabs__nav-wrap{ | 
 |  |  |     width:80% ; | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   .zt .tabNext .el-tabs__nav-wrap.is-scrollable{ | 
 |  |  |     width:80% ; | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   #tab-home{ | 
 |  |  |     padding-left: 10px; | 
 |  |  |   } |