commit
This commit is contained in:
zhutianqi
@@ -16,9 +16,9 @@
|
||||
<el-menu
|
||||
unique-opened
|
||||
:default-active="defaultActive"
|
||||
background-color="#f00"
|
||||
background-color="#0068B7"
|
||||
text-color="#fff"
|
||||
active-text-color="#ff0"
|
||||
active-text-color="#000"
|
||||
router
|
||||
:collapse="isCollapse"
|
||||
>
|
||||
@@ -91,12 +91,12 @@ export default {
|
||||
title: '首页',
|
||||
path: '/home2',
|
||||
isChildren: true, // 判断没有子菜单
|
||||
'icon-class': 'home'
|
||||
'icon-class': 'el-icon-s-home'
|
||||
},
|
||||
{
|
||||
title: '标准法规库',
|
||||
path: '/regulatoryRepository',
|
||||
'icon-class': 'fagui',
|
||||
'icon-class': 'el-icon-s-management',
|
||||
menuId: '2ewfwfa',
|
||||
children: [
|
||||
// {
|
||||
@@ -204,7 +204,7 @@ export default {
|
||||
{
|
||||
title: '我的工作',
|
||||
path: '/processCenter',
|
||||
'icon-class': 'liucheng',
|
||||
'icon-class': 'el-icon-s-platform',
|
||||
menuId: '3fadf',
|
||||
children: [
|
||||
{
|
||||
@@ -222,7 +222,7 @@ export default {
|
||||
{
|
||||
title: '本地工具',
|
||||
path: '/localTool',
|
||||
'icon-class': 'tools',
|
||||
'icon-class': 'el-icon-s-tools',
|
||||
menuId: 'afsd12',
|
||||
children: [
|
||||
// {
|
||||
@@ -266,7 +266,7 @@ export default {
|
||||
{
|
||||
title: '标准预警',
|
||||
path: '/standardWarning',
|
||||
'icon-class': 'warning',
|
||||
'icon-class': 'el-icon-warning',
|
||||
menuId: 'asfdew33',
|
||||
isChildren: true // 判断没有子菜单
|
||||
},
|
||||
@@ -287,7 +287,7 @@ export default {
|
||||
{
|
||||
title: '配置管理',
|
||||
path: '/config',
|
||||
'icon-class': 'conf',
|
||||
'icon-class': 'el-icon-s-operation',
|
||||
menuId: 'adff323',
|
||||
children: [
|
||||
{
|
||||
@@ -379,7 +379,7 @@ export default {
|
||||
{
|
||||
title: '个人中心',
|
||||
path: '/personal',
|
||||
'icon-class': 'ucenter',
|
||||
'icon-class': 'el-icon-s-check',
|
||||
menuId: '32143ffasdf',
|
||||
children: [
|
||||
// {
|
||||
@@ -496,6 +496,18 @@ export default {
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/mixins';
|
||||
/deep/.el-menu--popup > div {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.el-menu--collapse {
|
||||
.is-active {
|
||||
background-color: #fff !important;
|
||||
.shangqi-icon {
|
||||
color: #0068B7 !important;
|
||||
}
|
||||
color: #0068B7 !important;
|
||||
}
|
||||
}
|
||||
.nav-menu {
|
||||
width: 58px;
|
||||
height: 100%;
|
||||
@@ -565,10 +577,31 @@ export default {
|
||||
top:-15px;
|
||||
left:10px
|
||||
}
|
||||
/*.el-menu--collapse {*/
|
||||
/* .shangqi-icon {*/
|
||||
/* color: #4091FF !important;*/
|
||||
/* }*/
|
||||
/* .is-active /deep/.shangqi-icon {*/
|
||||
/* color: #4091FF !important;*/
|
||||
/* }*/
|
||||
/* /deep/.el-submenu__title i {*/
|
||||
/* color: #fff;*/
|
||||
/* }*/
|
||||
/* /deep/.el-submenu__title i {*/
|
||||
/* color: #fff;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
.is-active /deep/.shangqi-icon {
|
||||
color: #4091FF;
|
||||
}
|
||||
/deep/.el-submenu__title i {
|
||||
color: #fff;
|
||||
}
|
||||
.nav-menu /deep/.el-submenu__title i {
|
||||
color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
.nav-menu{
|
||||
background-color: #4091FF;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none; /* IE 10+ */
|
||||
}
|
||||
|
||||
@@ -64,6 +64,7 @@
|
||||
height: 70px;
|
||||
background: #fff;
|
||||
border: 2px dashed #E4E4E4;
|
||||
border-radius: 5px;
|
||||
div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -1,96 +1,91 @@
|
||||
<!-- 尾部链接 -->
|
||||
<template>
|
||||
<div class="link">
|
||||
<div class="title">友情链接</div>
|
||||
<ul>
|
||||
<li class="myLi1" v-for="(link, index) in linkList" v-if="index<5" :key="index" @click="openLinkUrl(link.url)">
|
||||
<a v-if="link.name.length>10" v-html="link.name.substring(0,10)+'...'" :title="link.name"></a>
|
||||
<a v-else v-html="link.name" :title="link.name"></a>
|
||||
</li>
|
||||
<li class="myLi2">
|
||||
<span @click="$router.push('linkManage')">更多链接 ⋙</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="link" id="link">
|
||||
<div>
|
||||
<span class="title borderRight">友情链接</span>
|
||||
<span class="myLi1 borderRight" v-for="(link, index) in linkList" :key="index" @click="openLinkUrl(link.url)" :title="link.name" >
|
||||
{{ link.name }}
|
||||
</span>
|
||||
<span class="myLi1" @click="$router.push('linkManage')">更多链接 ⋙</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Empennage',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
linkList: [],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {
|
||||
this.getLink();
|
||||
},
|
||||
methods: {
|
||||
// 跳转链接
|
||||
openLinkUrl (linkUri) {
|
||||
let getHttp = linkUri.substring(0, 7)
|
||||
let getHttps = linkUri.substring(0, 8)
|
||||
if (getHttp === 'http://' || getHttps === 'https://') {
|
||||
window.open(linkUri)
|
||||
} else {
|
||||
window.open('https://' + linkUri)
|
||||
}
|
||||
},
|
||||
// 获取链接数据
|
||||
getLink () {
|
||||
this.$http.get('sarUrl/tsUrl', {
|
||||
}, {
|
||||
_this: this,
|
||||
loading: 'Loading'
|
||||
}, res=> {
|
||||
this.linkList = res.data
|
||||
})
|
||||
}
|
||||
},
|
||||
export default {
|
||||
name: 'Empennage',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
linkList: [],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {
|
||||
this.getLink();
|
||||
},
|
||||
methods: {
|
||||
// 跳转链接
|
||||
openLinkUrl (linkUri) {
|
||||
let getHttp = linkUri.substring(0, 7)
|
||||
let getHttps = linkUri.substring(0, 8)
|
||||
if (getHttp === 'http://' || getHttps === 'https://') {
|
||||
window.open(linkUri)
|
||||
} else {
|
||||
window.open('https://' + linkUri)
|
||||
}
|
||||
},
|
||||
// 获取链接数据
|
||||
getLink () {
|
||||
var width = document.getElementById("link").offsetWidth
|
||||
this.$http.get('sarUrl/tsUrl', {
|
||||
}, {
|
||||
_this: this,
|
||||
loading: 'Loading'
|
||||
}, res=> {
|
||||
let b = 0
|
||||
let c = 0
|
||||
for (let a = 0; a < res.data.length; a++) {
|
||||
b += res.data[a].name.length * 14 + 100
|
||||
if (b > width) {
|
||||
c = a - 1
|
||||
} else {
|
||||
c = a
|
||||
}
|
||||
}
|
||||
let list
|
||||
list = res.data.slice(0, c)
|
||||
this.linkList = list
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.link {
|
||||
display: flex;
|
||||
border-radius: 3px;
|
||||
height: 100%;
|
||||
.title {
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
width: 80px;
|
||||
}
|
||||
ul {
|
||||
width: calc(~'100% - 80px');
|
||||
display: flex;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
.myLi1 {
|
||||
border-right: 2px solid #f4f4f4;
|
||||
flex: 1;
|
||||
a {
|
||||
color: #333333;
|
||||
}
|
||||
.link {
|
||||
display: flex;
|
||||
border-radius: 3px;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
.borderRight {
|
||||
padding-right: 30px;
|
||||
margin-right: 30px;
|
||||
border-right: 2px dotted #aaa;
|
||||
}
|
||||
.title {
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
width: 80px;
|
||||
}
|
||||
.myLi1 {
|
||||
cursor: pointer;
|
||||
color: #0068B7;
|
||||
}
|
||||
}
|
||||
.myLi1:hover {
|
||||
background: #5ea9f6;
|
||||
a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.myLi2 {
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
color: #5ea9f6 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user