|
@@ -6,10 +6,8 @@ import { WORKBENCH_MODULES } from '@/config/workbench-menus'
|
|
|
import { PAGE_PATHS, WORKBENCH_ROUTE_MAP } from '@/config/api'
|
|
import { PAGE_PATHS, WORKBENCH_ROUTE_MAP } from '@/config/api'
|
|
|
import { filterWorkbenchModules } from '@/utils/workbenchMenuFilter'
|
|
import { filterWorkbenchModules } from '@/utils/workbenchMenuFilter'
|
|
|
import { getSafeAreaStyle } from '@/utils/safeArea'
|
|
import { getSafeAreaStyle } from '@/utils/safeArea'
|
|
|
-import { DEFAULT_PLACEHOLDER_IMAGE_URL } from '@/utils/staticAsset'
|
|
|
|
|
|
|
|
|
|
const safeAreaStyle = getSafeAreaStyle()
|
|
const safeAreaStyle = getSafeAreaStyle()
|
|
|
-const logoUrl = DEFAULT_PLACEHOLDER_IMAGE_URL
|
|
|
|
|
const userStore = useUserStore()
|
|
const userStore = useUserStore()
|
|
|
const modules = computed(() =>
|
|
const modules = computed(() =>
|
|
|
filterWorkbenchModules(WORKBENCH_MODULES, {
|
|
filterWorkbenchModules(WORKBENCH_MODULES, {
|
|
@@ -72,19 +70,13 @@ const handleLogout = async () => {
|
|
|
<template>
|
|
<template>
|
|
|
<view class="mp-page mp-page--tab">
|
|
<view class="mp-page mp-page--tab">
|
|
|
<view class="mp-header mp-header--workbench" :style="safeAreaStyle">
|
|
<view class="mp-header mp-header--workbench" :style="safeAreaStyle">
|
|
|
- <!-- 标题行:左侧 logo + 文案,右侧避开胶囊 -->
|
|
|
|
|
- <view class="mp-header__title-row">
|
|
|
|
|
- <image class="mp-header__logo" :src="logoUrl" mode="aspectFit" />
|
|
|
|
|
|
|
+ <view class="mp-header__body">
|
|
|
<view class="mp-header__titles">
|
|
<view class="mp-header__titles">
|
|
|
<text class="mp-header__title">工作台</text>
|
|
<text class="mp-header__title">工作台</text>
|
|
|
<text class="mp-header__meta">选择业务模块,进入对应功能办理</text>
|
|
<text class="mp-header__meta">选择业务模块,进入对应功能办理</text>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <!-- 用户行:独立全宽右对齐;欢迎语 / 姓名在上,退出在下 -->
|
|
|
|
|
- <view class="mp-header__user-row">
|
|
|
|
|
<view class="mp-header__user-stack">
|
|
<view class="mp-header__user-stack">
|
|
|
- <text class="mp-header__welcome">欢迎您</text>
|
|
|
|
|
- <text class="mp-header__user-name">{{ displayName }}</text>
|
|
|
|
|
|
|
+ <text class="mp-header__user-line">{{ displayName }},欢迎您</text>
|
|
|
<text
|
|
<text
|
|
|
class="mp-header__logout"
|
|
class="mp-header__logout"
|
|
|
:class="{ 'mp-header__logout--disabled': loggingOut }"
|
|
:class="{ 'mp-header__logout--disabled': loggingOut }"
|