|
@@ -2,9 +2,9 @@
|
|
|
<div class="avue-tags" v-if="showTag">
|
|
<div class="avue-tags" v-if="showTag">
|
|
|
<!-- tag盒子 -->
|
|
<!-- tag盒子 -->
|
|
|
<div
|
|
<div
|
|
|
- v-if="contextmenuFlag"
|
|
|
|
|
- class="avue-tags__contentmenu"
|
|
|
|
|
- :style="{ left: contentmenuX + 'px', top: contentmenuY + 'px' }"
|
|
|
|
|
|
|
+ v-if="contextmenuFlag"
|
|
|
|
|
+ class="avue-tags__contentmenu"
|
|
|
|
|
+ :style="{ left: contentmenuX + 'px', top: contentmenuY + 'px' }"
|
|
|
>
|
|
>
|
|
|
<div class="item" @click="clearCacheTags">
|
|
<div class="item" @click="clearCacheTags">
|
|
|
{{ $t("tagsView.clearCache") }}
|
|
{{ $t("tagsView.clearCache") }}
|
|
@@ -18,38 +18,38 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div style="display:flex;align-items: center;">
|
|
<div style="display:flex;align-items: center;">
|
|
|
<div
|
|
<div
|
|
|
- class="avue-breadcrumb"
|
|
|
|
|
- :class="[{ 'avue-breadcrumb--active': isCollapse }]"
|
|
|
|
|
- v-if="showCollapse"
|
|
|
|
|
|
|
+ class="avue-breadcrumb"
|
|
|
|
|
+ :class="[{ 'avue-breadcrumb--active': isCollapse }]"
|
|
|
|
|
+ v-if="showCollapse"
|
|
|
>
|
|
>
|
|
|
<i class="icon-navicon" @click="setCollapse"></i>
|
|
<i class="icon-navicon" @click="setCollapse"></i>
|
|
|
</div>
|
|
</div>
|
|
|
<div
|
|
<div
|
|
|
- class="avue-tags__box"
|
|
|
|
|
- :class="{ 'avue-tags__box--close': !website.isFirstPage }"
|
|
|
|
|
|
|
+ class="avue-tags__box"
|
|
|
|
|
+ :class="{ 'avue-tags__box--close': !website.isFirstPage }"
|
|
|
>
|
|
>
|
|
|
<el-tabs
|
|
<el-tabs
|
|
|
- v-model="active"
|
|
|
|
|
- type="card"
|
|
|
|
|
- @contextmenu.native="handleContextmenu"
|
|
|
|
|
- :closable="tagLen !== 1"
|
|
|
|
|
- @tab-click="openTag"
|
|
|
|
|
- @edit="menuTag"
|
|
|
|
|
|
|
+ v-model="active"
|
|
|
|
|
+ type="card"
|
|
|
|
|
+ @contextmenu.native="handleContextmenu"
|
|
|
|
|
+ :closable="tagLen !== 1"
|
|
|
|
|
+ @tab-click="openTag"
|
|
|
|
|
+ @edit="menuTag"
|
|
|
>
|
|
>
|
|
|
<el-tab-pane
|
|
<el-tab-pane
|
|
|
- :key="item.value"
|
|
|
|
|
- v-for="item in tagList"
|
|
|
|
|
- :label="generateTitle(item)"
|
|
|
|
|
- :name="item.value"
|
|
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ v-for="item in tagList"
|
|
|
|
|
+ :label="generateTitle(item)"
|
|
|
|
|
+ :name="item.value"
|
|
|
>
|
|
>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
<div class="avue-tags__menu avue-tags-top-foot">
|
|
<div class="avue-tags__menu avue-tags-top-foot">
|
|
|
<el-tooltip
|
|
<el-tooltip
|
|
|
- v-if="showColor"
|
|
|
|
|
- effect="dark"
|
|
|
|
|
- :content="$t('navbar.color')"
|
|
|
|
|
- placement="bottom"
|
|
|
|
|
|
|
+ v-if="showColor"
|
|
|
|
|
+ effect="dark"
|
|
|
|
|
+ :content="$t('navbar.color')"
|
|
|
|
|
+ placement="bottom"
|
|
|
>
|
|
>
|
|
|
<top-color></top-color>
|
|
<top-color></top-color>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
@@ -81,36 +81,36 @@
|
|
|
</div>
|
|
</div>
|
|
|
</el-tooltip> -->
|
|
</el-tooltip> -->
|
|
|
<el-tooltip
|
|
<el-tooltip
|
|
|
- effect="dark"
|
|
|
|
|
- :content="$t('navbar.notice')"
|
|
|
|
|
- placement="bottom"
|
|
|
|
|
- style="margin-right:12px"
|
|
|
|
|
|
|
+ effect="dark"
|
|
|
|
|
+ :content="$t('navbar.notice')"
|
|
|
|
|
+ placement="bottom"
|
|
|
|
|
+ style="margin-right:12px"
|
|
|
>
|
|
>
|
|
|
<div class="top-bar__item--show">
|
|
<div class="top-bar__item--show">
|
|
|
<top-notice></top-notice>
|
|
<top-notice></top-notice>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
<el-tooltip
|
|
<el-tooltip
|
|
|
- effect="dark"
|
|
|
|
|
- :content="$t('navbar.language')"
|
|
|
|
|
- placement="bottom"
|
|
|
|
|
|
|
+ effect="dark"
|
|
|
|
|
+ :content="$t('navbar.language')"
|
|
|
|
|
+ placement="bottom"
|
|
|
>
|
|
>
|
|
|
<div class="top-bar__item--show">
|
|
<div class="top-bar__item--show">
|
|
|
<top-lang></top-lang>
|
|
<top-lang></top-lang>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
<el-tooltip
|
|
<el-tooltip
|
|
|
- v-if="showFullScren"
|
|
|
|
|
- effect="dark"
|
|
|
|
|
- :content="
|
|
|
|
|
|
|
+ v-if="showFullScren"
|
|
|
|
|
+ effect="dark"
|
|
|
|
|
+ :content="
|
|
|
isFullScren ? $t('navbar.screenfullF') : $t('navbar.screenfull')
|
|
isFullScren ? $t('navbar.screenfullF') : $t('navbar.screenfull')
|
|
|
"
|
|
"
|
|
|
- placement="bottom"
|
|
|
|
|
|
|
+ placement="bottom"
|
|
|
>
|
|
>
|
|
|
<div>
|
|
<div>
|
|
|
<i
|
|
<i
|
|
|
- :class="isFullScren ? 'icon-tuichuquanping' : 'icon-quanping'"
|
|
|
|
|
- @click="handleScreen"
|
|
|
|
|
|
|
+ :class="isFullScren ? 'icon-tuichuquanping' : 'icon-quanping'"
|
|
|
|
|
+ @click="handleScreen"
|
|
|
></i>
|
|
></i>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
@@ -129,34 +129,41 @@
|
|
|
<top-theme ref="theme"></top-theme>
|
|
<top-theme ref="theme"></top-theme>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
<el-dropdown-item @click.native="$parent.isSearch = true">{{
|
|
<el-dropdown-item @click.native="$parent.isSearch = true">{{
|
|
|
- $t("tagsView.search")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("tagsView.search")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="openBug">{{
|
|
<el-dropdown-item @click.native="openBug">{{
|
|
|
- $t("navbar.bug")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("navbar.bug")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="openLock">{{
|
|
<el-dropdown-item @click.native="openLock">{{
|
|
|
- $t("navbar.lock")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("navbar.lock")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="openTheme">{{
|
|
<el-dropdown-item @click.native="openTheme">{{
|
|
|
- $t("navbar.theme")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("navbar.theme")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="closeOthersTags">{{
|
|
<el-dropdown-item @click.native="closeOthersTags">{{
|
|
|
- $t("tagsView.closeOthers")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("tagsView.closeOthers")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="closeAllTags">{{
|
|
<el-dropdown-item @click.native="closeAllTags">{{
|
|
|
- $t("tagsView.closeAll")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("tagsView.closeAll")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="clearCacheTags">{{
|
|
<el-dropdown-item @click.native="clearCacheTags">{{
|
|
|
- $t("tagsView.clearCache")
|
|
|
|
|
- }}</el-dropdown-item>
|
|
|
|
|
|
|
+ $t("tagsView.clearCache")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
</el-dropdown>
|
|
|
<el-dropdown>
|
|
<el-dropdown>
|
|
|
<span class="el-dropdown-link">
|
|
<span class="el-dropdown-link">
|
|
|
<img
|
|
<img
|
|
|
- class="top-bar__img"
|
|
|
|
|
- :src="userInfo.avatar"
|
|
|
|
|
- style="margin-left:8px"
|
|
|
|
|
|
|
+ class="top-bar__img"
|
|
|
|
|
+ :src="userInfo.avatar"
|
|
|
|
|
+ style="margin-left:8px"
|
|
|
/>
|
|
/>
|
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
</span>
|
|
</span>
|
|
@@ -166,11 +173,12 @@
|
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
|
<el-dropdown-item>
|
|
<el-dropdown-item>
|
|
|
<router-link to="/info/index">{{
|
|
<router-link to="/info/index">{{
|
|
|
- $t("navbar.userinfo")
|
|
|
|
|
- }}</router-link>
|
|
|
|
|
|
|
+ $t("navbar.userinfo")
|
|
|
|
|
+ }}
|
|
|
|
|
+ </router-link>
|
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="logout" divided
|
|
<el-dropdown-item @click.native="logout" divided
|
|
|
- >{{ $t("navbar.logOut") }}
|
|
|
|
|
|
|
+ >{{ $t("navbar.logOut") }}
|
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
</el-dropdown>
|
|
@@ -180,16 +188,17 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
-import { resetRouter } from "@/router/router";
|
|
|
|
|
-import { fullscreenToggel, listenfullscreen } from "@/util/util";
|
|
|
|
|
-import { mapGetters, mapState } from "vuex";
|
|
|
|
|
-import { clearCache } from "@/api/user";
|
|
|
|
|
|
|
+import {resetRouter} from "@/router/router";
|
|
|
|
|
+import {fullscreenToggel, listenfullscreen} from "@/util/util";
|
|
|
|
|
+import {mapGetters, mapState} from "vuex";
|
|
|
|
|
+import {clearCache} from "@/api/user";
|
|
|
import topColor from "./top/top-color.vue";
|
|
import topColor from "./top/top-color.vue";
|
|
|
import topLock from "./top/top-lock";
|
|
import topLock from "./top/top-lock";
|
|
|
import topTheme from "./top/top-theme";
|
|
import topTheme from "./top/top-theme";
|
|
|
import topLogs from "./top/top-logs";
|
|
import topLogs from "./top/top-logs";
|
|
|
import topLang from "./top/top-lang";
|
|
import topLang from "./top/top-lang";
|
|
|
import topNotice from "./top/top-notice";
|
|
import topNotice from "./top/top-notice";
|
|
|
|
|
+
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
topColor,
|
|
topColor,
|
|
@@ -209,7 +218,8 @@ export default {
|
|
|
data: ""
|
|
data: ""
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
- created() {},
|
|
|
|
|
|
|
+ created() {
|
|
|
|
|
+ },
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.setActive();
|
|
this.setActive();
|
|
|
this.data = this.active;
|
|
this.data = this.active;
|
|
@@ -258,7 +268,7 @@ export default {
|
|
|
this.$store.commit("DEL_ALL_DETAIL");
|
|
this.$store.commit("DEL_ALL_DETAIL");
|
|
|
this.$store.dispatch("LogOut").then(() => {
|
|
this.$store.dispatch("LogOut").then(() => {
|
|
|
resetRouter();
|
|
resetRouter();
|
|
|
- this.$router.push({ path: "/login" });
|
|
|
|
|
|
|
+ this.$router.push({path: "/login"});
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
@@ -267,8 +277,8 @@ export default {
|
|
|
},
|
|
},
|
|
|
generateTitle(item) {
|
|
generateTitle(item) {
|
|
|
return this.$router.$avueRouter.generateTitle(
|
|
return this.$router.$avueRouter.generateTitle(
|
|
|
- item.label,
|
|
|
|
|
- (item.meta || {}).i18n
|
|
|
|
|
|
|
+ item.label,
|
|
|
|
|
+ (item.meta || {}).i18n
|
|
|
);
|
|
);
|
|
|
},
|
|
},
|
|
|
watchContextmenu(event) {
|
|
watchContextmenu(event) {
|
|
@@ -302,7 +312,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
menuTag(value, action) {
|
|
menuTag(value, action) {
|
|
|
if (action === "remove") {
|
|
if (action === "remove") {
|
|
|
- let { tag, key } = this.findTag(value);
|
|
|
|
|
|
|
+ let {tag, key} = this.findTag(value);
|
|
|
if (tag.label == "报价(E)") {
|
|
if (tag.label == "报价(E)") {
|
|
|
this.$store.commit("OUT_BJ_STATUS");
|
|
this.$store.commit("OUT_BJ_STATUS");
|
|
|
}
|
|
}
|
|
@@ -397,16 +407,16 @@ export default {
|
|
|
} else {
|
|
} else {
|
|
|
tag = item;
|
|
tag = item;
|
|
|
}
|
|
}
|
|
|
|
|
+ console.log(tag)
|
|
|
|
|
+ console.log(tag.query);
|
|
|
|
|
+ console.log(tag.meta);
|
|
|
|
|
+ console.log(this.$router.$avueRouter.getPath({name: tag.label,src: tag.value},tag.meta));
|
|
|
this.$router.push({
|
|
this.$router.push({
|
|
|
- path: this.$router.$avueRouter.getPath(
|
|
|
|
|
- {
|
|
|
|
|
- name: tag.label,
|
|
|
|
|
- src: tag.value
|
|
|
|
|
- },
|
|
|
|
|
- tag.meta
|
|
|
|
|
- ),
|
|
|
|
|
- query: tag.query
|
|
|
|
|
|
|
+ path: this.$router.$avueRouter.getPath({name: tag.label,src: tag.value},tag.meta),
|
|
|
|
|
+ // query: tag.query
|
|
|
});
|
|
});
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
// }).catch(() => {
|
|
// }).catch(() => {
|
|
|
// this.active = this.data
|
|
// this.active = this.data
|
|
|
// console.log(this.data)
|
|
// console.log(this.data)
|
|
@@ -438,7 +448,7 @@ export default {
|
|
|
key = index;
|
|
key = index;
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- return { tag: tag, key: key };
|
|
|
|
|
|
|
+ return {tag: tag, key: key};
|
|
|
},
|
|
},
|
|
|
closeAllTags() {
|
|
closeAllTags() {
|
|
|
this.contextmenuFlag = false;
|
|
this.contextmenuFlag = false;
|