From 0d2203b4027ae3bf524d63da67202e778648e4cf Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期五, 02 八月 2024 09:59:20 +0800
Subject: [PATCH] 修改

---
 web/src/views/layout/main-content.vue |   62 +++++++++++++++++++++----------
 1 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/web/src/views/layout/main-content.vue b/web/src/views/layout/main-content.vue
index 8b8ea1f..493cee1 100644
--- a/web/src/views/layout/main-content.vue
+++ b/web/src/views/layout/main-content.vue
@@ -1,20 +1,25 @@
 <template>
-  <main  style="display: flex;flex-direction: column;position: relative" >
+  <main style="display: flex;flex-direction: column;position: relative">
     <!-- tab灞曠ず鍐呭 -->
     <template v-if="$route.meta.isTab">
       <!--<el-dropdown class="aui-content&#45;&#45;tabs-tools">-->
-        <!--<i class="el-icon-arrow-down"></i>-->
-        <!--<el-dropdown-menu slot="dropdown" :show-timeout="0">-->
-          <!--<el-dropdown-item @click.native="tabRemoveHandle($store.state.contentTabsActiveName)">{{-->
-            <!--$t('contentTabs.closeCurrent') }}-->
-          <!--</el-dropdown-item>-->
-          <!--<el-dropdown-item @click.native="tabsCloseOtherHandle()">{{ $t('contentTabs.closeOther') }}</el-dropdown-item>-->
-          <!--<el-dropdown-item @click.native="tabsCloseAllHandle()">{{ $t('contentTabs.closeAll') }}</el-dropdown-item>-->
-        <!--</el-dropdown-menu>-->
+      <!--<i class="el-icon-arrow-down"></i>-->
+      <!--<el-dropdown-menu slot="dropdown" :show-timeout="0">-->
+      <!--<el-dropdown-item @click.native="tabRemoveHandle($store.state.contentTabsActiveName)">{{-->
+      <!--$t('contentTabs.closeCurrent') }}-->
+      <!--</el-dropdown-item>-->
+      <!--<el-dropdown-item @click.native="tabsCloseOtherHandle()">{{ $t('contentTabs.closeOther') }}</el-dropdown-item>-->
+      <!--<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"
@@ -82,12 +87,25 @@
     },
     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() {
@@ -98,8 +116,9 @@
       },
       // 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,
@@ -110,6 +129,7 @@
           })
           // this.reload()
         } else if (tab && tab.name !== this.$router.history.current.name) {
+          console.log(tab, 'tabSelectedHandle3')
           this.$nextTick(() => {
             this.$router.push({
               'name': tab.name,
@@ -120,7 +140,7 @@
           })
         }
       },
-      tabRemoveCurrentHandle(){
+      tabRemoveCurrentHandle() {
         let tabName = this.$route.name
         tabRemoveHandle(tabName)
       },
@@ -190,13 +210,15 @@
   /* #tabNext .el-tabs__nav-next{*/
   /*  right: 21% !important;*/
   /*}*/
-  .zt .tabNext>.el-tabs__header>.el-tabs__nav-wrap{
-    width:80% ;
+  .zt .tabNext > .el-tabs__header > .el-tabs__nav-wrap {
+    width: 80%;
   }
-  .zt .tabNext .el-tabs__nav-wrap.is-scrollable{
-    width:80% ;
+
+  .zt .tabNext .el-tabs__nav-wrap.is-scrollable {
+    width: 80%;
   }
-  #tab-home{
+
+  #tab-home {
     padding-left: 10px;
   }
 </style>

--
Gitblit v1.9.1