微信小程序页面迁移校验之前 P5任务处理之前

apps/miniprogram - 副本/miniprogram/pages/board-finance/board-finance.json

@@ -0,0 +1,12 @@
+{
+  "navigationBarTitleText": "看板",
+  "enablePullDownRefresh": true,
+  "usingComponents": {
+    "metric-card": "/components/metric-card/metric-card",
+    "filter-dropdown": "/components/filter-dropdown/filter-dropdown",
+    "ai-float-button": "/components/ai-float-button/ai-float-button",
+    "t-loading": "tdesign-miniprogram/loading/loading",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-empty": "tdesign-miniprogram/empty/empty"
+  }
+}

apps/miniprogram - 副本/miniprogram/pages/board-finance/board-finance.ts

@@ -0,0 +1,345 @@
+// 财务看板页 — 忠于 H5 原型结构，内联 mock 数据
+// TODO: 联调时替换 mock 数据为真实 API 调用
+
+/** 目录板块定义 */
+interface TocItem {
+  emoji: string
+  title: string
+  sectionId: string
+}
+
+/** 指标解释映射 */
+const tipContents: Record<string, { title: string; content: string }> = {
+  occurrence: {
+    title: '发生额/正价',
+    content: '所有消费项目按标价计算的总金额，不扣除任何优惠。\n\n即"如果没有任何折扣，客户应付多少"。',
+  },
+  discount: {
+    title: '总优惠',
+    content: '包含会员折扣、赠送卡抵扣、团购差价等所有优惠金额。\n\n优惠越高，实际收入越低。',
+  },
+  confirmed: {
+    title: '成交/确认收入',
+    content: '发生额减去总优惠后的实际入账金额。\n\n成交收入 = 发生额 - 总优惠',
+  },
+  cashIn: {
+    title: '实收/现金流入',
+    content: '实际到账的现金，包含消费直接支付和储值充值。\n\n往期为已结算金额，本期为截至当前的发生额。',
+  },
+  cashOut: {
+    title: '现金支出',
+    content: '包含人工、房租、水电、进货等所有经营支出。',
+  },
+  balance: {
+    title: '现金结余',
+    content: '现金流入减去现金支出。\n\n现金结余 = 现金流入 - 现金支出',
+  },
+  rechargeActual: {
+    title: '储值卡充值实收',
+    content: '会员储值卡首充和续费的实际到账金额。\n\n不含赠送金额。',
+  },
+  firstCharge: {
+    title: '首充',
+    content: '新会员首次充值的金额。',
+  },
+  renewCharge: {
+    title: '续费',
+    content: '老会员续费充值的金额。',
+  },
+  consume: {
+    title: '消耗',
+    content: '会员使用储值卡消费的金额。',
+  },
+  cardBalance: {
+    title: '储值卡总余额',
+    content: '所有储值卡的剩余可用余额。',
+  },
+  allCardBalance: {
+    title: '全类别会员卡余额合计',
+    content: '储值卡 + 赠送卡（酒水卡、台费卡、抵用券）的总余额。\n\n仅供经营参考，非财务属性。',
+  },
+}
+
+Page({
+  data: {
+    pageState: 'normal' as 'loading' | 'empty' | 'normal',
+
+    /** 时间筛选 */
+    selectedTime: 'month',
+    timeOptions: [
+      { value: 'month', text: '本月' },
+      { value: 'lastMonth', text: '上月' },
+      { value: 'week', text: '本周' },
+      { value: 'lastWeek', text: '上周' },
+      { value: 'quarter3', text: '前3个月 不含本月' },
+      { value: 'quarter', text: '本季度' },
+      { value: 'lastQuarter', text: '上季度' },
+      { value: 'half6', text: '最近6个月不含本月' },
+    ],
+
+    /** 区域筛选 */
+    selectedArea: 'all',
+    areaOptions: [
+      { value: 'all', text: '全部区域' },
+      { value: 'hall', text: '大厅' },
+      { value: 'hallA', text: 'A区' },
+      { value: 'hallB', text: 'B区' },
+      { value: 'hallC', text: 'C区' },
+      { value: 'mahjong', text: '麻将房' },
+      { value: 'teamBuilding', text: '团建房' },
+    ],
+
+    /** 环比开关 */
+    compareEnabled: false,
+
+    /** 目录导航 */
+    tocVisible: false,
+    tocItems: [
+      { emoji: '📈', title: '经营一览', sectionId: 'section-overview' },
+      { emoji: '💳', title: '预收资产', sectionId: 'section-recharge' },
+      { emoji: '💰', title: '应计收入确认', sectionId: 'section-revenue' },
+      { emoji: '🧾', title: '现金流入', sectionId: 'section-cashflow' },
+      { emoji: '📤', title: '现金流出', sectionId: 'section-expense' },
+      { emoji: '🎱', title: '助教分析', sectionId: 'section-coach' },
+    ] as TocItem[],
+    currentSectionIndex: 0,
+    scrollIntoView: '',
+
+    /** 提示弹窗 */
+    tipVisible: false,
+    tipTitle: '',
+    tipContent: '',
+
+    /** 经营一览 */
+    overview: {
+      occurrence: '¥823,456',
+      occurrenceCompare: '12.5%',
+      discount: '-¥113,336',
+      discountCompare: '3.2%',
+      discountRate: '13.8%',
+      discountRateCompare: '1.5%',
+      confirmedRevenue: '¥710,120',
+      confirmedCompare: '8.7%',
+      cashIn: '¥698,500',
+      cashInCompare: '5.3%',
+      cashOut: '¥472,300',
+      cashOutCompare: '2.1%',
+      cashBalance: '¥226,200',
+      cashBalanceCompare: '15.2%',
+      balanceRate: '32.4%',
+      balanceRateCompare: '3.8%',
+    },
+
+    /** 预收资产 */
+    recharge: {
+      actualIncome: '¥352,800',
+      actualCompare: '18.5%',
+      firstCharge: '¥188,500',
+      firstChargeCompare: '12.3%',
+      renewCharge: '¥164,300',
+      renewChargeCompare: '8.7%',
+      consumed: '¥238,200',
+      consumedCompare: '5.2%',
+      cardBalance: '¥642,600',
+      cardBalanceCompare: '11.4%',
+      giftRows: [
+        {
+          label: '新增', total: '¥108,600', totalCompare: '9.8%',
+          wine: '¥43,200', wineCompare: '11.2%',
+          table: '¥54,100', tableCompare: '8.5%',
+          coupon: '¥11,300', couponCompare: '6.3%',
+        },
+        {
+          label: '消费', total: '¥75,800', totalCompare: '7.2%',
+          wine: '¥32,100', wineCompare: '8.1%',
+          table: '¥32,800', tableCompare: '6.5%',
+          coupon: '¥10,900', couponCompare: '5.8%',
+        },
+        {
+          label: '余额', total: '¥243,900', totalCompare: '4.5%',
+          wine: '¥118,500', wineCompare: '5.2%',
+          table: '¥109,200', tableCompare: '3.8%',
+          coupon: '¥16,200', couponCompare: '2.5%',
+        },
+      ],
+      allCardBalance: '¥586,500',
+      allCardBalanceCompare: '6.2%',
+    },
+
+    /** 应计收入确认 */
+    revenue: {
+      structureRows: [
+        { name: '开台与包厢', amount: '¥358,600', discount: '-¥45,200', booked: '¥313,400', bookedCompare: '9.2%' },
+        { name: 'A区', amount: '¥118,200', discount: '-¥11,600', booked: '¥106,600', bookedCompare: '12.1%', isSub: true },
+        { name: 'B区', amount: '¥95,800', discount: '-¥11,200', booked: '¥84,600', bookedCompare: '8.5%', isSub: true },
+        { name: 'C区', amount: '¥72,600', discount: '-¥11,100', booked: '¥61,500', bookedCompare: '6.3%', isSub: true },
+        { name: '团建区', amount: '¥48,200', discount: '-¥6,800', booked: '¥41,400', bookedCompare: '5.8%', isSub: true },
+        { name: '麻将区', amount: '¥23,800', discount: '-¥4,500', booked: '¥19,300', bookedCompare: '-2.1%', isSub: true },
+        { name: '助教', desc: '基础课', amount: '¥232,500', discount: '-', booked: '¥232,500', bookedCompare: '15.3%' },
+        { name: '助教', desc: '激励课', amount: '¥112,800', discount: '-', booked: '¥112,800', bookedCompare: '8.2%' },
+        { name: '食品酒水', amount: '¥119,556', discount: '-¥68,136', booked: '¥51,420', bookedCompare: '6.5%' },
+      ],
+      priceItems: [
+        { name: '开台消费', value: '¥358,600', compare: '9.2%' },
+        { name: '酒水商品', value: '¥186,420', compare: '18.5%' },
+        { name: '包厢费用', value: '¥165,636', compare: '12.1%' },
+        { name: '助教服务', value: '¥112,800', compare: '15.3%' },
+      ],
+      totalOccurrence: '¥823,456',
+      totalOccurrenceCompare: '12.5%',
+      discountItems: [
+        { name: '会员折扣', value: '-¥45,200', compare: '3.1%' },
+        { name: '赠送卡抵扣', value: '-¥42,016', compare: '2.5%' },
+        { name: '团购差价', value: '-¥26,120', compare: '5.2%' },
+      ],
+      confirmedTotal: '¥710,120',
+      confirmedTotalCompare: '8.7%',
+      channelItems: [
+        { name: '储值卡结算冲销', value: '¥238,200', compare: '11.2%' },
+        { name: '现金/线上支付', value: '¥345,800', compare: '7.8%' },
+        { name: '团购核销确认收入', desc: '团购成交价', value: '¥126,120', compare: '5.3%' },
+      ],
+    },
+
+    /** 现金流入 */
+    cashflow: {
+      consumeItems: [
+        { name: '纸币现金', desc: '柜台现金收款', value: '¥85,600', compare: '12.3%', isDown: true },
+        { name: '线上收款', desc: '微信/支付宝/刷卡 已扣除平台服务费', value: '¥260,200', compare: '8.5%', isDown: false },
+        { name: '团购平台', desc: '美团/抖音回款 已扣除平台服务费', value: '¥126,120', compare: '15.2%', isDown: false },
+      ],
+      rechargeItems: [
+        { name: '会员充值到账', desc: '首充/续费实收', value: '¥352,800', compare: '18.5%' },
+      ],
+      total: '¥824,720',
+      totalCompare: '10.2%',
+    },
+
+    /** 现金流出 */
+    expense: {
+      operationItems: [
+        { name: '食品饮料', value: '¥108,200', compare: '4.5%', isDown: false },
+        { name: '耗材', value: '¥21,850', compare: '2.1%', isDown: true },
+        { name: '报销', value: '¥10,920', compare: '6.8%', isDown: false },
+      ],
+      fixedItems: [
+        { name: '房租', value: '¥125,000', compare: '持平', isFlat: true },
+        { name: '水电', value: '¥24,200', compare: '3.2%', isFlat: false },
+        { name: '物业', value: '¥11,500', compare: '持平', isFlat: true },
+        { name: '人员工资', value: '¥112,000', compare: '持平', isFlat: true },
+      ],
+      coachItems: [
+        { name: '基础课分成', value: '¥116,250', compare: '8.2%', isDown: false },
+        { name: '激励课分成', value: '¥23,840', compare: '5.6%', isDown: false },
+        { name: '充值提成', value: '¥12,640', compare: '12.3%', isDown: false },
+        { name: '额外奖金', value: '¥11,500', compare: '3.1%', isDown: true },
+      ],
+      platformItems: [
+        { name: '汇来米', value: '¥10,680', compare: '1.5%' },
+        { name: '美团', value: '¥11,240', compare: '2.8%' },
+        { name: '抖音', value: '¥10,580', compare: '3.5%' },
+      ],
+      total: '¥600,400',
+      totalCompare: '2.1%',
+    },
+
+    /** 助教分析 */
+    coachAnalysis: {
+      basic: {
+        totalPay: '¥232,500',
+        totalPayCompare: '15.3%',
+        totalShare: '¥116,250',
+        totalShareCompare: '15.3%',
+        avgHourly: '¥25/h',
+        avgHourlyCompare: '4.2%',
+        rows: [
+          { level: '初级', pay: '¥68,600', payCompare: '12.5%', share: '¥34,300', shareCompare: '12.5%', hourly: '¥20/h', hourlyCompare: '持平', hourlyFlat: true },
+          { level: '中级', pay: '¥82,400', payCompare: '18.2%', share: '¥41,200', shareCompare: '18.2%', hourly: '¥25/h', hourlyCompare: '8.7%' },
+          { level: '高级', pay: '¥57,800', payCompare: '14.6%', share: '¥28,900', shareCompare: '14.6%', hourly: '¥30/h', hourlyCompare: '持平', hourlyFlat: true },
+          { level: '星级', pay: '¥23,700', payCompare: '3.2%', payDown: true, share: '¥11,850', shareCompare: '3.2%', shareDown: true, hourly: '¥35/h', hourlyCompare: '持平', hourlyFlat: true },
+        ],
+      },
+      incentive: {
+        totalPay: '¥112,800',
+        totalPayCompare: '8.2%',
+        totalShare: '¥33,840',
+        totalShareCompare: '8.2%',
+        avgHourly: '¥15/h',
+        avgHourlyCompare: '2.1%',
+      },
+    },
+  },
+
+  onLoad() {
+    // mock 数据已内联，直接显示
+  },
+
+  onPullDownRefresh() {
+    setTimeout(() => wx.stopPullDownRefresh(), 500)
+  },
+
+  /** 看板 Tab 切换 */
+  onTabChange(e: WechatMiniprogram.TouchEvent) {
+    const tab = e.currentTarget.dataset.tab as string
+    if (tab === 'customer') {
+      wx.navigateTo({ url: '/pages/board-customer/board-customer' })
+    } else if (tab === 'coach') {
+      wx.navigateTo({ url: '/pages/board-coach/board-coach' })
+    }
+  },
+
+  /** 时间筛选变更 */
+  onTimeChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
+    this.setData({ selectedTime: e.detail.value })
+  },
+
+  /** 区域筛选变更 */
+  onAreaChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
+    this.setData({ selectedArea: e.detail.value })
+  },
+
+  /** 环比开关切换 */
+  toggleCompare() {
+    this.setData({ compareEnabled: !this.data.compareEnabled })
+  },
+
+  /** 目录导航开关 */
+  toggleToc() {
+    this.setData({ tocVisible: !this.data.tocVisible })
+  },
+
+  closeToc() {
+    this.setData({ tocVisible: false })
+  },
+
+  /** 目录项点击 → 滚动到对应板块 */
+  onTocItemTap(e: WechatMiniprogram.TouchEvent) {
+    const index = e.currentTarget.dataset.index as number
+    const sectionId = this.data.tocItems[index]?.sectionId
+    if (sectionId) {
+      this.setData({
+        tocVisible: false,
+        currentSectionIndex: index,
+        scrollIntoView: sectionId,
+      })
+    }
+  },
+
+  /** 帮助图标点击 → 弹出说明 */
+  onHelpTap(e: WechatMiniprogram.TouchEvent) {
+    const key = e.currentTarget.dataset.key as string
+    const tip = tipContents[key]
+    if (tip) {
+      this.setData({
+        tipVisible: true,
+        tipTitle: tip.title,
+        tipContent: tip.content,
+      })
+    }
+  },
+
+  /** 关闭提示弹窗 */
+  closeTip() {
+    this.setData({ tipVisible: false })
+  },
+})

apps/miniprogram - 副本/miniprogram/pages/board-finance/board-finance.wxml

@@ -0,0 +1,734 @@
+<!-- 财务看板页 — 忠于 H5 原型结构 -->
+
+<!-- 加载态 -->
+<view class="page-loading" wx:if="{{pageState === 'loading'}}">
+  <t-loading theme="circular" size="80rpx" text="加载中..." />
+</view>
+
+<!-- 空状态 -->
+<view class="page-empty" wx:elif="{{pageState === 'empty'}}">
+  <t-empty description="暂无财务数据" />
+</view>
+
+<!-- 正常态 -->
+<block wx:else>
+  <!-- 顶部看板 Tab 导航 -->
+  <view class="board-tabs">
+    <view class="board-tab board-tab--active" data-tab="finance">
+      <text>财务</text>
+    </view>
+    <view class="board-tab" data-tab="customer" bindtap="onTabChange">
+      <text>客户</text>
+    </view>
+    <view class="board-tab" data-tab="coach" bindtap="onTabChange">
+      <text>助教</text>
+    </view>
+  </view>
+
+  <!-- 筛选区域 -->
+  <view class="filter-bar">
+    <view class="filter-bar-inner">
+      <!-- 目录按钮 -->
+      <view class="toc-btn" bindtap="toggleToc">
+        <t-icon name="view-list" size="40rpx" color="#ffffff" />
+      </view>
+
+      <!-- 时间筛选 -->
+      <view class="filter-item">
+        <filter-dropdown
+          label="本月"
+          options="{{timeOptions}}"
+          value="{{selectedTime}}"
+          bind:change="onTimeChange"
+        />
+      </view>
+
+      <!-- 区域筛选 -->
+      <view class="filter-item">
+        <filter-dropdown
+          label="全部区域"
+          options="{{areaOptions}}"
+          value="{{selectedArea}}"
+          bind:change="onAreaChange"
+        />
+      </view>
+
+      <!-- 环比开关 -->
+      <view class="compare-switch" bindtap="toggleCompare">
+        <text class="compare-label">环比</text>
+        <view class="compare-toggle {{compareEnabled ? 'compare-toggle--active' : ''}}">
+          <view class="compare-toggle-dot"></view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 滚动内容区 -->
+  <scroll-view
+    class="board-content"
+    scroll-y
+    scroll-into-view="{{scrollIntoView}}"
+    scroll-with-animation
+  >
+
+    <!-- ===== 板块 1: 经营一览（深色） ===== -->
+    <view id="section-overview" class="card-section section-dark">
+      <view class="card-header-dark">
+        <text class="card-header-emoji">📈</text>
+        <view class="card-header-text">
+          <text class="card-header-title-dark">经营一览</text>
+          <text class="card-header-desc-dark">快速了解收入与现金流的整体健康度</text>
+        </view>
+      </view>
+
+      <!-- 收入概览 -->
+      <view class="sub-section-label">
+        <text class="sub-label-text">收入概览</text>
+        <text class="sub-label-desc">记账口径收入与优惠</text>
+      </view>
+
+      <view class="overview-grid-3">
+        <view class="overview-cell">
+          <view class="cell-label-row">
+            <text class="cell-label-light">发生额/正价</text>
+            <view class="help-icon-light" data-key="occurrence" bindtap="onHelpTap">?</view>
+          </view>
+          <text class="cell-value-white">{{overview.occurrence}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-up">↑{{overview.occurrenceCompare}}</text>
+          </view>
+        </view>
+        <view class="overview-cell">
+          <view class="cell-label-row">
+            <text class="cell-label-light">总优惠</text>
+            <view class="help-icon-light" data-key="discount" bindtap="onHelpTap">?</view>
+          </view>
+          <text class="cell-value-red">{{overview.discount}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-down">↓{{overview.discountCompare}}</text>
+          </view>
+        </view>
+        <view class="overview-cell">
+          <view class="cell-label-row">
+            <text class="cell-label-light">优惠占比</text>
+          </view>
+          <text class="cell-value-gray">{{overview.discountRate}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-down">↓{{overview.discountRateCompare}}</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 成交/确认收入 -->
+      <view class="confirmed-row">
+        <view class="confirmed-left">
+          <text class="confirmed-label">成交/确认收入</text>
+          <view class="help-icon-light" data-key="confirmed" bindtap="onHelpTap">?</view>
+        </view>
+        <view class="confirmed-right">
+          <text class="confirmed-value">{{overview.confirmedRevenue}}</text>
+          <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+            <text class="compare-text-up">↑{{overview.confirmedCompare}}</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="section-divider-light"></view>
+
+      <!-- 现金流水概览 -->
+      <view class="sub-section-label">
+        <text class="sub-label-text">现金流水概览</text>
+        <text class="sub-label-desc">往期为已结算 本期为截至当前的发生额</text>
+      </view>
+
+      <view class="overview-grid-2">
+        <view class="overview-cell-bg">
+          <view class="cell-label-row">
+            <text class="cell-label-light">实收/现金流入</text>
+            <view class="help-icon-light" data-key="cashIn" bindtap="onHelpTap">?</view>
+          </view>
+          <text class="cell-value-white-sm">{{overview.cashIn}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-up">↑{{overview.cashInCompare}}</text>
+          </view>
+        </view>
+        <view class="overview-cell-bg">
+          <view class="cell-label-row">
+            <text class="cell-label-light">现金支出</text>
+            <view class="help-icon-light" data-key="cashOut" bindtap="onHelpTap">?</view>
+          </view>
+          <text class="cell-value-gray-sm">{{overview.cashOut}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-up">↑{{overview.cashOutCompare}}</text>
+          </view>
+        </view>
+        <view class="overview-cell-bg">
+          <view class="cell-label-row">
+            <text class="cell-label-light">现金结余</text>
+            <view class="help-icon-light" data-key="balance" bindtap="onHelpTap">?</view>
+          </view>
+          <text class="cell-value-white-sm">{{overview.cashBalance}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-up">↑{{overview.cashBalanceCompare}}</text>
+          </view>
+        </view>
+        <view class="overview-cell-bg">
+          <view class="cell-label-row">
+            <text class="cell-label-light">结余率</text>
+          </view>
+          <text class="cell-value-white-sm">{{overview.balanceRate}}</text>
+          <view class="compare-row" wx:if="{{compareEnabled}}">
+            <text class="compare-text-up">↑{{overview.balanceRateCompare}}</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- AI 洞察 -->
+      <view class="ai-insight-section">
+        <view class="ai-insight-header">
+          <view class="ai-insight-icon">🤖</view>
+          <text class="ai-insight-title">AI 智能洞察</text>
+        </view>
+        <view class="ai-insight-body">
+          <text class="ai-insight-line"><text class="ai-insight-dim">优惠率Top：</text>团购(5.2%) / 大客户(3.1%) / 赠送卡(2.5%)</text>
+          <text class="ai-insight-line"><text class="ai-insight-dim">差异最大：</text>酒水(+18%) / 台桌(-5%) / 包厢(+12%)</text>
+          <text class="ai-insight-line"><text class="ai-insight-dim">建议关注：</text>充值高但消耗低，会员活跃度需提升</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- ===== 板块 2: 预收资产 ===== -->
+    <view id="section-recharge" class="card-section">
+      <view class="card-header-light">
+        <text class="card-header-emoji">💳</text>
+        <view class="card-header-text">
+          <text class="card-header-title-light">预收资产</text>
+          <text class="card-header-desc-light">会员卡充值与余额 掌握资金沉淀</text>
+        </view>
+      </view>
+
+      <!-- 储值卡统计 -->
+      <view class="section-body">
+        <text class="card-section-title">储值卡统计</text>
+        <view class="table-bordered">
+          <!-- 行1：储值卡充值实收 -->
+          <view class="table-row table-row--highlight">
+            <view class="table-row-left">
+              <text class="table-row-label-bold">储值卡充值实收</text>
+              <view class="help-icon-dark" data-key="rechargeActual" bindtap="onHelpTap">?</view>
+            </view>
+            <view class="table-row-right">
+              <text class="table-row-value-lg">{{recharge.actualIncome}}</text>
+              <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-sm">↑{{recharge.actualCompare}}</text>
+              </view>
+            </view>
+          </view>
+          <!-- 行2：首充/续费/消耗 三列 -->
+          <view class="table-row-grid3">
+            <view class="grid-cell">
+              <view class="cell-label-row-sm">
+                <text class="cell-label-sm">首充</text>
+                <view class="help-icon-dark-sm" data-key="firstCharge" bindtap="onHelpTap">?</view>
+              </view>
+              <text class="cell-value-sm">{{recharge.firstCharge}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{recharge.firstChargeCompare}}</text>
+              </view>
+            </view>
+            <view class="grid-cell">
+              <view class="cell-label-row-sm">
+                <text class="cell-label-sm">续费</text>
+                <view class="help-icon-dark-sm" data-key="renewCharge" bindtap="onHelpTap">?</view>
+              </view>
+              <text class="cell-value-sm">{{recharge.renewCharge}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{recharge.renewChargeCompare}}</text>
+              </view>
+            </view>
+            <view class="grid-cell">
+              <view class="cell-label-row-sm">
+                <text class="cell-label-sm">消耗</text>
+                <view class="help-icon-dark-sm" data-key="consume" bindtap="onHelpTap">?</view>
+              </view>
+              <text class="cell-value-sm">{{recharge.consumed}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{recharge.consumedCompare}}</text>
+              </view>
+            </view>
+          </view>
+          <!-- 行3：储值卡总余额 -->
+          <view class="table-row table-row--footer">
+            <view class="table-row-left">
+              <text class="table-row-label-bold">储值卡总余额</text>
+              <view class="help-icon-dark" data-key="cardBalance" bindtap="onHelpTap">?</view>
+            </view>
+            <view class="table-row-right">
+              <text class="table-row-value-lg">{{recharge.cardBalance}}</text>
+              <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-sm">↑{{recharge.cardBalanceCompare}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 赠送卡统计详情 -->
+        <text class="card-section-title" style="margin-top: 28rpx;">赠送卡统计详情</text>
+        <view class="table-bordered">
+          <!-- 表头 -->
+          <view class="gift-table-header">
+            <text class="gift-col gift-col--name">类型</text>
+            <text class="gift-col">酒水卡</text>
+            <text class="gift-col">台费卡</text>
+            <text class="gift-col">抵用券</text>
+          </view>
+          <!-- 新增行 -->
+          <view class="gift-table-row" wx:for="{{recharge.giftRows}}" wx:key="label">
+            <view class="gift-col gift-col--name">
+              <text class="gift-row-label">{{item.label}}</text>
+              <text class="gift-row-total">{{item.total}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{item.totalCompare}}</text>
+              </view>
+            </view>
+            <view class="gift-col">
+              <text class="gift-col-val">{{item.wine}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{item.wineCompare}}</text>
+              </view>
+            </view>
+            <view class="gift-col">
+              <text class="gift-col-val">{{item.table}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{item.tableCompare}}</text>
+              </view>
+            </view>
+            <view class="gift-col">
+              <text class="gift-col-val">{{item.coupon}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{item.couponCompare}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 全类别会员卡余额合计 -->
+        <view class="total-balance-row">
+          <view class="total-balance-left">
+            <text class="total-balance-label">全类别会员卡余额合计</text>
+            <view class="help-icon-dark" data-key="allCardBalance" bindtap="onHelpTap">?</view>
+            <text class="total-balance-note">仅经营参考，非财务属性</text>
+          </view>
+          <view class="total-balance-right">
+            <text class="total-balance-value">{{recharge.allCardBalance}}</text>
+            <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+              <text class="compare-text-up-sm">↑{{recharge.allCardBalanceCompare}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- ===== 板块 3: 应计收入确认 ===== -->
+    <view id="section-revenue" class="card-section">
+      <view class="card-header-light">
+        <text class="card-header-emoji">💰</text>
+        <view class="card-header-text">
+          <text class="card-header-title-light">【记账】应计收入确认</text>
+          <text class="card-header-desc-light">从发生额到入账收入的全流程</text>
+        </view>
+      </view>
+
+      <view class="section-body">
+        <!-- 收入结构 -->
+        <view class="sub-title-row">
+          <text class="sub-title-text">收入结构</text>
+          <text class="sub-title-desc">按业务查看各项应计收入的构成</text>
+        </view>
+        <view class="table-bordered">
+          <!-- 表头 -->
+          <view class="rev-table-header">
+            <text class="rev-col rev-col--name">项目</text>
+            <text class="rev-col">发生额</text>
+            <text class="rev-col">优惠</text>
+            <text class="rev-col">入账</text>
+          </view>
+          <!-- 数据行 -->
+          <block wx:for="{{revenue.structureRows}}" wx:key="name">
+            <view class="rev-table-row {{item.isSub ? 'rev-table-row--sub' : ''}}">
+              <view class="rev-col rev-col--name">
+                <text class="{{item.isSub ? 'rev-name-sub' : 'rev-name'}}">{{item.name}}</text>
+                <text class="rev-name-desc" wx:if="{{item.desc}}">{{item.desc}}</text>
+              </view>
+              <text class="rev-col rev-val">{{item.amount}}</text>
+              <text class="rev-col rev-val {{item.discount !== '-' ? 'rev-val--red' : 'rev-val--muted'}}">{{item.discount}}</text>
+              <view class="rev-col">
+                <text class="rev-val {{item.isSub ? '' : 'rev-val--bold'}}">{{item.booked}}</text>
+                <view class="compare-row" wx:if="{{compareEnabled && item.bookedCompare}}">
+                  <text class="compare-text-up-xs">↑{{item.bookedCompare}}</text>
+                </view>
+              </view>
+            </view>
+          </block>
+        </view>
+
+        <!-- 收入确认（损益链） -->
+        <view class="sub-title-row" style="margin-top: 28rpx;">
+          <text class="sub-title-text">收入确认</text>
+          <text class="sub-title-desc">从正价到收款方式的损益链</text>
+        </view>
+        <view class="table-bordered">
+          <!-- 项目正价 标题 -->
+          <view class="flow-header">
+            <text class="flow-header-title">项目正价</text>
+            <text class="flow-header-desc">即标价测算</text>
+          </view>
+          <!-- 正价明细（左侧竖线） -->
+          <view class="flow-detail-list">
+            <view class="flow-detail-item" wx:for="{{revenue.priceItems}}" wx:key="name">
+              <text class="flow-detail-name">{{item.name}}</text>
+              <view class="flow-detail-right">
+                <text class="flow-detail-val">{{item.value}}</text>
+                <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                  <text class="compare-text-up-xs">↑{{item.compare}}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+          <!-- 发生额合计 -->
+          <view class="flow-total-row">
+            <view class="flow-total-left">
+              <text class="flow-total-label">发生额</text>
+              <text class="flow-total-desc">即上列正价合计</text>
+            </view>
+            <view class="flow-total-right">
+              <text class="flow-total-value">{{revenue.totalOccurrence}}</text>
+              <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-sm">↑{{revenue.totalOccurrenceCompare}}</text>
+              </view>
+            </view>
+          </view>
+          <!-- 优惠扣减 -->
+          <view class="flow-header flow-header--deduct">
+            <text class="flow-header-title">优惠扣减</text>
+          </view>
+          <view class="flow-detail-list">
+            <view class="flow-detail-item" wx:for="{{revenue.discountItems}}" wx:key="name">
+              <text class="flow-detail-name">{{item.name}}</text>
+              <view class="flow-detail-right">
+                <text class="flow-detail-val flow-detail-val--red">{{item.value}}</text>
+                <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                  <text class="compare-text-down-xs">↓{{item.compare}}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+          <!-- 成交收入 -->
+          <view class="flow-total-row flow-total-row--accent">
+            <view class="flow-total-left">
+              <text class="flow-total-label">成交收入</text>
+              <text class="flow-total-desc">发生额 - 优惠</text>
+            </view>
+            <view class="flow-total-right">
+              <text class="flow-total-value">{{revenue.confirmedTotal}}</text>
+              <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-sm">↑{{revenue.confirmedTotalCompare}}</text>
+              </view>
+            </view>
+          </view>
+          <!-- 收款渠道 -->
+          <view class="flow-header">
+            <text class="flow-header-title">收款渠道明细</text>
+          </view>
+          <view class="flow-detail-list">
+            <view class="flow-detail-item" wx:for="{{revenue.channelItems}}" wx:key="name">
+              <view class="flow-detail-name-group">
+                <text class="flow-detail-name">{{item.name}}</text>
+                <text class="flow-detail-name-desc" wx:if="{{item.desc}}">{{item.desc}}</text>
+              </view>
+              <view class="flow-detail-right">
+                <text class="flow-detail-val">{{item.value}}</text>
+                <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                  <text class="compare-text-up-xs">↑{{item.compare}}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- ===== 板块 4: 现金流入 ===== -->
+    <view id="section-cashflow" class="card-section">
+      <view class="card-header-light">
+        <text class="card-header-emoji">🧾</text>
+        <view class="card-header-text">
+          <text class="card-header-title-light">【现金流水】流入</text>
+          <text class="card-header-desc-light">实际到账的资金来源明细</text>
+        </view>
+      </view>
+
+      <view class="section-body">
+        <!-- 消费收入 -->
+        <text class="flow-group-label">消费收入</text>
+        <view class="flow-item-list">
+          <view class="flow-item" wx:for="{{cashflow.consumeItems}}" wx:key="name">
+            <view class="flow-item-left">
+              <text class="flow-item-name">{{item.name}}</text>
+              <text class="flow-item-desc" wx:if="{{item.desc}}">{{item.desc}}</text>
+            </view>
+            <view class="flow-item-right">
+              <text class="flow-item-value">{{item.value}}</text>
+              <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                <text class="{{item.isDown ? 'compare-text-down-xs' : 'compare-text-up-xs'}}">{{item.isDown ? '↓' : '↑'}}{{item.compare}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 充值收入 -->
+        <text class="flow-group-label" style="margin-top: 20rpx;">充值收入</text>
+        <view class="flow-item-list">
+          <view class="flow-item" wx:for="{{cashflow.rechargeItems}}" wx:key="name">
+            <view class="flow-item-left">
+              <text class="flow-item-name">{{item.name}}</text>
+              <text class="flow-item-desc" wx:if="{{item.desc}}">{{item.desc}}</text>
+            </view>
+            <view class="flow-item-right">
+              <text class="flow-item-value">{{item.value}}</text>
+              <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{item.compare}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 合计 -->
+        <view class="flow-sum-row">
+          <text class="flow-sum-label">现金流入合计</text>
+          <view class="flow-sum-right">
+            <text class="flow-sum-value">{{cashflow.total}}</text>
+            <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+              <text class="compare-text-up-sm">↑{{cashflow.totalCompare}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- ===== 板块 5: 现金流出 ===== -->
+    <view id="section-expense" class="card-section">
+      <view class="card-header-light">
+        <text class="card-header-emoji">📤</text>
+        <view class="card-header-text">
+          <text class="card-header-title-light">【现金流水】流出</text>
+          <text class="card-header-desc-light">清晰呈现各类开销与结构</text>
+        </view>
+      </view>
+
+      <view class="section-body">
+        <!-- 进货与运营 3列 -->
+        <text class="expense-group-label">进货与运营</text>
+        <view class="expense-grid-3">
+          <view class="expense-cell" wx:for="{{expense.operationItems}}" wx:key="name">
+            <text class="expense-cell-label">{{item.name}}</text>
+            <text class="expense-cell-value">{{item.value}}</text>
+            <view class="compare-row" wx:if="{{compareEnabled}}">
+              <text class="{{item.isDown ? 'compare-text-down-xs' : 'compare-text-up-xs'}}">{{item.isDown ? '↓' : '↑'}}{{item.compare}}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 固定支出 2×2 -->
+        <text class="expense-group-label">固定支出</text>
+        <view class="expense-grid-2">
+          <view class="expense-cell" wx:for="{{expense.fixedItems}}" wx:key="name">
+            <text class="expense-cell-label">{{item.name}}</text>
+            <text class="expense-cell-value">{{item.value}}</text>
+            <view class="compare-row" wx:if="{{compareEnabled}}">
+              <text class="{{item.isFlat ? 'compare-text-flat-xs' : 'compare-text-up-xs'}}">{{item.isFlat ? '' : '↑'}}{{item.compare}}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 助教薪资 2×2 -->
+        <text class="expense-group-label">助教薪资</text>
+        <view class="expense-grid-2">
+          <view class="expense-cell" wx:for="{{expense.coachItems}}" wx:key="name">
+            <text class="expense-cell-label">{{item.name}}</text>
+            <text class="expense-cell-value">{{item.value}}</text>
+            <view class="compare-row" wx:if="{{compareEnabled}}">
+              <text class="{{item.isDown ? 'compare-text-down-xs' : 'compare-text-up-xs'}}">{{item.isDown ? '↓' : '↑'}}{{item.compare}}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 平台服务费 3列 -->
+        <text class="expense-group-label">平台服务费</text>
+        <text class="expense-group-note">服务费在流水流入时，平台已经扣除。不产生支出流水。</text>
+        <view class="expense-grid-3">
+          <view class="expense-cell" wx:for="{{expense.platformItems}}" wx:key="name">
+            <text class="expense-cell-label">{{item.name}}</text>
+            <text class="expense-cell-value">{{item.value}}</text>
+            <view class="compare-row" wx:if="{{compareEnabled}}">
+              <text class="compare-text-up-xs">↑{{item.compare}}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 支出合计 -->
+        <view class="flow-sum-row">
+          <text class="flow-sum-label">支出合计</text>
+          <view class="flow-sum-right">
+            <text class="flow-sum-value">{{expense.total}}</text>
+            <view class="compare-row-inline" wx:if="{{compareEnabled}}">
+              <text class="compare-text-up-sm">↑{{expense.totalCompare}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- ===== 板块 6: 助教分析 ===== -->
+    <view id="section-coach" class="card-section">
+      <view class="card-header-light">
+        <text class="card-header-emoji">🎱</text>
+        <view class="card-header-text">
+          <text class="card-header-title-light">助教分析</text>
+          <text class="card-header-desc-light">全部助教服务收入与分成的平均值</text>
+        </view>
+      </view>
+
+      <view class="section-body">
+        <!-- 基础课 -->
+        <text class="card-section-title">助教 <text class="card-section-title-sub">（基础课）</text></text>
+        <view class="table-bordered">
+          <view class="coach-fin-header">
+            <text class="coach-fin-col coach-fin-col--name">级别</text>
+            <text class="coach-fin-col">客户支付</text>
+            <text class="coach-fin-col">球房抽成</text>
+            <text class="coach-fin-col">小时平均</text>
+          </view>
+          <!-- 合计行 -->
+          <view class="coach-fin-row coach-fin-row--total">
+            <text class="coach-fin-col coach-fin-col--name coach-fin-bold">合计</text>
+            <view class="coach-fin-col">
+              <text class="coach-fin-bold">{{coachAnalysis.basic.totalPay}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{coachAnalysis.basic.totalPayCompare}}</text>
+              </view>
+            </view>
+            <view class="coach-fin-col">
+              <text class="coach-fin-bold">{{coachAnalysis.basic.totalShare}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{coachAnalysis.basic.totalShareCompare}}</text>
+              </view>
+            </view>
+            <view class="coach-fin-col">
+              <text class="coach-fin-val-sm">{{coachAnalysis.basic.avgHourly}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{coachAnalysis.basic.avgHourlyCompare}}</text>
+              </view>
+            </view>
+          </view>
+          <!-- 明细行 -->
+          <view class="coach-fin-row" wx:for="{{coachAnalysis.basic.rows}}" wx:key="level">
+            <text class="coach-fin-col coach-fin-col--name">{{item.level}}</text>
+            <view class="coach-fin-col">
+              <text class="coach-fin-val">{{item.pay}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="{{item.payDown ? 'compare-text-down-xs' : 'compare-text-up-xs'}}">{{item.payDown ? '↓' : '↑'}}{{item.payCompare}}</text>
+              </view>
+            </view>
+            <view class="coach-fin-col">
+              <text class="coach-fin-val">{{item.share}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="{{item.shareDown ? 'compare-text-down-xs' : 'compare-text-up-xs'}}">{{item.shareDown ? '↓' : '↑'}}{{item.shareCompare}}</text>
+              </view>
+            </view>
+            <view class="coach-fin-col">
+              <text class="coach-fin-val-sm">{{item.hourly}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="{{item.hourlyFlat ? 'compare-text-flat-xs' : 'compare-text-up-xs'}}">{{item.hourlyFlat ? '' : '↑'}}{{item.hourlyCompare}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 激励课 -->
+        <text class="card-section-title" style="margin-top: 28rpx;">助教 <text class="card-section-title-sub">（激励课）</text></text>
+        <view class="table-bordered">
+          <view class="coach-fin-header">
+            <text class="coach-fin-col coach-fin-col--name">级别</text>
+            <text class="coach-fin-col">客户支付</text>
+            <text class="coach-fin-col">球房抽成</text>
+            <text class="coach-fin-col">小时平均</text>
+          </view>
+          <view class="coach-fin-row">
+            <text class="coach-fin-col coach-fin-col--name coach-fin-bold">合计</text>
+            <view class="coach-fin-col">
+              <text class="coach-fin-bold">{{coachAnalysis.incentive.totalPay}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{coachAnalysis.incentive.totalPayCompare}}</text>
+              </view>
+            </view>
+            <view class="coach-fin-col">
+              <text class="coach-fin-bold">{{coachAnalysis.incentive.totalShare}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{coachAnalysis.incentive.totalShareCompare}}</text>
+              </view>
+            </view>
+            <view class="coach-fin-col">
+              <text class="coach-fin-val-sm">{{coachAnalysis.incentive.avgHourly}}</text>
+              <view class="compare-row" wx:if="{{compareEnabled}}">
+                <text class="compare-text-up-xs">↑{{coachAnalysis.incentive.avgHourlyCompare}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 底部安全区 -->
+    <view class="safe-bottom"></view>
+  </scroll-view>
+
+  <!-- ===== 目录导航遮罩 ===== -->
+  <view class="toc-overlay" wx:if="{{tocVisible}}" catchtap="closeToc"></view>
+
+  <!-- ===== 目录导航面板 ===== -->
+  <view class="toc-panel {{tocVisible ? 'toc-panel--show' : ''}}">
+    <view class="toc-header">
+      <text class="toc-header-text">📊 财务看板导航</text>
+    </view>
+    <view class="toc-list">
+      <view
+        class="toc-item {{currentSectionIndex === index ? 'toc-item--active' : ''}}"
+        wx:for="{{tocItems}}"
+        wx:key="sectionId"
+        data-index="{{index}}"
+        bindtap="onTocItemTap"
+      >
+        <text class="toc-item-emoji">{{item.emoji}}</text>
+        <text class="toc-item-text">{{item.title}}</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- ===== 指标说明弹窗 ===== -->
+  <view class="tip-overlay" wx:if="{{tipVisible}}" catchtap="closeTip"></view>
+  <view class="tip-toast {{tipVisible ? 'tip-toast--show' : ''}}">
+    <view class="tip-toast-header">
+      <text class="tip-toast-title">{{tipTitle}}</text>
+      <view class="tip-toast-close" bindtap="closeTip">
+        <t-icon name="close" size="36rpx" color="#8b8b8b" />
+      </view>
+    </view>
+    <text class="tip-toast-content">{{tipContent}}</text>
+  </view>
+</block>
+
+<!-- AI 悬浮按钮 -->
+<ai-float-button bottom="{{200}}" />
+
+<dev-fab />