GeneB-miniprogram/src/patient/pages/file/index.wxml

<view
  class="page"
  style="padding-top:{{pageTop}}px;background:url('{{imageUrl}}bg11.png?t={{Timestamp}}') no-repeat top center/100% 693rpx"
>
  <view class="user">
    <view class="avatar">
      <image
        class="a-img"
        src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
      ></image>
    </view>
    <view class="wrap">
      <view class="w-header">
        <view class="name">刘能</view>
        <view class="age">
          <image class="icon" src="{{imageUrl}}icon91.png?t={{Timestamp}}"></image>
          32岁
        </view>
        <view class="site">
          <image class="icon" src="{{imageUrl}}icon92.png?t={{Timestamp}}"></image>
          北京
        </view>
      </view>
      <view class="w-footer">
        <view class="info">入组时间:2025年6月12日</view>
        <view class="more">
          查看档案
          <van-icon name="arrow" />
        </view>
      </view>
    </view>
  </view>
  <view class="navbar">
    <view class="nav {{nav==0 && 'active'}}" bindtap="handleNav" data-nav="0">治疗档案</view>
    <view class="nav {{nav==1 && 'active'}}" bindtap="handleNav" data-nav="1">病史档案</view>
    <view class="nav {{nav==2 && 'active'}}" bindtap="handleNav" data-nav="2">随访日历</view>
  </view>
  <view class="container0" wx:if="{{nav==0}}">
    <view class="card1">
      <view class="c-header">
        <view class="left">
          <view class="title">随访期</view>
          <image class="fold-icon" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
        <view class="btn" bind:tap="handleRevisitRecord">添加随访记录</view>
      </view>
      <view class="c-body">
        <image wx:if="{{true}}" class="status" src="{{imageUrl}}icon42.png?t={{Timestamp}}"></image>
        <image wx:elif="{{false}}" class="status" src="{{imageUrl}}icon43.png?t={{Timestamp}}"></image>
        <image wx:elif="{{false}}" class="status" src="{{imageUrl}}icon44.png?t={{Timestamp}}"></image>
        <view class="row">
          <view class="label">日期</view>
          <view class="content">2025-06-01</view>
        </view>
        <view class="row">
          <view class="label">诊疗医院</view>
          <view class="content">唐山人民医院</view>
        </view>
        <view class="row">
          <view class="label">检查项目</view>
          <view class="content">3/3</view>
        </view>
        <view class="detail">查看详情></view>
      </view>
      <view class="more">
        查看全部
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="card2">
      <view class="c-header">
        <view class="left">
          <view class="title">注射日</view>
          <image class="fold-icon" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="c-body">
        <view class="row">
          <view class="label">注射日期</view>
          <view class="content">2025-06-01</view>
        </view>
        <view class="row">
          <view class="label">BBM-H901</view>
          <view class="content">
            <view>体重 45kg</view>
            <view>用药 89ml</view>
            <view>预期用药 45 瓶</view>
          </view>
        </view>
        <view class="options">
          <view class="item">
            诊疗阶段详情
            <van-icon name="arrow" />
          </view>
          <view class="item">
            查看全部
            <van-icon name="arrow" />
          </view>
        </view>
      </view>
    </view>
    <view class="card3">
      <view class="c-header">
        <view class="left">
          <view class="title">基因治疗中心检查</view>
          <image class="fold-icon" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="c-body">
        <view class="row">
          <view class="label">日期</view>
          <view class="content">2025-06-01</view>
        </view>
        <view class="row">
          <view class="label">诊疗医院</view>
          <view class="content">体重 45kg</view>
        </view>
        <view class="row">
          <view class="label">检查项目</view>
          <view class="content">8/10</view>
        </view>
        <view class="options">
          <view class="item">
            诊疗阶段详情
            <van-icon name="arrow" />
          </view>
          <view class="item">
            查看全部
            <van-icon name="arrow" />
          </view>
        </view>
      </view>
    </view>
    <view class="card4">
      <view class="c-header">
        <view class="left">
          <view class="title">诊前筛查</view>
          <image class="fold-icon" src="{{imageUrl}}icon56.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="c-body">
        <view class="row">
          <view class="label">日期</view>
          <view class="content">2025-06-01</view>
        </view>
        <view class="row">
          <view class="label">定点医院</view>
          <view class="content">体重 45kg</view>
        </view>
        <view class="row">
          <view class="label">检查项目</view>
          <view class="content">8/10</view>
        </view>
        <view class="options">
          <view class="item">
            诊疗阶段详情
            <van-icon name="arrow" />
          </view>
          <view class="item">
            查看全部
            <van-icon name="arrow" />
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="container1" wx:if="{{nav==1}}">
    <view class="c1_card1">
      <view class="row">
        <view class="label">出生年月</view>
        <view class="content">1980 年 12 月（44 岁）</view>
      </view>
      <view class="row">
        <view class="label">确诊时间</view>
        <view class="content">2000 年 12 月（20 岁时）</view>
      </view>
      <view class="row">
        <view class="label">您的体重</view>
        <view class="content">69 kg</view>
      </view>
    </view>
    <view class="c1_card1">
      <view class="row">
        <view class="label">凝血因子</view>
        <view class="content">1% 轻度</view>
      </view>
      <view class="row">
        <view class="label">治疗方案</view>
        <view class="content">预防治疗</view>
      </view>
      <view class="row">
        <view class="label">FIX暴露日</view>
        <view class="content">198 个</view>
      </view>
    </view>
    <view class="c1_card2">
      <view class="row">
        <view class="wrap">
          <view class="label">既往FIX抑制物病史</view>
          <view class="content">有</view>
        </view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">既往肝脏疾病病史</view>
          <view class="content">有</view>
        </view>
        <view class="remark">乙肝、肝硬化</view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">您是否有饮酒史</view>
          <view class="content">从不</view>
        </view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">您是否有过敏史</view>
          <view class="content">有</view>
        </view>
        <view class="remark">对空气中的毛絮过敏</view>
      </view>
      <view class="row1">
        <view class="wrap">
          <view class="label">
            <view>您是否可能存在不适合</view>
            <view>使用糖皮质激素的情况？</view>
          </view>
          <view class="line"></view>
          <view class="content">有</view>
        </view>
        <view class="remark">有高血压</view>
      </view>
    </view>
    <view class="c1_card2">
      <view class="row">
        <view class="wrap">
          <view class="label" style="width: 4em">靶关节</view>
          <view class="content">左腿膝盖 左脚脚踝</view>
        </view>
      </view>
      <view class="row">
        <view class="wrap">
          <view class="label">最近6个月出血</view>
        </view>
        <view class="remark">
          症状1、关节积血：血友病比较多见于膝关节，在就是踝、髋、肘、腕、肩以及手足小关节。 性期关节肿痛，局部发
        </view>
      </view>
    </view>
  </view>
  <view class="container2" wx:if="{{nav==2}}">
    <view class="date-card">
      <image class="icon" src="{{imageUrl}}icon67.png?t={{Timestamp}}"></image>
      <view class="content">注射日：2025 年5月28日 星期三</view>
    </view>
    <view class="notic" style="background: url('{{imageUrl}}bg21.png?t={{Timestamp}}') no-repeat top center/100%">
      <view class="title">最近1个月没有您的复诊信息哦！</view>
      <view class="content">本周是注射后第12周</view>
      <view class="sub-content">建议每周复诊1次～</view>
      <image class="badge" src="{{imageUrl}}icon93.png?t={{Timestamp}}"></image>
      <!-- <image class="badge" src="{{imageUrl}}icon94.png?t={{Timestamp}}"></image> -->
      <!-- <image class="badge" src="{{imageUrl}}icon95.png?t={{Timestamp}}"></image> -->
    </view>
    <view class="card">
      <view class="c-calendar">
        <calendar
          bind:whenChangeMonth="handleWhenChangeMonth"
          config="{{calendarConfig}}"
          id="calendar"
          bind:jumpToToday="toggleFold"
        ></calendar>
        <view class="lengend">
          <view class="l-item">
            <view class="dot dot1"></view>
            注射日
          </view>
          <view class="l-item">
            <view class="dot dot2"></view>
            已复诊
          </view>
          <view class="l-item">
            <view class="dot dot3"></view>
            建议复诊
          </view>
        </view>
      </view>
      <view class="c-sub-card"></view>
    </view>
    <view class="btn">添加复诊检查记录</view>
  </view>
</view>

<patient-tab-bar></patient-tab-bar>