shanxia2.0/miniprogram/pages/common/biz-placeholder.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>