编辑页面

页面标题

有效期修改后将从当前时间重新计算过期时间

CSS文件（可选）

JS文件（可选）

HTML内容

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>医疗费报销小程序 · 交互原型</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
  body {
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    background: linear-gradient(135deg, #e0e7ff 0%, #f5f6fa 50%, #fef3f2 100%);
    min-height: 100vh;
  }
  /* 手机外框 */
  .phone-frame {
    width: 375px;
    height: 812px;
    background: #000;
    border-radius: 48px;
    padding: 12px;
    box-shadow: 0 30px 80px -20px rgba(0,0,0,.4), 0 0 0 1px rgba(0,0,0,.1);
    position: relative;
  }
  .phone-screen {
    width: 100%;
    height: 100%;
    background: #f5f6fa;
    border-radius: 36px;
    overflow: hidden;
    position: relative;
  }
  .phone-notch {
    position: absolute;
    top: 12px; left: 50%;
    transform: translateX(-50%);
    width: 120px; height: 28px;
    background: #000;
    border-radius: 0 0 18px 18px;
    z-index: 60;
  }
  .status-bar {
    height: 44px;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 24px;
    font-size: 14px; font-weight: 600;
    color: #111;
  }
  /* 页面容器 */
  .app-page {
    position: absolute;
    inset: 0;
    background: #f5f6fa;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    padding-bottom: 70px;
  }
  .app-page.active { display: block; animation: slideIn .3s ease; }
  @keyframes slideIn { from { opacity: 0; transform: translateX(8px);} to { opacity:1; transform: none; } }
  .app-page::-webkit-scrollbar { width: 0; }
  /* 顶部导航 */
  .nav-bar {
    background: #fff;
    padding: 44px 16px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    position: sticky; top: 0; z-index: 20;
  }
  .nav-title { font-size: 17px; font-weight: 600; }
  /* 底部 tab */
  .tab-bar {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(20px);
    border-top: 1px solid #eee;
    display: flex;
    padding: 6px 0 22px;
    z-index: 30;
  }
  .tab-item {
    flex: 1;
    display: flex; flex-direction: column; align-items: center;
    font-size: 10px; color: #9ca3af;
    padding: 4px 0;
  }
  .tab-item.active { color: #2563eb; }
  .tab-icon { font-size: 22px; margin-bottom: 2px; }
  /* 卡片 */
  .card { background: #fff; border-radius: 12px; padding: 14px; margin: 10px 12px; }
  .card-shadow { box-shadow: 0 1px 3px rgba(0,0,0,.04); }
  /* 胶囊按钮 */
  .btn-primary { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; border-radius: 24px; padding: 13px; text-align: center; font-weight: 500; }
  .btn-ghost { background: #f3f4f6; color: #374151; border-radius: 24px; padding: 13px; text-align: center; font-weight: 500; }
  /* 状态徽标 */
  .chip { display:inline-flex; align-items:center; gap:3px; padding:2px 8px; border-radius:8px; font-size:11px; }
  /* OCR 中行 */
  .ocr-row { background: linear-gradient(90deg, #fef3c7 0%, #fff 100%); }
  .ocr-fixed { background: #ecfdf5; }
  /* 步骤条 */
  .step-dot { width: 24px; height: 24px; border-radius: 50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:600; flex-shrink: 0; }
  .step-done { background: #10b981; color:#fff; }
  .step-active { background: #2563eb; color:#fff; box-shadow: 0 0 0 3px #dbeafe; }
  .step-wait { background: #e5e7eb; color:#9ca3af; }
  .step-reject { background: #ef4444; color:#fff; }
  .v-line { width: 2px; flex: 1; background: #e5e7eb; margin: 2px 0; }
  /* 通知条 */
  .toast {
    position: absolute; top: 70px; left: 50%; transform: translateX(-50%);
    background: rgba(0,0,0,.85); color: #fff;
    padding: 8px 16px; border-radius: 20px;
    font-size: 13px; z-index: 100;
    animation: toastIn .3s ease;
  }
  @keyframes toastIn { from {opacity:0; transform: translate(-50%, -10px);} to {opacity:1; transform: translate(-50%, 0);} }
  /* 演示导航 */
  .scene-item {
    background: #fff; border-radius: 10px; padding: 10px 12px;
    display: flex; align-items: center; gap: 10px;
    cursor: pointer; transition: all .2s;
    border: 2px solid transparent;
  }
  .scene-item:hover { border-color: #93c5fd; transform: translateX(2px); }
  .scene-item.active { border-color: #2563eb; background: #eff6ff; }
  .scene-thumb {
    width: 50px; height: 80px; border-radius: 6px; flex-shrink: 0;
    background: linear-gradient(135deg, #dbeafe, #e0e7ff);
    display: flex; align-items: center; justify-content: center;
    font-size: 24px;
  }
  /* 额度进度条 */
  .quota-bar { background: rgba(255,255,255,.25); height: 6px; border-radius: 3px; overflow: hidden; }
  .quota-bar-fill { background: #fff; height: 100%; border-radius: 3px; }
  /* 票据行 */
  .receipt-row {
    background: #fff; border-radius: 10px; padding: 12px;
    display: flex; align-items: center; gap: 10px;
    border: 1px solid #f0f0f0;
  }
  .receipt-check {
    width: 22px; height: 22px; border-radius: 50%;
    border: 2px solid #d1d5db; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .receipt-check.on { background: #2563eb; border-color: #2563eb; color: #fff; }
  /* 角色切换 */
  .role-pill {
    padding: 6px 12px; border-radius: 16px; font-size: 12px;
    background: #f3f4f6; color: #4b5563; cursor: pointer;
    white-space: nowrap;
  }
  .role-pill.active { background: #2563eb; color: #fff; }
  /* 滑块 */
  .slider { overflow-x: auto; display: flex; gap: 8px; padding: 4px 0; }
  .slider::-webkit-scrollbar { display: none; }
  .slider-item {
    flex-shrink: 0; padding: 6px 14px; border-radius: 16px;
    background: #f3f4f6; font-size: 13px; color: #4b5563;
  }
  .slider-item.active { background: #2563eb; color: #fff; }
  /* 隐私矩阵 */
  .priv-ok { background: #dcfce7; color: #166534; font-size: 10px; padding: 1px 6px; border-radius: 6px; }
  .priv-no { background: #fee2e2; color: #991b1b; font-size: 10px; padding: 1px 6px; border-radius: 6px; }
  .priv-mid { background: #fef3c7; color: #854d0e; font-size: 10px; padding: 1px 6px; border-radius: 6px; }
  .pulse { animation: pulse 1.5s infinite; }
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
</style>
</head>
<body>

<!-- ============ 顶部说明 ============ -->
<header class="max-w-[1280px] mx-auto px-6 pt-6">
  <div class="flex items-center gap-3 mb-1">
    <div class="w-9 h-9 rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center text-white font-bold">医</div>
    <div>
      <div class="font-bold text-lg">医疗费报销小程序 · 交互原型</div>
      <div class="text-xs text-gray-500">微信小程序形态 · 点击右侧场景切换</div>
    </div>
    <div class="ml-auto flex gap-2">
      <div class="role-pill active" onclick="setRole('employee', this)">👤 员工</div>
      <div class="role-pill" onclick="setRole('approver', this)">✅ 审批人</div>
      <div class="role-pill" onclick="setRole('accountant', this)">💰 会计</div>
    </div>
  </div>
</header>

<!-- ============ 主体：手机居中 ============ -->
<main class="max-w-[1280px] mx-auto px-6 py-6 flex justify-center">

  <!-- 手机 -->
  <div class="flex flex-col items-center">
    <div class="phone-frame">
      <div class="phone-notch"></div>
      <div class="phone-screen" id="phoneScreen">

        <!-- 状态栏 -->
        <div class="status-bar" style="position:absolute; top:0; left:0; right:0; z-index:50; background:transparent;">
          <span id="timeNow">9:41</span>
          <span class="flex items-center gap-1">
            <span style="font-size:13px;">📶</span>
            <span style="font-size:13px;">🔋</span>
          </span>
        </div>

        <!-- ====== 1. 首页 ====== -->
        <div id="p-home" class="app-page active">
          <!-- 顶部欢迎区 -->
          <div style="background:linear-gradient(135deg,#3b82f6,#6366f1); padding:50px 16px 24px; color:#fff;">
            <div class="text-xs opacity-80" id="greetText">早上好，张三 ☀️</div>
            <div class="text-lg font-bold mt-1" id="greetName">张三 · 在职职工</div>
            <div class="bg-white/15 backdrop-blur rounded-xl p-4 mt-4">
              <div class="flex items-center justify-between text-xs opacity-90">
                <span>本年报销额度</span>
                <span class="bg-white/20 px-2 py-0.5 rounded text-[10px]">2025年</span>
              </div>
              <div class="flex items-end justify-between mt-1">
                <div>
                  <span class="text-3xl font-bold">¥1,820</span>
                  <span class="text-xs opacity-80">/ 8,000</span>
                </div>
                <div class="text-right text-xs opacity-90">
                  <div>已用 ¥6,180</div>
                </div>
              </div>
              <div class="quota-bar mt-3">
                <div class="quota-bar-fill" style="width:77%"></div>
              </div>
              <div class="text-[10px] opacity-75 mt-2">💡 未使用完额度结转下年继续使用</div>
            </div>
          </div>

          <!-- 快捷入口 -->
          <div class="grid grid-cols-4 gap-2 px-3 mt-4">
            <div class="text-center" onclick="showPage('p-fill')">
              <div class="w-12 h-12 rounded-2xl bg-blue-50 mx-auto flex items-center justify-center text-2xl">📝</div>
              <div class="text-[11px] mt-1 text-gray-700">新建报销</div>
            </div>
            <div class="text-center" onclick="showPage('p-pool')">
              <div class="w-12 h-12 rounded-2xl bg-amber-50 mx-auto flex items-center justify-center text-2xl">🧾</div>
              <div class="text-[11px] mt-1 text-gray-700">票据池</div>
            </div>
            <div class="text-center" onclick="showPage('p-mine')">
              <div class="w-12 h-12 rounded-2xl bg-green-50 mx-auto flex items-center justify-center text-2xl">📋</div>
              <div class="text-[11px] mt-1 text-gray-700">我的单据</div>
            </div>
            <div class="text-center" onclick="showPage('p-record')">
              <div class="w-12 h-12 rounded-2xl bg-purple-50 mx-auto flex items-center justify-center text-2xl">📊</div>
              <div class="text-[11px] mt-1 text-gray-700">使用记录</div>
            </div>
          </div>

          <!-- 待办 -->
          <div class="card card-shadow mt-2">
            <div class="flex items-center justify-between mb-3">
              <div class="font-semibold text-sm">📌 我的待办</div>
              <div class="text-xs text-gray-400" onclick="showPage('p-mine')">全部 ›</div>
            </div>
            <div class="space-y-2 text-sm">
              <div class="flex items-center justify-between p-2 bg-blue-50 rounded-lg" onclick="showPage('p-detail')">
                <div>
                  <div class="font-medium">7-8月医疗费报销</div>
                  <div class="text-xs text-gray-500 mt-0.5">分管领导审批中 · 2天</div>
                </div>
                <div class="text-right">
                  <div class="text-blue-600 font-semibold">¥2,930</div>
                  <span class="chip bg-blue-100 text-blue-700 text-[10px]">审批中</span>
                </div>
              </div>
              <div class="flex items-center justify-between p-2 bg-amber-50 rounded-lg">
                <div>
                  <div class="font-medium">草稿：8月复诊费用</div>
                  <div class="text-xs text-gray-500 mt-0.5">从票据池选了 2 张</div>
                </div>
                <div class="text-right">
                  <div class="text-amber-600 font-semibold">¥685</div>
                  <span class="chip bg-amber-100 text-amber-700 text-[10px]">草稿</span>
                </div>
              </div>
            </div>
          </div>

          <!-- 公告 -->
          <div class="card card-shadow">
            <div class="flex items-center gap-2 mb-2">
              <span class="text-base">📢</span>
              <div class="font-semibold text-sm">最新公告</div>
            </div>
            <div class="text-xs text-gray-600 leading-relaxed">
              2025 年度医疗费报销截止时间为 <b>2026年3月31日</b>，请及时提交。OCR 识别按次收费 ¥0.10/次，由公司统一承担。
            </div>
          </div>
        </div>

        <!-- ====== 2. 票据归集池 ====== -->
        <div id="p-pool" class="app-page">
          <div class="nav-bar">
            <div onclick="showPage('p-home')" class="text-gray-600 text-lg">‹</div>
            <div class="nav-title">票据归集池</div>
            <div class="text-blue-600 text-sm" onclick="showToast('调用相机中...')">📷 上传</div>
          </div>

          <!-- 统计 -->
          <div class="grid grid-cols-4 gap-2 px-3 py-3 text-center text-xs">
            <div class="bg-white rounded-lg p-2"><div class="font-bold text-lg text-gray-800">12</div><div class="text-gray-500 text-[10px]">已识别</div></div>
            <div class="bg-white rounded-lg p-2"><div class="font-bold text-lg text-amber-600">3</div><div class="text-gray-500 text-[10px]">识别中</div></div>
            <div class="bg-white rounded-lg p-2"><div class="font-bold text-lg text-red-600">1</div><div class="text-gray-500 text-[10px]">重复</div></div>
            <div class="bg-white rounded-lg p-2"><div class="font-bold text-lg text-blue-600">5</div><div class="text-gray-500 text-[10px]">已用</div></div>
          </div>

          <!-- 筛选 -->
          <div class="slider px-3 pb-2">
            <div class="slider-item active">全部 16</div>
            <div class="slider-item">识别中 3</div>
            <div class="slider-item">已识别 8</div>
            <div class="slider-item">重复 1</div>
            <div class="slider-item">已用 5</div>
          </div>

          <!-- 票据列表 -->
          <div class="px-3 space-y-2">
            <div class="receipt-row">
              <div class="receipt-check on">✓</div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250814-0872361</div>
                <div class="text-sm font-medium truncate">门诊 - 呼吸科</div>
                <div class="text-[11px] text-gray-500">2025-08-14 · 张三</div>
              </div>
              <div class="text-right">
                <div class="font-semibold text-sm">¥485</div>
                <span class="chip bg-green-100 text-green-700 text-[10px]">已识别</span>
              </div>
            </div>

            <div class="receipt-row ocr-row">
              <div class="receipt-check"></div>
              <div class="flex-1 min-w-0">
                <div class="text-sm text-amber-700 pulse">OCR 识别中...</div>
                <div class="text-[11px] text-gray-500">预计 5-10 秒</div>
              </div>
              <div class="text-right">
                <div class="text-gray-300 text-sm">—</div>
                <span class="chip bg-amber-100 text-amber-700 text-[10px]">处理中</span>
              </div>
            </div>

            <div class="receipt-row" style="border-color:#fca5a5; background:#fef2f2;">
              <div class="receipt-check" style="border-color:#ef4444; color:#ef4444;">!</div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250612-9983421</div>
                <div class="text-sm font-medium truncate">门诊 - 内科</div>
                <div class="text-[11px] text-red-600">⚠ 与 2025-07-12 已用票据重复</div>
              </div>
              <div class="text-right">
                <div class="font-semibold text-sm">¥320</div>
                <span class="chip bg-red-100 text-red-700 text-[10px]">已拦截</span>
              </div>
            </div>

            <div class="receipt-row ocr-fixed">
              <div class="receipt-check on">✓</div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250720-1123409</div>
                <div class="text-sm font-medium truncate">住院 - 骨科</div>
                <div class="text-[11px] text-gray-500">2025-07-20 · 张三</div>
                <div class="text-[10px] text-green-600">✋ 已人工修正金额</div>
              </div>
              <div class="text-right">
                <div class="font-semibold text-sm">¥2,180</div>
                <span class="chip bg-green-100 text-green-700 text-[10px]">已修正</span>
              </div>
            </div>

            <div class="receipt-row">
              <div class="receipt-check"></div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250508-7766123</div>
                <div class="text-sm font-medium truncate">药店 - 处方药</div>
                <div class="text-[11px] text-gray-500">2025-05-08 · 张三</div>
              </div>
              <div class="text-right">
                <div class="font-semibold text-sm">¥265</div>
                <span class="chip bg-gray-100 text-gray-600 text-[10px]">未用</span>
              </div>
            </div>
          </div>

          <!-- 底部说明 -->
          <div class="card card-shadow" style="margin-top:14px;">
            <div class="text-xs text-gray-600 leading-relaxed">
              <div class="font-semibold text-gray-800 mb-1">🧠 OCR 智能识别</div>
              第三方接口按次计费（¥0.10/次），识别结果支持人工修正。系统按发票号+姓名+金额三维查重。
            </div>
          </div>
        </div>

        <!-- ====== 3. 报销填报 ====== -->
        <div id="p-fill" class="app-page">
          <div class="nav-bar">
            <div onclick="showPage('p-home')" class="text-gray-600 text-lg">‹</div>
            <div class="nav-title">新建报销单</div>
            <div class="text-gray-400 text-xs">草稿</div>
          </div>

          <!-- 报销人信息 -->
          <div class="card card-shadow">
            <div class="text-xs text-gray-500 mb-2">报销人信息</div>
            <div class="flex items-center gap-3">
              <div class="w-12 h-12 rounded-full bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center text-white font-bold">ZS</div>
              <div class="flex-1">
                <div class="font-medium text-sm">张三</div>
                <div class="text-xs text-gray-500">在职 · 工号 10086 · 技术部</div>
              </div>
              <span class="chip bg-blue-100 text-blue-700">2025年</span>
            </div>
          </div>

          <!-- 选择票据 -->
          <div class="px-3 py-2 flex items-center justify-between">
            <div class="text-sm font-semibold">关联票据 <span class="text-gray-400 font-normal">(3/12)</span></div>
            <div class="text-blue-600 text-xs" onclick="showPage('p-pool')">+ 添加</div>
          </div>

          <div class="px-3 space-y-2">
            <div class="receipt-row" style="border-color:#93c5fd; background:#eff6ff;">
              <div class="receipt-check on">✓</div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250814-0872361</div>
                <div class="text-xs">门诊 - 呼吸科 · 08-14</div>
              </div>
              <div class="font-semibold text-sm text-blue-600">¥485</div>
            </div>
            <div class="receipt-row" style="border-color:#93c5fd; background:#eff6ff;">
              <div class="receipt-check on">✓</div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250720-1123409</div>
                <div class="text-xs">住院 - 骨科 · 07-20</div>
              </div>
              <div class="font-semibold text-sm text-blue-600">¥2,180</div>
            </div>
            <div class="receipt-row" style="border-color:#93c5fd; background:#eff6ff;">
              <div class="receipt-check on">✓</div>
              <div class="flex-1 min-w-0">
                <div class="font-mono text-[10px] text-gray-500">20250508-7766123</div>
                <div class="text-xs">药店 - 处方药 · 05-08</div>
              </div>
              <div class="font-semibold text-sm text-blue-600">¥265</div>
            </div>
          </div>

          <!-- 报销说明 -->
          <div class="card card-shadow">
            <div class="text-xs text-gray-500 mb-2">报销说明</div>
            <textarea class="w-full text-sm bg-gray-50 rounded-lg p-2 border-0" rows="2" style="resize:none;">7月骨科住院，8月复诊+长期处方药

本次报销实时核算

¥2,930.00

本年总额¥8,000

已使用¥3,250

本次申请-¥2,930

剩余¥1,820（结转下年）

提交报销单

保存草稿

全部 10

草稿 2

审批中 3

已通过 4

已驳回 1

BX202508-0042 审批中

7-8月医疗费报销

3 张票据 · 2025-08-20

当前节点：分管领导审批 ¥2,930

BX202507-0038 已通过

5月门诊医疗费

1 张票据 · 2025-07-12

凭证已生成 ¥320

BX202506-0021 已驳回

4月住院医疗费

驳回原因：缺少住院费用明细单

额度已返还 ¥1,850

BX202504-0015 已通过

3月门诊医疗费

2 张票据 · 2025-04-08

凭证已生成 ¥580

BX202508-0042

审批进行中

已等待 2 天

⏳

审批进度

✓

部门负责人 · 王经理

2025-08-21 09:30

✓ 同意

"票据齐全，同意"

分管领导 · 李总

审批中

财务复核 · 赵会计

未开始

单据信息

报销人张三（在职）

部门技术研发部

提交时间2025-08-20 14:30

票据数量3 张

报销金额 ¥2,930.00

关联票据

20250814-0872361

门诊 - 呼吸科

¥485

20250720-1123409

住院 - 骨科

¥2,180

20250508-7766123

药店 - 处方药

¥265

💡 额度状态

本单通过后预计剩余 ¥1,820，将结转至 2026 年继续使用

2025 年度额度

¥8,000

已使用 ¥6,180 · 剩余 ¥1,820

流水记录（按时间倒序）

-¥2,930

BX202508-0042 · 提交扣减

08-20 14:30

+¥1,850

BX202506-0021 · 驳回返还

06-08 10:15

-¥1,850

BX202506-0021 · 提交扣减

06-05 10:00

-¥580

BX202504-0015 · 提交扣减

04-08 16:20

+¥2,150

2024年结转额度

01-01 00:00

待我审批

本月已审

1.8天

平均耗时

待审批 3

我已审批 12

抄送我

张三在职

技术部

¥2,930

⏰ 2天

7-8月医疗费报销 · 3张票据

李四在职

市场部

¥680

⏰ 3天

5月门诊费用 · 1张票据

王

王老离退休

原总务处

¥1,280

⚠ 4天

8月住院费用 · 2张票据

💡 流程说明

· 在职职工：部门负责人 → 分管领导 → 财务

· 离退休：离退办 → 退管处 → 财务（独立链路）

· 系统按人员类型自动匹配审批流

待您审批 · 第 1 步 / 共 3 步

张三 - 7-8月医疗费

在职职工 · 3张票据

¥2,930.00

报销人额度

本年总额 ¥8,000 · 已用 ¥3,250 · 本次 ¥2,930 · 剩余 ¥1,820

票据明细

门诊 - 呼吸科

20250814-0872361

¥485

住院 - 骨科

20250720-1123409

¥2,180

药店 - 处方药

20250508-7766123

¥265

🔒 仅本人、当前审批人、相关会计可见

审批意见

驳回

同意

待生成凭证

¥18,420

本月支付总额

BX202508-0038

张三 · ¥2,930

待生成

审批通过 08-22 16:40

BX202508-0035

李四 · ¥680

已推送

凭证 PZ-20250822-0023

BX202508-0033

王老 · ¥1,280

已确认

凭证 PZ-20250821-0018

凭证样例（已推送到财务系统）

PZ-20250822-0023

借：管理费用-医疗费 ¥680

贷：银行存款 ¥680

附件：1 张票据（加密）

张三

工号 10086 · 技术部

在职职工

我的票据

审批中

¥6,180

本年已用

¥1,820

剩余

🔒 隐私与权限

›

📨 消息通知

›

📞 联系 HR

›

❓ 使用帮助

›

💡 OCR 识别费用由公司承担

🔐 所有医疗数据加密存储，全链路审计

🔒 医疗隐私保护承诺

医疗数据涉及个人隐私，遵循《个人信息保护法》。仅限 本人、当前审批人、相关会计 查看明细；其他人员只能看到脱敏信息。

数据可见性

数据类型

本人

审批人

会计

姓名工号

✓

发票号

✓

就诊医院

✓

疾病诊断

✓

✗

票据影像

✓

🛡 保护机制

· 字段级 AES-256 加密

· 影像独立加密存储

· 全链路审计日志

· 访问权限最小化（按节点动态授权）

· 导出需二次审批 + 水印

🏠

首页

🧾

票据

✅

审批

👤

我的