shanxia2.0/miniprogram/pages/db/dashboard/index.vue

<script setup>
import { ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import {
  getDashboardStats,
  listWeighing,
  getInboundByCargo,
  getOutboundByCargo
} from '@/api/db'
import { weighingPhase, todayYmd, dash, formatWeight } from '@/utils/dbLabels'
import { PAGE_PATHS } from '@/config/api'

const stats = ref({
  todayInbound: 0,
  todayOutbound: 0,
  todayWeighing: 0,
  needSecond: 0
})
const topCargo = ref([])
const loading = ref(false)

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

const goWeighing = () => uni.navigateTo({ url: PAGE_PATHS.dbWeighingList })
const goPlans = () => uni.navigateTo({ url: PAGE_PATHS.dbPlansList })
const goInventory = () => uni.navigateTo({ url: PAGE_PATHS.dbInventoryList })

const load = async () => {
  loading.value = true
  try {
    const [s, weighings, inCargo, outCargo] = await Promise.all([
      getDashboardStats(),
      listWeighing({ dateFrom: todayYmd(), dateTo: todayYmd() }),
      getInboundByCargo(),
      getOutboundByCargo()
    ])
    const todayList = weighings || []
    const needSecond = todayList.filter((w) => {
      const p = weighingPhase(w)
      return p.text === '一次过磅'
    }).length
    stats.value = {
      todayInbound: s.todayInbound ?? s.today_inbound ?? 0,
      todayOutbound: s.todayOutbound ?? s.today_outbound ?? 0,
      todayWeighing: todayList.filter((w) => Number(w.isVoided) !== 1).length,
      needSecond
    }
    const merged = []
      .concat(inCargo || [])
      .concat(outCargo || [])
      .slice(0, 6)
    topCargo.value = merged
  } catch (e) {
    uni.showToast({ title: e.message || '加载失败', icon: 'none' })
  } finally {
    loading.value = false
  }
}

onShow(() => load())
</script>

<template>
  <view class="mp-page mp-page--sub">
    <view class="mp-header mp-header--db">
      <text class="mp-subpage-back" @click="goBack">← 工作台</text>
      <text class="mp-header__title" style="margin-top: 16rpx">地磅仪表盘</text>
      <text class="mp-header__meta">今日出入库与过磅概况</text>
    </view>

    <view class="mp-stats mp-stats--4">
      <view class="mp-stat">
        <text class="mp-stat__num">{{ stats.todayWeighing }}</text>
        <text class="mp-stat__label">今日过磅</text>
      </view>
      <view class="mp-stat">
        <text class="mp-stat__num">{{ stats.needSecond }}</text>
        <text class="mp-stat__label">待二次过磅</text>
      </view>
      <view class="mp-stat">
        <text class="mp-stat__num">{{ Number(stats.todayInbound).toFixed(0) }}</text>
        <text class="mp-stat__label">今日入库</text>
      </view>
      <view class="mp-stat">
        <text class="mp-stat__num">{{ Number(stats.todayOutbound).toFixed(0) }}</text>
        <text class="mp-stat__label">今日出库</text>
      </view>
    </view>

    <view class="mp-section">
      <view class="mp-list">
        <view class="mp-card" @click="goWeighing">
          <view class="mp-card__head">
            <text class="mp-card__title">地磅单管理</text>
            <text class="mp-tag mp-tag--warning">现场</text>
          </view>
          <text class="mp-card__sub">查看过磅记录，办理二次过磅</text>
        </view>
        <view class="mp-card" @click="goPlans">
          <view class="mp-card__head">
            <text class="mp-card__title">地磅计划</text>
            <text class="mp-tag mp-tag--info">计划</text>
          </view>
          <text class="mp-card__sub">查看入/出库计划执行进度</text>
        </view>
        <view class="mp-card" @click="goInventory">
          <view class="mp-card__head">
            <text class="mp-card__title">出入库单</text>
            <text class="mp-tag mp-tag--success">单据</text>
          </view>
          <text class="mp-card__sub">查看出入库及关联过磅</text>
        </view>
      </view>
    </view>

    <view v-if="topCargo.length" class="mp-block">
      <text class="mp-block__title">货品计划 vs 实绩（节选）</text>
      <view class="mp-block__panel">
        <view v-for="(c, i) in topCargo" :key="i" class="mp-kv">
          <text class="mp-kv__label">{{ dash(c.label) }}</text>
          <text class="mp-kv__value">
            计划 {{ formatWeight(c.planned, '') }} / 实绩 {{ formatWeight(c.actual, '') }}
          </text>
        </view>
      </view>
    </view>

    <view v-if="loading" class="mp-list-loading">加载中…</view>
  </view>
</template>