邓洁 : 修改页面细节

This commit is contained in:
邓洁
2023-11-10 21:41:44 +08:00
parent 1c354f542e
commit 2797978a28
11 changed files with 64 additions and 19 deletions

View File

@@ -8,10 +8,18 @@
</template>
<Item :menu-item="item.children"></Item>
</el-sub-menu>
<el-menu-item v-else-if="!item.hidden&&!item.meta.isFrame" :index="item.path">
<el-menu-item v-else-if="!item.hidden&&!item.meta.isFrame" :index="handleGo(item.path)">
<template #title>
<svg-icon :name="item.icon" />
<span>{{ item.title }}</span>
<div v-if="item.path==='/tool/swagger'">
<a class="port-link" :href="link" target="_blank">
<svg-icon :name="item.icon"/>
{{ item.title }}
</a>
</div>
<div v-else>
<svg-icon :name="item.icon"/>
<span>{{ item.title }}</span>
</div>
</template>
</el-menu-item>
</template>
@@ -20,12 +28,23 @@
<script setup>
import SvgIcon from '@/components/svgIcon/index.vue'
import Item from './MenuItem.vue'
const props = defineProps({
menuItem: {
type: Array,
required: true
}
})
console.log(props.menuItem)
const link = ref('http://web-tunnel.feashow.com/api/doc.html#/home')
const handleGo = (path) => {
if (path === "/tool/swagger") {
return ''
} else {
return path
}
// window.open(path)
}
</script>

View File

@@ -15,12 +15,12 @@
>
<MenuItem :menu-item="permisstionStore.menuList"></MenuItem>
</el-menu>
<li class="el-menu-item">
<el-icon></el-icon>
<a :href="link" @click.prevent="handleGo(link)">
{{ title }}
</a>
</li>
<!-- <li class="el-menu-item">-->
<!-- <el-icon></el-icon>-->
<!-- <a :href="link" @click.prevent="handleGo(link)">-->
<!-- {{ title }}-->
<!-- </a>-->
<!-- </li>-->
</el-scrollbar>
</template>
@@ -43,7 +43,6 @@ const getLogoH = () => {
}
const activeMenu = computed(() => {
console.log(route);
const {path} = route
return path
})
@@ -69,8 +68,8 @@ window.addEventListener('resize', () => {
selectFarme()
const handleGo = (path) => {
window.open(path)
}
// const handleGo = (path) => {
// window.open(path)
// }
</script>

View File

@@ -82,6 +82,10 @@ init()
background-color: #E9F4FF;
border: 1px solid #418DFF;
color: #333333;
>span:first-child{
color:#418DFF;
}
}
.contextmenu {