|
@@ -3,15 +3,25 @@
|
|
|
<div class="LoginNav">
|
|
|
<div class="logo">
|
|
|
<template v-if="configInfor">
|
|
|
- <img :src="configInfor.logo_image_url" alt="logo" class="logo-image" @click="handleSelect" />
|
|
|
+ <img
|
|
|
+ :src="configInfor.logo_image_url"
|
|
|
+ alt="logo"
|
|
|
+ class="logo-image"
|
|
|
+ @click="handleSelect"
|
|
|
+ />
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<span class="logo-img"> logo </span>
|
|
|
</template>
|
|
|
<ul class="logo-projectlist">
|
|
|
- <li v-for="(itemI,indexI) in projectList" :key="indexI" :class="indexI==LoginNavIndex?'active':''" @click="handleCommand(indexI)">
|
|
|
- {{ itemI.name }}
|
|
|
- </li>
|
|
|
+ <li
|
|
|
+ v-for="(itemI, indexI) in projectList"
|
|
|
+ :key="indexI"
|
|
|
+ :class="indexI == LoginNavIndex ? 'active' : ''"
|
|
|
+ @click="handleCommand(indexI)"
|
|
|
+ >
|
|
|
+ {{ itemI.name }}
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="userName">
|
|
@@ -242,8 +252,6 @@ export default {
|
|
|
let config = getConfig();
|
|
|
if (config) {
|
|
|
_this.configInfor = JSON.parse(config);
|
|
|
- } else {
|
|
|
- _this._getConfig();
|
|
|
}
|
|
|
_this.getChildSysList();
|
|
|
},
|
|
@@ -289,32 +297,32 @@ export default {
|
|
|
font-family: "sourceR";
|
|
|
.logo {
|
|
|
&-image {
|
|
|
- // width: 188px;
|
|
|
+ // width: 188px;
|
|
|
height: 48px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- .logo-projectlist{
|
|
|
- display: flex;
|
|
|
- padding: 0 24px;
|
|
|
- height: 64px;
|
|
|
- list-style: none;
|
|
|
- li{
|
|
|
- padding: 0 12px;
|
|
|
- color: rgba(0, 0, 0, 0.45);
|
|
|
- font-size: 16px;
|
|
|
- line-height: 64px;
|
|
|
- cursor: pointer;
|
|
|
- font-weight: 500;
|
|
|
- &:hover{
|
|
|
- background: #F6F6F6;
|
|
|
- }
|
|
|
- &.active{
|
|
|
- color: #FF9900;
|
|
|
- background: #FFEFD6;
|
|
|
- }
|
|
|
+ .logo-projectlist {
|
|
|
+ display: flex;
|
|
|
+ padding: 0 24px;
|
|
|
+ height: 64px;
|
|
|
+ list-style: none;
|
|
|
+ li {
|
|
|
+ padding: 0 12px;
|
|
|
+ color: rgba(0, 0, 0, 0.45);
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 64px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-weight: 500;
|
|
|
+ &:hover {
|
|
|
+ background: #f6f6f6;
|
|
|
}
|
|
|
+ &.active {
|
|
|
+ color: #ff9900;
|
|
|
+ background: #ffefd6;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.userName {
|