renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(layout): 优化导航栏右侧企业切换样式

Browse Source
This commit is contained in:
rd
2025-09-19 10:44:27 +08:00
parent cc8ab14feb
commit a409eb6795
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/layouts/components/navbar/components/right-side/index.vue
View File

@ -75,10 +75,13 @@
<template v-else>
<template v-if="item.audit_status === 1">
<div v-if="enterprises.length > 1" class="w-full h-1px bg-#E6E6E8 mb-8px"></div>
<div class="px-12px">
<div v-if="enterprises.length > 1" class="w-full h-1px bg-#E6E6E8 my-8px"></div>
</div>
<MenuItem class="rounded-8px hover:bg-#F2F3F5 h-36px !mb-0" @click="onCreate(item)">
<div class="flex items-center">
<SvgIcon size="16.5" name="svg-organization" class="color-#737478 mr-8px" />
<SvgIcon class="color-#737478 mr-8px" name="svg-organization" size="16.5" />
<span class="color-#211F24 mr-4px">创建企业账号</span>
<div class="px-8px h-20px rounded-2px bg-#FFF7E5 flex items-center">
<span class="color-#FFAE00 !text-12px !lh-20px font-400">申请中</span>
@ -90,18 +93,18 @@
<MenuItem class="rounded-8px hover:bg-#F2F3F5" @click="handleSubAccountClick(item)">
<div class="flex justify-between items-center overflow-hidden">
<div
class="flex items-center w-100% flex-1 overflow-hidden"
:class="enterpriseInfo?.id === item.id ? '!color-#6D4CFE' : ''"
class="flex items-center w-100% flex-1 overflow-hidden"
>
<TextOverTips :context="item.name" />
<img :src="icon4" width="12" height="12" class="ml-4px" />
<img :src="icon4" class="ml-4px" height="12" width="12" />
</div>
<div
class="px-8px h-20px rounded-2px flex items-center flex-shrink-0 ml-4px"
:class="_map.get(item.subscribe_status)?.bg"
v-if="[2, 3].includes(item.subscribe_status)"
:class="_map.get(item.subscribe_status)?.bg"
class="px-8px h-20px rounded-2px flex items-center flex-shrink-0 ml-4px"
>
<span class="!text-12px !lh-20px font-400" :class="_map.get(item.subscribe_status)?.color">{{
<span :class="_map.get(item.subscribe_status)?.color" class="!text-12px !lh-20px font-400">{{
_map.get(item.subscribe_status)?.label
}}</span>
</div>