54 lines
1.6 KiB
Vue
54 lines
1.6 KiB
Vue
<script setup>
|
||
import { ref } from 'vue'
|
||
import { onLoad } from '@dcloudio/uni-app'
|
||
import { getSafeAreaStyle } from '@/utils/safeArea'
|
||
|
||
const safeAreaStyle = getSafeAreaStyle()
|
||
const title = ref('业务页')
|
||
const moduleTitle = ref('')
|
||
const code = ref('')
|
||
|
||
onLoad((query) => {
|
||
title.value = decodeURIComponent(query?.title || '业务页')
|
||
moduleTitle.value = decodeURIComponent(query?.module || '')
|
||
code.value = decodeURIComponent(query?.code || '')
|
||
})
|
||
|
||
const goBack = () => {
|
||
uni.navigateBack({
|
||
fail: () => uni.reLaunch({ url: '/pages/workbench/workbench' })
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<view class="mp-page">
|
||
<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>
|
||
</view>
|
||
<view class="mp-placeholder">
|
||
<view class="mp-placeholder__icon" />
|
||
<text class="mp-placeholder__title">{{ title }}</text>
|
||
<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__code {
|
||
margin-top: 16rpx;
|
||
font-size: 22rpx;
|
||
color: #94a3b8;
|
||
}
|
||
</style>
|