fix(接口测试): 点击最近项目跳转后菜单栏未激活

This commit is contained in:
chenjianxing 2020-09-29 18:54:20 +08:00
parent 35d392618c
commit 1c7ce5e20b
3 changed files with 48 additions and 13 deletions

@ -1 +1 @@
Subproject commit c2dacf960cdb1ed35664bdd3432120b1203b73d8 Subproject commit cf6b06526324326a563d933e07118fac014a63b4

View File

@ -1,5 +1,5 @@
<template> <template>
<div id="menu-bar"> <div id="menu-bar" v-if="isRouterAlive">
<el-row type="flex"> <el-row type="flex">
<el-col :span="8"> <el-col :span="8">
<el-menu class="header-menu" :unique-opened="true" mode="horizontal" router :default-active='$route.path'> <el-menu class="header-menu" :unique-opened="true" mode="horizontal" router :default-active='$route.path'>
@ -7,7 +7,7 @@
{{ $t("i18n.home") }} {{ $t("i18n.home") }}
</el-menu-item> </el-menu-item>
<el-submenu v-permission="['test_manager','test_user','test_viewer']" index="3"> <el-submenu :class="{'deactivation':!isProjectActivation}" v-permission="['test_manager','test_user','test_viewer']" index="3">
<template v-slot:title>{{ $t('commons.project') }}</template> <template v-slot:title>{{ $t('commons.project') }}</template>
<ms-recent-list ref="projectRecent" :options="projectRecent"/> <ms-recent-list ref="projectRecent" :options="projectRecent"/>
<el-divider class="menu-divider"/> <el-divider class="menu-divider"/>
@ -21,6 +21,7 @@
<ms-recent-list ref="testRecent" :options="testRecent"/> <ms-recent-list ref="testRecent" :options="testRecent"/>
<el-divider class="menu-divider"/> <el-divider class="menu-divider"/>
<ms-show-all :index="'/api/test/list/all'"/> <ms-show-all :index="'/api/test/list/all'"/>
<el-menu-item :index="apiTestProjectPath" class="blank_item"></el-menu-item>
<ms-create-button v-permission="['test_manager','test_user']" :index="'/api/test/create'" <ms-create-button v-permission="['test_manager','test_user']" :index="'/api/test/create'"
:title="$t('load_test.create')"/> :title="$t('load_test.create')"/>
</el-submenu> </el-submenu>
@ -84,7 +85,15 @@ export default {
index: function (item) { index: function (item) {
return '/api/report/view/' + item.id; return '/api/report/view/' + item.id;
} }
},
isProjectActivation: true,
isRouterAlive: true,
apiTestProjectPath: '',
} }
},
watch: {
'$route'(to) {
this.init();
} }
}, },
methods: { methods: {
@ -98,7 +107,25 @@ export default {
this.$refs.testRecent.recent(); this.$refs.testRecent.recent();
this.$refs.reportRecent.recent(); this.$refs.reportRecent.recent();
}); });
},
reload() {
this.isRouterAlive = false;
this.$nextTick(function () {
this.isRouterAlive = true;
});
},
init() {
let path = this.$route.path;
if (path.indexOf("/api/test/list") >= 0 && !!this.$route.params.projectId) {
this.apiTestProjectPath = path;
//
this.isProjectActivation = false;
this.reload();
} else {
this.isProjectActivation = true;
} }
},
}, },
mounted() { mounted() {
this.registerEvents(); this.registerEvents();
@ -108,12 +135,20 @@ export default {
</script> </script>
<style scoped> <style scoped>
#menu-bar { #menu-bar {
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
background-color: #FFF; background-color: #FFF;
} }
.menu-divider { .menu-divider {
margin: 0; margin: 0;
} }
.blank_item {
display: none;
}
.deactivation >>> .el-submenu__title {
border-bottom: white !important;
}
</style> </style>

@ -1 +1 @@
Subproject commit cc38137a69a0f20fadece9c0f9f50a9468c4ace9 Subproject commit 06d935cd1d22ab36f09763745c2aff8ad3fb08c1