<!DOCTYPE html>
<title>湖北健康码</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,viewport-fit=cover,initial-scale=1,maximum-scale=1,user-scalable=0">
<meta name="theme-color" content="#FFFFFF">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="manifest" href="manifest.json">
<link rel="icon" type="image/png" href="./static/logo.png">
<link rel="apple-touch-icon" sizes="460x460" href="./static/logo.png">
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="../common/nav.css">
<script src="../common/base.js"></script>

<view class="navbar navbar--wechat">
  <view class="navbar__placeholder"></view>
  <view class="navbar__inner" style="background-color: white;">
    <view class="navbar__left">
      <view class="navbar__buttons" onclick="history.back();">
        <view class="navbar__button-goback"></view>
      </view>
    </view>
    <view class="navbar__center">
      <text>湖北健康码</text>
    </view>
    <view class="navbar__right">

    </view>
  </view>
  <div class="capsule capsule--wechat" onclick="navigateHome();">
    <svg class="capsule__menu-icon" viewBox="0 0 64 28" xmlns="http://www.w3.org/2000/svg">
      <circle cx="32" cy="14" r="9.5" />
      <circle cx="54" cy="14" r="6" />
      <circle cx="10" cy="14" r="6" />
    </svg>
    <div class="capsule__splitter"></div>
    <svg class="capsule__exit-icon" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
      <circle cx="30" cy="30" r="9" />
      <circle cx="30" cy="30" r="23" stroke-width="6" fill="transparent" />
    </svg>
  </div>
</view>

<view class="container data-v-57280228">
  <view class="user data-v-57280228">
    <view class="name data-v-57280228">
      <view class="name-item data-v-57280228">姓名</view>
      <view class="data-v-57280228" style="font-size:5.333vw;" id="name"></view>
      <!-- <view class="data-v-57280228" wx:else>{{oldUserInfo.name}}</view> -->
    </view>
    <view class="idcard data-v-57280228">
      <view class="name-item data-v-57280228">身份证</view>
      <view class="data-v-57280228" style="font-size:5.333vw;" id="idcard"></view>
      <!-- <view class="data-v-57280228" wx:else>{{oldUserInfo.idcard}}</view> -->
    </view>
    <view class="code data-v-57280228" style="height: calc(100vh - 21.333vw - 44px - env(safe-area-inset-top, 0));">
      <view class="tiem data-v-57280228">
        <text class="data-v-57280228"><span id="datetime"></span><text class="time-second data-v-57280228"
            id="sec"></text>
        </text>
      </view>
      <view class="data-v-57280228">
        <view class="canvas-content data-v-57280228">
          <!-- <view class="data-v-57280228" style="{{'display:'+(show?'none':'block')+';'}}">
            <canvas canvasId="myQrcode" class="icon-qrcode data-v-57280228"></canvas>
          </view> -->
          <view class="data-v-57280228" style="display: flex; align-items: center; justify-content: center">
            <img style="width: 10.933vw; height: 13.333vw; position: absolute;" src="./static/dun.png">
            <image mode class="canvas-img data-v-57280228"
              src="data:image/png;base64, ">
            </image>
          </view>
          <image class="qrcode-img-border data-v-57280228" src="./static/bian.png">
          </image>
          <!-- <image class="qrcode-img-stamp data-v-57280228" src="./static/green_new.png"></image> -->
        </view>
      </view>
      <view class="data-v-57280228" style="height:5.333vw;background:#fff;"></view>
      <!-- <view class="sampling data-v-57280228" wx:if="{{userInfo.cyFlag==1}}">
        <view class="data-v-57280228">核酸<text class="label data-v-57280228">已采样</text>
        </view>
        <view class="data-v-57280228">{{handleCyDate}}</view>
      </view> -->
      <view class="data-v-57280228" style="height:2.667vw;background:#fff;"></view>
      <view bindtap="__e" class="travelcard data-v-57280228" onclick="navigateToTripCard();">
        <view class="travelcard-box data-v-57280228">
          <image mode class="travelcard-card data-v-57280228" src="./static/card.png"></image>
          <text class="travelcard-text data-v-57280228">出示我的行程卡</text>
        </view>
        <image mode class="travelcard-right data-v-57280228" src="./static/right.png"></image>
      </view>
      <view class="state data-v-57280228">
        <view bindtap="__e" class="nucleic data-v-57280228 twenty-four-bgc">
          <view class="title data-v-57280228">
            <image class="icon-img data-v-57280228" src="./static/icon_success_white.png">
            </image>
            <!-- <image class="icon-img data-v-57280228" src="./static/icon_success.png" wx:else></image> -->
            <text class="lable data-v-57280228" style="color: #fff;">核酸检测</text>
            <image class="icon-img data-v-57280228" src="./static/icon_white.png"></image>
            <!-- <image class="icon-img data-v-57280228" src="./static/icon_right.png" wx:else></image> -->
          </view>
          <view class="item lately data-v-57280228">
            <!-- <text class="date data-v-57280228" wx:if="{{hsType==4}}">5</text> -->
            <text class="date data-v-57280228">24</text>
            <!-- <view class="day data-v-57280228" wx:if="{{hsType==4}}">天核酸</view> -->
            <view class="text data-v-57280228">
              <text class="data-v-57280228">小时</text>
              <text class="data-v-57280228">阴性</text>
            </view>
          </view>
          <!-- <view class="item stateDetails data-v-57280228" wx:else>
            <text class="details data-v-57280228"
              style="color: #5a87e3;">阴性</text>
          </view> -->
          <text class="item-date data-v-57280228" style="color: #fff;" id="covid-test-date"></text>
        </view>
        <view bindtap="__e" class="vaccines data-v-57280228"
          data-event-opts="{{[ [ 'tap',[ [ 'toPage',['/pages/totalVaccines/totalVaccines','$0','$1'],['oldUserInfo','userInfo.vaccine'] ] ] ] ]}}"
          style="background-color:#fff;">
          <view class="title data-v-57280228">
            <image class="icon-img data-v-57280228" src="./static/icon_success.png"></image>
            <text class="lable data-v-57280228">疫苗接种</text>
            <image class="icon-img data-v-57280228" src="./static/icon_right.png"></image>
          </view>
          <view class="item data-v-57280228">3<text class="data-v-57280228"
              style="font-size:3.2vw;margin-left:0.8vw;">次</text>
          </view>
          <text class="data-v-57280228" style="font-size:2.933vw;" id="vaccination-date"></text>
        </view>
      </view>
      <view class="copyright data-v-57280228">
        <view class="copyright-phone data-v-57280228">
          <image mode class="copyright-image data-v-57280228" src="./static/phone.png"></image>服务热线：12345
        </view>
        <text class="copyright-text data-v-57280228">本服务由湖北省新冠肺炎疫情防控指挥部提供</text>
      </view>
    </view>
  </view>
</view>
<script>
  setDynamicTime("#datetime", 0, 17);
  setDynamicTime("#sec", 17, 19);
  setStaticTime("#covid-test-date", 0, 16, 8, 4);

  addStorageField("_hb_vaccination_date", "#vaccination-date", "疫苗接种时间", "2021-06-16 12:00");
  addStorageField("_name", "#name", "名字", "习近平", presetFilters.lastcharonly);
  addStorageField("_idcard", "#idcard", "身份证号", "110101195306153019", (s) => "****** ******** " + s.slice(-4));

  initServiceWorker("hubei-hc");
</script>