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

<view class="page">
  <view class="progress">
    <view class="p-item active">
      <view class="circle">
        <image wx:if="{{current >= 1}}" class="icon" src="{{imageUrl}}icon41.png?t={{Timestamp}}"></image>
        <image wx:else class="icon" src="{{imageUrl}}icon36.png?t={{Timestamp}}"></image>
      </view>
      <view class="name">1.健康基础</view>
    </view>
    <view class="line {{current >=1 && 'active'}}"></view>
    <view class="p-item {{current >=1 && 'active'}}">
      <view class="circle">
        <image wx:if="{{current>=2}}" class="icon" src="{{imageUrl}}icon41.png?t={{Timestamp}}"></image>
        <image wx:elif="{{current >= 1}}" class="icon" src="{{imageUrl}}icon37.png?t={{Timestamp}}"></image>
        <image wx:else class="icon" src="{{imageUrl}}icon39.png?t={{Timestamp}}"></image>
      </view>
      <view class="name">2.既往病史</view>
    </view>
    <view class="line {{current>=2 && 'active'}}"></view>
    <view class="p-item {{current>=2 && 'active'}}">
      <view class="circle">
        <image wx:if="{{current>=2}}" class="icon" src="{{imageUrl}}icon38.png?t={{Timestamp}}"></image>
        <image wx:else class="icon" src="{{imageUrl}}icon40.png?t={{Timestamp}}"></image>
        <!-- <image class="icon" src="{{imageUrl}}icon41.png?t={{Timestamp}}"></image> -->
      </view>
      <view class="name">3.关节情况</view>
    </view>
  </view>
  <view wx:if="{{current==0}}" class="tip-card">预计填写时间 1 分钟，请您如实填写哦～</view>
  <view wx:elif="{{current==1}}" class="tip-card">已完成 50% 了，请继续填写哦～</view>
  <view wx:elif="{{current==2}}" class="tip-card">
    <view class="blod">最后 1 步啦！感谢您的耐心填写～</view>
    <view>对健康负责，就是对自己和家人最好的关爱</view>
  </view>
  <swiper current="{{current}}" class="swiper">
    <swiper-item class="swiper-item">
      <scroll-view class="scroll-view0" scroll-y>
        <view class="card">
          <view class="row">
            <view class="label">确诊时间</view>
            <view class="container">
              <picker mode="date" class="date">
                <view class="date-content" data-place="请选择确诊时间"></view>
              </picker>
            </view>
          </view>
          <view class="row">
            <view class="label">您的体重</view>
            <view class="container">
              <view class="input-wrap">
                <input class="input" placeholder-class="place-input" type="number" value="" placeholder="请输入" />
                <view class="unit">kg</view>
              </view>
            </view>
          </view>
        </view>
        <view class="card">
          <view class="row">
            <view class="label">严重程度</view>
            <view class="container">
              <view class="select select3">
                <view class="s-item">轻度</view>
                <view class="s-item">中度</view>
                <view class="s-item">重度</view>
              </view>
            </view>
          </view>
          <view class="row">
            <view class="label">治疗方案</view>
            <view class="container">
              <view class="select select2">
                <view class="s-item">预防治疗</view>
                <view class="s-item">按需治疗</view>
              </view>
            </view>
          </view>
          <view class="row">
            <view class="label">FIX暴露日</view>
            <view class="container">
              <view class="input-wrap">
                <input class="input" placeholder-class="place-input" type="number" value="" placeholder="请输入" />
                <view class="unit">个</view>
              </view>
              <view class="tip">在某一天接受1次或多次凝血因子输注，该天计为1个暴露日</view>
            </view>
          </view>
        </view>
      </scroll-view>
      <view class="footer">
        <view class="cancel">取消</view>
        <view class="submit">下一步</view>
      </view>
    </swiper-item>
    <swiper-item class="swiper-item">
      <scroll-view class="scroll-view1" scroll-y>
        <view class="card">
          <view class="row">
            <view class="label">既往FIX抑制物病史</view>
            <view class="container">
              <view class="select select2">
                <view class="s-item">有</view>
                <view class="s-item active">没有</view>
              </view>
            </view>
          </view>
          <view class="row">
            <view class="label">既往肝脏疾病病史</view>
            <view class="container">
              <view class="select select2">
                <view class="s-item">有</view>
                <view class="s-item active">没有</view>
              </view>
            </view>
          </view>
          <view class="auto-input">
            <input class="input" placeholder-class="place-input" type="text" placeholder="您的肝脏疾病是？" />
          </view>
        </view>
        <view class="card">
          <view class="row1">
            <view class="label">您是否有饮酒史？</view>
            <view class="container">
              <view class="select select4">
                <view class="s-item">从不</view>
                <view class="s-item active">偶尔</view>
                <view class="s-item">经常</view>
                <view class="s-item">已戒酒</view>
              </view>
            </view>
          </view>
          <view class="row">
            <view class="label">您是否有饮酒史？</view>
            <view class="container">
              <view class="select select2">
                <view class="s-item">有</view>
                <view class="s-item active">没有</view>
              </view>
            </view>
          </view>
          <view class="auto-input">
            <input
              class="input"
              placeholder-class="place-input"
              type="text"
              placeholder="请填写您的过敏情况，药物、饮食等"
            />
          </view>
        </view>
      </scroll-view>
      <view class="footer">
        <view class="cancel">取消</view>
        <view class="submit">下一步</view>
      </view>
    </swiper-item>
    <swiper-item class="swiper-item">
      <scroll-view class="scroll-view2" scroll-y>
        <view
          class="card"
          style="background: #fff url({{imageUrl}}bg9.png?t={{Timestamp}}) no-repeat top right 0/666rpx 492rpx"
        >
          <view class="title">您的靶关节</view>
          <view class="sub-title">因反复自发性出血或创伤后出血而导致慢性损伤的关节</view>
          <view
            class="body"
            style="background: #fff url({{imageUrl}}body1.png?t={{Timestamp}}) no-repeat top center/345rpx 417rpx"
          >
            <view
              class="part {{index===0 &&'active'}}"
              wx:for="{{parts}}"
              wx:key="index"
              style="top:{{item.top}}rpx;left:{{item.left}}rpx"
            ></view>
          </view>
          <view class="part-name">
            <view class="item">左侧手肘</view>
            <view class="item">右侧手肘</view>
          </view>
          <view class="name">已选择关节</view>
        </view>
        <view class="card">
          <view class="title">
            您近6个月的出血情况
            <view class="stat-font">
              <text class="num">200</text>
              /200
            </view>
          </view>
          <view class="auto-area">
            <textarea
              class="textarea"
              placeholder-class="place-textarea"
              disable-default-padding
              placeholder="出血频次、出血部位、出血原因等"
              maxlength="200"
            ></textarea>
          </view>
        </view>
      </scroll-view>
      <view class="footer">
        <view class="cancel">取消</view>
        <view class="submit">完成</view>
      </view>
    </swiper-item>
  </swiper>
</view>

<popup
  show="{{popupShow}}"
  type="{{popupType}}"
  params="{{popupParams}}"
  bind:ok="handlePopupOk"
  bind:cancel="handlePopupCancel"
></popup>