feat: 初始化医护端与患者端页面骨架
完成两个 Vite 应用的基础工程化配置、路由、状态管理及第一版业务页面,当前使用演示数据,尚未接入真实后端接口。
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
<script setup lang="ts">
|
||||
const reportCards = [
|
||||
{ label: '本月签署总量', value: '2,486', note: '覆盖 18 个科室' },
|
||||
{ label: '手机签署占比', value: '78.6%', note: '试运行统计' },
|
||||
{ label: '平均签署耗时', value: '2m 18s', note: '从发起到完成' },
|
||||
]
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="page-section">
|
||||
<div class="page-heading">
|
||||
<div>
|
||||
<p class="eyebrow">数据观察</p>
|
||||
<h2>统计报表</h2>
|
||||
<p>查看签署量、渠道、科室和异常任务统计。</p>
|
||||
</div>
|
||||
<button class="secondary-button" type="button">导出报表</button>
|
||||
</div>
|
||||
|
||||
<el-row :gutter="16" class="stats-row">
|
||||
<el-col v-for="card in reportCards" :key="card.label" :xs="24" :sm="8">
|
||||
<el-card shadow="never" class="stat-card report-card">
|
||||
<span>{{ card.label }}</span>
|
||||
<strong>{{ card.value }}</strong>
|
||||
<small>{{ card.note }}</small>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-card shadow="never" class="content-card report-placeholder">
|
||||
<div class="empty-chart">
|
||||
<div class="chart-icon">↗</div>
|
||||
<h3>趋势图表将在接入真实数据后展示</h3>
|
||||
<p>当前页面用于确认报表入口和信息层级,暂使用演示数据。</p>
|
||||
</div>
|
||||
</el-card>
|
||||
</section>
|
||||
</template>
|
||||
Reference in New Issue
Block a user