GeneB-miniprogram/src/components/popup/index.wxml

<van-popup
  wx:if="{{show}}"
  bind:click-overlay="handleCancel"
  round
  z-index="{{100000}}"
  show="{{ true }}"
  custom-style="background:transparent;"
  position="{{params.position || 'center'}}"
  safe-area-inset-bottom="{{false}}"
  root-portal
>
  <view class="popup1" wx:if="{{type==='argument'}}">
    <image class="logo" src="{{imageUrl}}logo1.png?t={{Timestamp}}"></image>
    <view class="title">欢迎加入“愈见守护”</view>
    <view class="content">
      亲爱的用户，为了更好地向您提供平台服务保护您的权益，我们完善了
      <text class="link" bind:tap="routerTo" data-url="/doc/pages/doc1/index">《个人信息及隐私政策》</text>
      ，请您仔细阅读。一旦您开始使用，即表示您已充分理解并同意协议内容。
    </view>
    <view class="check">
      <checkbox
        class="checkbox"
        model:checked="{{popup1Check1}}"
        bind:tap="handlePopup1Check1"
        color="#f23a2f"
      ></checkbox>
      <view class="c-content">
        我特此同意
        <text class="link" bind:tap="routerTo" data-url="/doc/pages/doc1/index">《个人信息及隐私政策》</text>
        规定收集我的相关敏感个人信息
      </view>
    </view>
    <view class="btn1" bind:tap="handleOk">同意并继续</view>
    <view class="btn2" bind:tap="handleCancel">不同意</view>
  </view>

  <view class="popup2" wx:elif="{{type==='stayTuned'}}">
    <image class="photo" src="{{imageUrl}}stayTuned.png?t={{Timestamp}}"></image>
    <view class="content">
      <view>努力建设中</view>
      <view>敬请期待</view>
    </view>
  </view>
  <view class="popup3" wx:elif="{{type==='bindDoctor'}}">
    <image class="icon" src="{{imageUrl}}icon23.png?t={{Timestamp}}"></image>
    <view class="container">
      <image class="title" src="{{imageUrl}}title1.png?t={{Timestamp}}"></image>
      <view class="card">
        <image class="avatar" src="{{params.avatar}}"></image>
        <view class="wrap">
          <view class="name">{{params.name}}</view>
          <view class="hostipal">
            <view class="content">{{params.hostipal}}</view>
            <view class="tag">{{params.className}}{{params.levelName}}</view>
          </view>
        </view>
      </view>
      <view class="btn" bind:tap="handleOk">确定</view>
    </view>
  </view>
  <view class="popup4" wx:elif="{{type==='bindDoctorReject'}}">
    <image class="icon" src="{{imageUrl}}icon24.png?t={{Timestamp}}"></image>
    <view class="container">
      <image class="title" src="{{imageUrl}}title2.png?t={{Timestamp}}"></image>
      <view class="content">{{params.msg}}</view>
      <view class="btn" bind:tap="handleOk">重新扫码</view>
    </view>
  </view>
  <view class="popup5" wx:elif="{{type==='selectIdentity'}}">
    <view class="container">
      <image class="title" src="{{imageUrl}}title3.png?t={{Timestamp}}"></image>
      <view class="row">
        <image class="avatar" src="{{imageUrl}}icon26.png?t={{Timestamp}}"></image>
        <view class="wrap">
          <view class="name">还未开启基因治疗</view>
          <view class="content">随便看看</view>
        </view>
        <image class="icon" src="{{imageUrl}}icon12.png?t={{Timestamp}}"></image>
      </view>
      <view class="row">
        <image class="avatar" src="{{imageUrl}}icon27.png?t={{Timestamp}}"></image>
        <view class="wrap">
          <view class="name">还未开启基因治疗</view>
          <view class="content">随便看看</view>
        </view>
        <image class="icon" src="{{imageUrl}}icon12.png?t={{Timestamp}}"></image>
      </view>
    </view>
  </view>
  <view class="popup6" wx:elif="{{type==='selectHostipalComplete'}}">
    <view class="container" style="background: url('{{imageUrl}}bg8.png?t={{Timestamp}}') no-repeat top center/100%">
      <view class="title">你真棒!</view>
      <view class="content">就诊医院选择成功!</view>
    </view>
  </view>
  <view class="popup6" wx:elif="{{type==='casesAddComplete'}}">
    <view class="container" style="background: url('{{imageUrl}}bg8.png?t={{Timestamp}}') no-repeat top center/100%">
      <view class="title">你真棒!</view>
      <view class="content">您的病史信息已填写完成!</view>
    </view>
  </view>
  <view class="popup7" wx:elif="{{type==='selectStatus'}}">
    <view class="container">
      <view class="title">记录下您此次的检查情况吧</view>
      <view class="content">请基于您的实际检查结果点选合适的检查状态</view>
      <view class="status-wrap">
        <view class="s-item active" bind:tap="handleSelectStatus" data-status="1">
          <image class="icon" src="{{imageUrl}}icon42.png?t={{Timestamp}}"></image>
          <view class="s-content">
            <view>多项不达标</view>
            <view>需要关注</view>
            <view class="radio">
              <image class="r-icon" src="{{imageUrl}}icon45.png?t={{Timestamp}}"></image>
            </view>
          </view>
        </view>
        <view class="s-item" bind:tap="handleSelectStatus" data-status="1">
          <image class="icon" src="{{imageUrl}}icon43.png?t={{Timestamp}}"></image>
          <view class="s-content">
            <view>少量不达标</view>
            <view>但无需担心</view>
            <view class="radio">
              <image class="r-icon" src="{{imageUrl}}icon45.png?t={{Timestamp}}"></image>
            </view>
          </view>
        </view>
        <view class="s-item" bind:tap="handleSelectStatus" data-status="1">
          <image class="icon" src="{{imageUrl}}icon44.png?t={{Timestamp}}"></image>
          <view class="s-content">
            <view>整体不错</view>
            <view>保持住!</view>
            <view class="radio">
              <image class="r-icon" src="{{imageUrl}}icon45.png?t={{Timestamp}}"></image>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="popup8" wx:elif="{{type==='selectStatusComplete'}}">
    <view class="bg" style="background: url({{imageUrl}}bg10.png) no-repeat top center/492rpx 492rpx?t={{Timestamp}}">
      <view class="header">
        <image class="icon1" src="{{imageUrl}}icon46.png?t={{Timestamp}}"></image>
        <view class="name">
          <view>整体不错</view>
          <view>保持住!</view>
        </view>
        <image class="icon2" src="{{imageUrl}}icon47.png?t={{Timestamp}}"></image>
      </view>
    </view>
    <view class="container">
      <image class="icon" src="{{imageUrl}}icon42.png?t={{Timestamp}}"></image>
      <view class="title">您选择的：诊前筛查结果</view>
      <view class="footer">
        <view class="cancel">重新选择</view>
        <view class="submit">提交</view>
      </view>
    </view>
  </view>
  <view class="popup9" wx:elif="{{type==='TCenter'}}">
    <view class="container">
      <view class="title">请选择您的基于治疗中心</view>
      <view class="list">
        <view class="list-item" wx:for="{{6}}" wx:key="index">
          <view class="radio">
            <image class="r-icon" src="{{imageUrl}}icon34.png?t={{Timestamp}}"></image>
          </view>
          <view class="content">中国医学科学院血液病医院</view>
        </view>
      </view>
      <view class="footer">
        <view class="cancel">重新选择</view>
        <view class="submit">提交</view>
      </view>
    </view>
  </view>
  <view class="popup10" wx:elif="{{type==='TCenterEnd'}}">
    <image class="status" src="{{imageUrl}}icon23.png?t={{Timestamp}}"></image>
    <view class="container">
      <image class="title" src="{{imageUrl}}title4.png?t={{Timestamp}}"></image>
    </view>
  </view>
  <view class="popup11" wx:elif="{{type==='inhibitors'}}">
    <view class="container">
      <view class="title">请选择您的免疫抑制剂</view>
      <view class="list">
        <view class="list-item" wx:for="{{6}}" wx:key="index">
          <view class="radio">
            <image class="r-icon" src="{{imageUrl}}icon34.png?t={{Timestamp}}"></image>
          </view>
          <view class="content">泼尼松</view>
        </view>
      </view>
      <textarea
        class="texcarea"
        placeholder-style="color:rgba(207, 209, 213, 1)"
        placeholder="请输入您的药品名称"
        disable-default-padding
      ></textarea>
      <view class="footer">
        <view class="cancel" bind:tap="handleCancel">取消</view>
        <view class="submit" bind:tap="handleOk">提交</view>
      </view>
    </view>
  </view>
  <view class="popup12" wx:elif="{{type==='bindDoctorQuestion'}}">
    <image class="icon" src="{{imageUrl}}icon62.png?t={{Timestamp}}"></image>
    <view class="container">
      <image class="title" src="{{imageUrl}}title5.png?t={{Timestamp}}"></image>
      <view class="content">
        绑定医生后
        <view></view>
        医生可以实时看到您的检查进展
      </view>
      <view class="tip">您可以扫描不同医生邀约码绑定多个医生</view>
      <view class="footer">
        <view class="cancel">重新选择</view>
        <view class="submit">提交</view>
      </view>
    </view>
  </view>
  <view class="popup13" wx:elif="{{type==='conformBindDoctorQuestion'}}">
    <image class="icon" src="{{imageUrl}}icon62.png?t={{Timestamp}}"></image>
    <view class="container">
      <image class="title" src="{{imageUrl}}title6.png?t={{Timestamp}}"></image>
      <view class="card">
        <image class="avatar" src="{{params.avatar}}"></image>
        <view class="wrap">
          <view class="name">{{params.name}}</view>
          <view class="hostipal">
            <view class="content">{{params.hostipal}}</view>
            <view class="tag">{{params.className}}{{params.levelName}}</view>
          </view>
        </view>
      </view>
      <view class="footer">
        <view class="cancel" bind:tap="handleCancel">取消</view>
        <view class="submit" bind:tap="handleOk">提交</view>
      </view>
    </view>
  </view>
  <view class="popup14" wx:elif="{{type==='preDiagnosisReportDate'}}">
    <view class="container">
      <image class="title" src="{{imageUrl}}title7.png?t={{Timestamp}}"></image>
      <picker mode="date">
        <view class="picker-content" data-place="请选择检查日期"></view>
      </picker>
      <view class="footer">
        <view class="cancel">取消</view>
        <view class="submit">提交</view>
      </view>
    </view>
  </view>
  <view class="popup15" wx:elif="{{type==='conformBindDoctorConform'}}">
    <image class="icon" src="{{imageUrl}}icon24.png?t={{Timestamp}}"></image>
    <view class="container">
      <image class="title" src="{{imageUrl}}title10.png?t={{Timestamp}}"></image>
      <view class="card">
        <image
          class="avatar"
          src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
        ></image>
        <view class="wrap">
          <view class="name">王青</view>
          <view class="hostipal">
            <view class="content">北京积水潭医院龙泽院区</view>
            <view class="tag">三甲</view>
          </view>
        </view>
      </view>
      <view class="footer">
        <view class="cancel" bind:tap="handleCancel">暂不绑定</view>
        <view class="submit" bind:tap="handleOk">注册并绑定></view>
      </view>
    </view>
  </view>
  <view class="popup16" wx:elif="{{type==='selectDoctor'}}">
    <view class="container">
      <image class="title" src="{{imageUrl}}title12.png?t={{Timestamp}}"></image>
      <view class="list">
        <view class="list-item" wx:for="{{6}}" wx:key="index">
          <view class="radio">
            <image class="r-icon" src="{{imageUrl}}icon34.png?t={{Timestamp}}"></image>
          </view>
          <image
            class="avatar"
            src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
          ></image>
          <view class="wrap">
            <view class="name">王青</view>
            <view class="hostipal">
              <view class="content">北京积水潭医院龙泽院区</view>
              <view class="tag">三甲</view>
            </view>
          </view>
        </view>
      </view>
      <view class="footer">
        <view class="cancel">取消</view>
        <view class="submit">确定</view>
      </view>
    </view>
  </view>
  <image
    wx:if="{{params.close}}"
    class="close"
    src="{{imageUrl}}icon25.png?t={{Timestamp}}"
    bind:tap="handleCancel"
  ></image>
</van-popup>