shanxia2.0/miniprogram/components/bx-ui/bx-placeholder-page.vue

<script setup>
import { computed } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { PAGE_PATHS } from '@/config/api'
import { getSafeAreaStyle } from '@/utils/safeArea'

const safeAreaStyle = getSafeAreaStyle()

const props = defineProps({
  defaultTitle: { type: String, default: '报销业务' }
})

const title = computed(() => props.defaultTitle)

const goBack = () => {
  uni.navigateBack({
    fail: () => uni.reLaunch({ url: PAGE_PATHS.workbench })
  })
}

onLoad(() => {})
</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">
        菜单与权限已开通。列表 / 表单 / 详情将按批次从 bx-mobile 迁入，接口复用现有报销 API。
      </text>
    </view>
  </view>
</template>