shanxia2.0/miniprogram/pages/home/home.vue

<script setup>
import { onShow } from '@dcloudio/uni-app'
import { useUserStore } from '@/stores/user'
import { PAGE_PATHS } from '@/config/api'
import { getSafeAreaStyle } from '@/utils/safeArea'

const safeAreaStyle = getSafeAreaStyle()
const userStore = useUserStore()

onShow(() => {
  userStore.checkLoginStatus()
  if (!userStore.isLoggedIn) {
    uni.reLaunch({ url: PAGE_PATHS.login })
  }
})

const goWorkbench = () => {
  uni.reLaunch({ url: PAGE_PATHS.workbench })
}
</script>

<template>
  <view class="mp-page mp-page--tab">
    <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" />
      <text class="mp-placeholder__title">首页功能建设中</text>
      <text class="mp-placeholder__desc">请从底部「工作台」进入 CRM、报销、地磅、运输业务办理。</text>
      <button class="mp-btn mp-btn--primary" style="margin-top: 40rpx; padding: 0 48rpx" @click="goWorkbench">
        前往工作台
      </button>
    </view>
  </view>
</template>