数据展示 ​

<MobileStage title="报销单">
  <div class="mb-page">
    <eb-segmented v-model="status" block :options="['全部', '审批中', '已通过']" />
    <div class="mb-list-gap">
      <div v-for="o in filteredOrders" :key="o.id" class="mb-card mb-card--pad" @click="$message.info('进入详情页：' + o.id)">
        <div class="mb-card__head">
          <span class="mb-card__title">{{ o.id }}</span>
          <eb-status-tag :value="o.status" :statuses="statuses" />
        </div>
        <div class="mb-card__rows">
          <div><div class="mb-card__label">申请人</div><div class="mb-card__value">{{ o.owner }}</div></div>
          <div><div class="mb-card__label">提交时间</div><div class="mb-card__value">{{ o.time }}</div></div>
          <div><div class="mb-card__label">类型</div><div class="mb-card__value">{{ o.type }}</div></div>
          <div><div class="mb-card__label">关联项目</div><div class="mb-card__value">{{ o.project }}</div></div>
        </div>
        <div class="mb-card__foot">
          <span class="mb-card__amount is-primary">¥{{ o.amount.toLocaleString() }}</span>
          <eb-button size="small" plain @click.stop="$message.info('进入详情页：' + o.id)">查看详情</eb-button>
        </div>
      </div>
    </div>
    <div v-if="!filteredOrders.length" class="mb-divider-text">该状态下暂无报销单</div>
  </div>
</MobileStage>

<MobileStage title="客户详情">
  <div class="mb-page">
    <div class="mb-card">
      <eb-cell-stack main="基本信息" sub="更新于 09-01" />
      <eb-divider style="margin: 0;" />
      <eb-cell-stack main="客户名称" sub="上海云启科技有限公司" />
      <eb-cell-stack main="行业" sub="软件与信息服务" />
      <eb-cell-stack main="规模" sub="200-500 人" />
    </div>
    <div class="mb-card">
      <eb-cell-stack main="商务信息" sub="归属：华东大区" />
      <eb-divider style="margin: 0;" />
      <eb-cell-stack main="客户等级" sub="A 级 · 年框客户" />
      <eb-cell-stack main="负责人" sub="李工 · 销售一部" />
      <eb-cell-stack main="下次跟进" sub="09-12（续约谈判）" />
    </div>
  </div>
</MobileStage>

<MobileStage title="经营概览">
  <div class="mb-page">
    <div class="mb-stats">
      <div class="mb-stat"><span class="mb-stat__label">本月营收（元）</span><span class="mb-stat__value">286,400</span></div>
      <div class="mb-stat"><span class="mb-stat__label">新增客户</span><span class="mb-stat__value">36</span></div>
      <div class="mb-stat"><span class="mb-stat__label">回款率</span><span class="mb-stat__value">92.4%</span></div>
      <div class="mb-stat"><span class="mb-stat__label">逾期订单</span><span class="mb-stat__value">3</span></div>
    </div>
    <div class="mb-divider-text">数据更新于 10:24 · 点按卡片查看明细</div>
  </div>
</MobileStage>