refactor(clinical-web): 重构医护端布局与路由结构
This commit is contained in:
@@ -1,38 +1,10 @@
|
||||
<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 class="page-placeholder">
|
||||
<div class="placeholder-mark" aria-hidden="true">↗</div>
|
||||
<p class="eyebrow">管理</p>
|
||||
<h2 class="placeholder-title">报表分析</h2>
|
||||
<p class="placeholder-copy">报表分析页面占位,待根据 Web 端需求实现。</p>
|
||||
</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