|
|
@@ -6,10 +6,11 @@
|
|
|
<p v-text="userInfo.data.userName"></p>
|
|
|
<p>
|
|
|
<span class="en-name">{{enterpriseInfo.enName}}</span>
|
|
|
+ </p>
|
|
|
+ <div class="switch" v-if="isShow">
|
|
|
<a @click="setShowEnterpriseToggle(!showEnterpriseToggle, $event)">切换</a>
|
|
|
<span class="vir">|</span>
|
|
|
<a class="exit" @click="showLogout = true">退出</a>
|
|
|
- </p>
|
|
|
<ul class="en-list" v-show="showEnterpriseToggle">
|
|
|
<li class="menu-item"
|
|
|
v-for="en in sortEnterprises"
|
|
|
@@ -21,6 +22,7 @@
|
|
|
<a @click="switchEnterprise({uu: 0})"><span v-text="userInfo.data.userName"></span>（个人账户）</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="deleteKuang" v-if="showLogout">
|
|
|
@@ -45,6 +47,12 @@
|
|
|
showLogout: false // 退出登录提示框
|
|
|
}
|
|
|
},
|
|
|
+ props: {
|
|
|
+ isShow: {
|
|
|
+ default: true,
|
|
|
+ type: Boolean
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted () {
|
|
|
this.$nextTick(() => {
|
|
|
document.body.addEventListener('click', () => {
|
|
|
@@ -133,7 +141,6 @@
|
|
|
margin-left:.25rem;
|
|
|
display: inline-block;
|
|
|
vertical-align: middle;
|
|
|
- position: relative;
|
|
|
p{
|
|
|
font-size:.3rem;
|
|
|
margin:0;
|
|
|
@@ -168,30 +175,36 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .en-list {
|
|
|
+ .switch {
|
|
|
position: absolute;
|
|
|
- max-width: 5rem;
|
|
|
- max-height: 3rem;
|
|
|
- overflow-y: auto;
|
|
|
- border-radius: .05rem;
|
|
|
- background: rgba(0, 0, 0, .6);
|
|
|
- z-index: 10;
|
|
|
- .menu-item {
|
|
|
- height: .6rem;
|
|
|
- line-height: .6rem;
|
|
|
- font-size: .3rem;
|
|
|
- padding: 0 .2rem;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- &:active, &:focus, &:hover {
|
|
|
- background: #7d7d7d;
|
|
|
- }
|
|
|
- a {
|
|
|
- color: #fff;
|
|
|
+ right: 1rem;
|
|
|
+ top: .7rem;
|
|
|
+ .en-list {
|
|
|
+ position: absolute;
|
|
|
+ max-width: 3rem;
|
|
|
+ max-height: 3rem;
|
|
|
+ overflow-y: auto;
|
|
|
+ border-radius: .05rem;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ z-index: 10;
|
|
|
+ left: -1rem;
|
|
|
+ .menu-item {
|
|
|
+ height: .6rem;
|
|
|
+ line-height: .6rem;
|
|
|
+ font-size: .3rem;
|
|
|
+ padding: 0 .2rem;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ &:active, &:focus, &:hover {
|
|
|
+ background: #7d7d7d;
|
|
|
+ }
|
|
|
+ a {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
> a {
|
yangc