cykj/shanxia2.0
1
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(miniprogram): unify nav headers to dashboard style with tall workbench bar

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed 2026-09-12 19:06:51 +08:00
1 parent aa2da07c99
commit ddff1212ae
21 files changed
+202 -131
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

miniprogram/pages/bx/admin/expense-item.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="onBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="onBack">←</text>
<text class="topbar-title">费用项目管理</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/advance/apply.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page bx-page--form">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">备用金申请</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/advance/detail.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page bx-page--form">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">备用金详情</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/advance/list.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">备用金申请</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/all/list.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">全部申请单</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/invoice/admin.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="onBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="onBack">←</text>
<text class="topbar-title">{{
detailUser ? detailUser.ownerUserName || '发票夹详情' : '发票夹管理'
}}</text>
miniprogram/pages/bx/invoice/mine.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">我的发票夹</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/mine/list.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">我的申请单</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/reimburse/apply.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page bx-page--form">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">报销申请</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/reimburse/detail.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page bx-page--form">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">报销详情</text>
</view>
<view class="topbar-right" />
miniprogram/pages/bx/reimburse/list.vue
+1 -3
View File
@@ -2,9 +2,7 @@
<view class="bx-page">
<view class="topbar" :style="safeAreaStyle">
<view class="topbar-left">
<view class="topbar-back" @click="goBack">
<text class="topbar-back-icon">‹</text>
</view>
<text class="topbar-back" @click="goBack">←</text>
<text class="topbar-title">报销申请</text>
</view>
<view class="topbar-right" />
miniprogram/pages/common/biz-placeholder.vue
+10 -18
View File
@@ -23,12 +23,14 @@ const goBack = () => {
<template>
<view class="mp-page">
<view class="mp-header" :style="safeAreaStyle">
<view class="biz-placeholder__nav" @click="goBack">
<text class="biz-placeholder__back">← 工作台</text>
<view class="sq-nav-header" :style="safeAreaStyle">
<view class="sq-nav-header__nav">
<view class="sq-nav-header__left">
<text class="sq-nav-header__back" @click="goBack">←</text>
<text class="sq-nav-header__title">{{ title }}</text>
</view>
<view /><!-- 胶囊占位 -->
</view>
<text class="mp-header__title" style="margin-top: 16rpx">{{ title }}</text>
<text v-if="moduleTitle" class="mp-header__meta">{{ moduleTitle }}</text>
</view>
<view class="mp-placeholder">
<view class="mp-placeholder__icon" />
@@ -36,26 +38,16 @@ const goBack = () => {
<text class="mp-placeholder__desc">
P0 壳层已就绪，业务列表/详情将在后续阶段（P1–P4）实现。
</text>
<text v-if="moduleTitle" class="biz-placeholder__code">{{ moduleTitle }}</text>
<text v-if="code" class="biz-placeholder__code">菜单编码：{{ code }}</text>
</view>
</view>
</template>
<style lang="scss" scoped>
.biz-placeholder__nav {
min-height: 44rpx;
}
.biz-placeholder__back {
color: #fff;
font-size: 26rpx;
opacity: 0.95;
}
.biz-placeholder__code {
display: block;
margin-top: 12rpx;
margin-top: 16rpx;
font-size: 22rpx;
color: #9aa8a1;
color: #94a3b8;
}
</style>
miniprogram/pages/home/home.vue
+7 -3
View File
@@ -21,9 +21,13 @@ const goWorkbench = () => {
<template>
<view class="mp-page mp-page--tab">
<view class="mp-header mp-header--home" :style="safeAreaStyle">
<text class="mp-header__title">首页</text>
<text class="mp-header__meta">概览与快捷入口（本期占位）</text>
<view class="sq-nav-header" :style="safeAreaStyle">
<view class="sq-nav-header__nav">
<view class="sq-nav-header__left">
<text class="sq-nav-header__title">首页</text>
</view>
<view /><!-- 胶囊占位 -->
</view>
</view>
<view class="mp-placeholder">
<view class="mp-placeholder__icon" />
miniprogram/pages/todo/todo.vue
+7 -3
View File
@@ -17,9 +17,13 @@ onShow(() => {
<template>
<view class="mp-page mp-page--tab">
<view class="mp-header" :style="safeAreaStyle">
<text class="mp-header__title">待办</text>
<text class="mp-header__meta">跨模块待办汇总（本期占位）</text>
<view class="sq-nav-header" :style="safeAreaStyle">
<view class="sq-nav-header__nav">
<view class="sq-nav-header__left">
<text class="sq-nav-header__title">待办</text>
</view>
<view /><!-- 胶囊占位 -->
</view>
</view>
<view class="mp-placeholder">
<view class="mp-placeholder__icon" />
miniprogram/pages/workbench/workbench.vue
+18 -15
View File
@@ -69,22 +69,25 @@ const handleLogout = async () => {
<template>
<view class="mp-page mp-page--tab">
<view class="mp-header mp-header--workbench" :style="safeAreaStyle">
<view class="mp-header__row">
<view class="mp-header__main">
<text class="mp-header__title">工作台</text>
<text class="mp-header__meta">选择业务模块，进入对应功能办理</text>
</view>
<view class="mp-header__user-stack">
<text class="mp-header__user-name">{{ displayName }}</text>
<text
class="mp-header__logout"
:class="{ 'mp-header__logout--disabled': loggingOut }"
@click="handleLogout"
>
{{ loggingOut ? '退出中…' : '退出登录' }}
</text>
<view class="sq-nav-header sq-nav-header--tall" :style="safeAreaStyle">
<view class="sq-nav-header__nav">
<view class="sq-nav-header__main">
<view class="sq-nav-header__left sq-nav-header__left--stack">
<text class="sq-nav-header__title">工作台</text>
<text class="sq-nav-header__meta">选择业务模块，进入对应功能办理</text>
</view>
<view class="sq-nav-header__user">
<text class="sq-nav-header__user-name">{{ displayName }}</text>
<text
class="sq-nav-header__logout"
:class="{ 'sq-nav-header__logout--disabled': loggingOut }"
@click="handleLogout"
>
{{ loggingOut ? '退出中…' : '退出登录' }}
</text>
</view>
</view>
<view /><!-- 胶囊占位 -->
</view>
</view>