igg4-miniprogram/src/gift/pages/record/index.wxml

<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}">
  <view class="page-header">
    <view class="item active">
      <view class="order">
        <block wx:if="{{step<=1}}">1</block>
        <image wx:else class="icon" src="{{imageUrl}}icon112.png?t={{Timestamp}}"></image>
      </view>
      <view class="name {{step==1 && 'current'}}">时间记录</view>
    </view>
    <view class="line {{step>1 &&'active'}}"></view>
    <view class="item {{step>1 &&'active'}}">
      <view class="order">
        <block wx:if="{{step<=2}}">2</block>
        <image wx:else class="icon" src="{{imageUrl}}icon112.png?t={{Timestamp}}"></image>
      </view>
      <view class="name {{step==2 && 'current'}}">上传资料</view>
    </view>
    <view class="line {{step>2 &&'active'}}"></view>
    <view class="item {{step>2 &&'active'}}">
      <view class="order">3</view>
      <view class="name {{step==3 && 'current'}}">核对指标</view>
    </view>
  </view>

  <!-- Step1: 时间记录 -->
  <block wx:if="{{step==1}}">
    <view class="step1">
      <view class="s-header">
        <image class="title" src="{{imageUrl}}{{theme === 'DRUG' ? 'title5' : 'title4'}}.png?t={{Timestamp}}"></image>
        <image class="badge" src="{{imageUrl}}{{theme === 'DRUG' ? 'icon133' : 'icon113'}}.png?t={{Timestamp}}"></image>
      </view>
      <view class="s-form">
        <view class="form-item">
          <view class="label">我的本次就诊时间</view>
          <picker mode="date" value="{{visitDate}}" end="{{today}}" bind:change="handleVisitDateChange">
            <view class="date">
              <image
                class="icon1"
                src="{{imageUrl}}{{theme === 'DRUG' ? 'icon134' : 'icon114'}}.png?t={{Timestamp}}"
              ></image>
              <view class="content {{visitDate && 'active'}}">{{visitDate || '选择就诊时间'}}</view>
              <image class="icon2" src="{{imageUrl}}icon115.png?t={{Timestamp}}"></image>
            </view>
          </picker>
        </view>
        <view class="form-item">
          <view class="label">我的下次就诊时间</view>
          <picker mode="date" value="{{nextVisitDate}}" start="{{visitDate}}" bind:change="handleNextVisitDateChange">
            <view class="date">
              <image
                class="icon1"
                src="{{imageUrl}}{{theme === 'DRUG' ? 'icon134' : 'icon114'}}.png?t={{Timestamp}}"
              ></image>
              <view class="content {{nextVisitDate && 'active'}}">{{nextVisitDate || '选择复诊时间'}}</view>
              <image class="icon2" src="{{imageUrl}}icon115.png?t={{Timestamp}}"></image>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="step1-btn" bind:tap="handleStep1Next">下一步</view>
  </block>

  <!-- Step2: 上传资料 -->
  <view class="step2" wx:if="{{step==2}}">
    <view class="tip-card">门诊材料会分类存储到 "我的-健康档案"，方便您查看对比。</view>

    <!-- 门诊病历及处方 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label required">门诊病历及处方</view>
        <view
          class="example"
          bind:tap="handleExample"
          data-url="{{imageUrl}}{{theme === 'DRUG' ? 'bg42' : 'bg40'}}.png?t={{Timestamp}}"
        >
          示意
        </view>
      </view>
      <view class="content">医生手写或电脑打印的病历、处方</view>
      <view class="upload-wrap">
        <view
          class="upload-preview"
          wx:for="{{outpatientRecordFiles}}"
          wx:key="index"
          data-type="outpatientRecord"
          data-index="{{index}}"
          bind:tap="handlePreviewImage"
        >
          <image class="upload-img" mode="aspectFill" src="{{item.imgUrl}}"></image>
          <view class="del" catch:tap="handleDeleteImage" data-type="outpatientRecord" data-index="{{index}}">
            <van-icon name="cross" />
          </view>
        </view>
        <uploadFile
          fileTypes="{{['image']}}"
          bind:setData="handleSetData"
          data-type="outpatientRecord"
          maxNum="{{10}}"
          isSlot="{{true}}"
        >
          <view class="upload-container">
            <image
              class="icon"
              src="{{imageUrl}}{{theme === 'DRUG' ? 'icon135' : 'icon48'}}.png?t={{Timestamp}}"
            ></image>
            <view class="name">添加文件照片</view>
          </view>
        </uploadFile>
      </view>
    </view>

    <!-- 检验报告 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label required">检验报告（IgG4化验单等）</view>
        <view
          class="example"
          bind:tap="handleExample"
          data-url="{{imageUrl}}{{theme === 'DRUG' ? 'bg41' : 'bg39'}}.png?t={{Timestamp}}"
        >
          示意
        </view>
      </view>
      <view class="content">抽血检测的IgG4、总免疫球蛋白、ESR等</view>
      <view class="upload-wrap">
        <view
          class="upload-preview"
          wx:for="{{labReportFiles}}"
          wx:key="index"
          data-type="labReport"
          data-index="{{index}}"
          bind:tap="handlePreviewImage"
        >
          <image class="upload-img" mode="aspectFill" src="{{item.imgUrl}}"></image>
          <view class="del" catch:tap="handleDeleteImage" data-type="labReport" data-index="{{index}}">
            <van-icon name="cross" />
          </view>
        </view>
        <uploadFile
          fileTypes="{{['image']}}"
          bind:setData="handleSetData"
          data-type="labReport"
          maxNum="{{10}}"
          isSlot="{{true}}"
        >
          <view class="upload-container">
            <image
              class="icon"
              src="{{imageUrl}}{{theme === 'DRUG' ? 'icon135' : 'icon48'}}.png?t={{Timestamp}}"
            ></image>
            <view class="name">添加文件照片</view>
          </view>
        </uploadFile>
      </view>
    </view>

    <!-- 影像学检查 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label">影像学检查（CT/超声/核磁）</view>
      </view>
      <view class="content">超声、CT、核磁共振的描述结论、电子胶片</view>
      <view class="upload-wrap">
        <view
          class="upload-preview"
          wx:for="{{imagingExamFiles}}"
          wx:key="index"
          data-type="imagingExam"
          data-index="{{index}}"
          bind:tap="handlePreviewImage"
        >
          <image class="upload-img" mode="aspectFill" src="{{item.imgUrl}}"></image>
          <view class="del" catch:tap="handleDeleteImage" data-type="imagingExam" data-index="{{index}}">
            <van-icon name="cross" />
          </view>
        </view>
        <uploadFile
          fileTypes="{{['image']}}"
          bind:setData="handleSetData"
          data-type="imagingExam"
          maxNum="{{10}}"
          isSlot="{{true}}"
        >
          <view class="upload-container">
            <image
              class="icon"
              src="{{imageUrl}}{{theme === 'DRUG' ? 'icon135' : 'icon48'}}.png?t={{Timestamp}}"
            ></image>
            <view class="name">添加文件照片</view>
          </view>
        </uploadFile>
      </view>
    </view>

    <!-- 病理诊断及活检 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label">病理诊断及活检</view>
      </view>
      <view class="content">受累组织穿刺或切除免疫组化报告</view>
      <view class="upload-wrap">
        <view
          class="upload-preview"
          wx:for="{{pathologyFiles}}"
          wx:key="index"
          data-type="pathology"
          data-index="{{index}}"
          bind:tap="handlePreviewImage"
        >
          <image class="upload-img" mode="aspectFill" src="{{item.imgUrl}}"></image>
          <view class="del" catch:tap="handleDeleteImage" data-type="pathology" data-index="{{index}}">
            <van-icon name="cross" />
          </view>
        </view>
        <uploadFile
          fileTypes="{{['image']}}"
          bind:setData="handleSetData"
          data-type="pathology"
          maxNum="{{10}}"
          isSlot="{{true}}"
        >
          <view class="upload-container">
            <image
              class="icon"
              src="{{imageUrl}}{{theme === 'DRUG' ? 'icon135' : 'icon48'}}.png?t={{Timestamp}}"
            ></image>
            <view class="name">添加文件照片</view>
          </view>
        </uploadFile>
      </view>
    </view>

    <!-- 外周血免疫功能评估 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label">外周血免疫功能评估</view>
      </view>
      <view class="content">免疫细胞亚群、淋巴细胞比例测定</view>
      <view class="upload-wrap">
        <view
          class="upload-preview"
          wx:for="{{immuneFunctionFiles}}"
          wx:key="index"
          data-type="immuneFunction"
          data-index="{{index}}"
          bind:tap="handlePreviewImage"
        >
          <image class="upload-img" mode="aspectFill" src="{{item.imgUrl}}"></image>
          <view class="del" catch:tap="handleDeleteImage" data-type="immuneFunction" data-index="{{index}}">
            <van-icon name="cross" />
          </view>
        </view>
        <uploadFile
          fileTypes="{{['image']}}"
          bind:setData="handleSetData"
          data-type="immuneFunction"
          maxNum="{{10}}"
          isSlot="{{true}}"
        >
          <view class="upload-container">
            <image
              class="icon"
              src="{{imageUrl}}{{theme === 'DRUG' ? 'icon135' : 'icon48'}}.png?t={{Timestamp}}"
            ></image>
            <view class="name">添加文件照片</view>
          </view>
        </uploadFile>
      </view>
    </view>

    <view class="step2-footer">
      <view class="prev" bind:tap="handleStep2Prev">上一页</view>
      <view class="next" bind:tap="handleStep2Next">下一页</view>
    </view>
  </view>

  <!-- Step3: 核对指标 -->
  <view class="step3" wx:if="{{step==3}}">
    <view class="tip-card">请填写本次就诊的以下信息，方便医生关注您的健康情况</view>

    <!-- IgG4 数值 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label doboule">
          <view>
            本次就诊检验的
            <view></view>
            IgG4（免疫球蛋白G4亚类）
          </view>
        </view>
      </view>
      <view class="num">
        <view class="wrap">
          <input
            class="input"
            placeholder-class="place-input"
            type="digit"
            placeholder="请输入"
            maxlength="{{8}}"
            value="{{igG4Value}}"
            bindinput="handleIgG4Input"
          />
          <image
            class="icon"
            src="{{imageUrl}}{{theme === 'DRUG' ? 'icon136' : 'icon117'}}.png?t={{Timestamp}}"
          ></image>
        </view>
        <view class="sub">mg/dL</view>
      </view>
    </view>

    <!-- 本次就诊已使用的药物 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label">本次就诊已使用的药物</view>
      </view>
      <view class="check-group col1">
        <view
          class="check-item {{item.active && 'active'}}"
          wx:for="{{medicationsOptions}}"
          wx:key="id"
          bind:tap="handleMedicationToggle"
          data-id="{{item.id}}"
        >
          <view class="check">
            <van-icon name="success" class="icon" />
          </view>
          <view class="content">{{item.label}}</view>
        </view>
      </view>
      <view class="custom-num" wx:if="{{medicationsOtherShow}}" style="margin-top: 20rpx">
        <input
          class="input"
          placeholder-class="place-input"
          maxlength="{{20}}"
          placeholder="请输入其他药物名称"
          value="{{medicationsUsedOtherText}}"
          bindinput="handleMedicationsUsedOtherInput"
        />
      </view>
    </view>

    <!-- 口服激素每日用量 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label">最近一周，口服激素的每日用量</view>
      </view>
      <view class="num-select">
        <view
          class="n-item {{oralHormoneDosage === item && 'active'}}"
          wx:for="{{hormoneDosageOptions}}"
          wx:key="*this"
          bind:tap="handleDosageSelect"
          data-val="{{item}}"
        >
          {{item == '0.5' ? '半':item}}片
        </view>
      </view>
      <view class="custom-num">
        <input
          class="input"
          placeholder-class="place-input"
          type="digit"
          maxlength="{{5}}"
          placeholder="自定义用量"
          value="{{customDosage}}"
          bindinput="handleCustomDosageInput"
        />
        <view class="sub">片</view>
      </view>
    </view>

    <!-- 免疫抑制剂名称 -->
    <view class="form-card">
      <view class="f-header">
        <view class="label">正在使用的免疫抑制剂名称</view>
      </view>
      <view class="check-group col1">
        <view
          class="check-item {{item.active && 'active'}}"
          wx:for="{{immunosuppressantOptions}}"
          wx:key="id"
          bind:tap="handleImmunosuppressantToggle"
          data-id="{{item.id}}"
        >
          <view class="check">
            <van-icon name="success" class="icon" />
          </view>
          <view class="content">{{item.label}}</view>
        </view>
      </view>
      <view class="custom-num" wx:if="{{immunosuppressantOtherShow}}" style="margin-top: 20rpx">
        <input
          class="input"
          placeholder-class="place-input"
          maxlength="{{20}}"
          placeholder="请输入其他免疫抑制剂名称"
          value="{{immunosuppressantNameOtherText}}"
          bindinput="handleImmunosuppressantNameOtherInput"
        />
      </view>
    </view>

    <view class="step3-footer">
      <view class="prev" bind:tap="handleStep3Prev">上一页</view>
      <view class="submit" bind:tap="handleSubmit">提交</view>
    </view>
  </view>
</view>

<toast
  bind:cancel="handleToastCancel"
  bind:ok="handleToastOk"
  show="{{toastShow}}"
  type="{{toastType}}"
  params="{{toastParams}}"
></toast>