<!--pages/reportPreview/reportPreview.wxml-->
<view class="reportPreview-page">
  <view class="tabs" wx:if="{{type===0}}">
    <view class="tab" bindtap="handleTabChange" data-active="{{1}}">电子证书<view class="line" wx:if="{{active===1}}">
      </view>
    </view>
    <view class="tab" bindtap="handleTabChange" data-active="{{2}}">报告<view class="line" wx:if="{{active===2}}"></view>
    </view>
  </view>
  <view class="logoBar" wx:if="{{active===1}}">
    <image class="logoBar_logo" src="/assets/images/reportPreview/icon_logo.png"></image>
  </view>
  <view class="logoBar2" wx:else>
    <!-- <image class="logoBar_logo" src="/assets/images/reportPreview/icon_logo.png"></image> -->
    <image class="slogan" src="/assets/images/reportPreview/slogan.png"></image>
    <view class="mechanism">
      <!-- <view class="mItem">
        <image class="icon_gh" src="/assets/images/reportPreview/icon_gh.png"></image>国家市场监督管理总局
      </view>
      <view class="mItem">
        <image class="icon_zgfw" src="/assets/images/reportPreview/icon_zgfw.png"></image>中国防伪行业协会
      </view> -->
      <view class="icons">
        <image class="icon_gh" src="/assets/images/reportPreview/icon_gh.png"></image>
        <image class="icon_zgfw" src="/assets/images/reportPreview/icon_zgfw.png"></image>
      </view>
      <view class="texts">
        <view class="ws">中 国 防 伪 行 业 协 会</view>
        <view>全国产品防伪溯源验证公共平台</view>
      </view>
    </view>
    <view class="description">溯源优才—全国人力资源信息数据验证平台是具有国家公信力的人力资源信息数据库，致力于为社会提供全链条人力资源信息溯源服务，面对全社会提供个人授权采集、本人查验、授权增信展示服务。</view>
  </view>
  <view class="certificate" wx:if="{{active===1}}">
    <view class="title">电子证书<text wx:if="{{type===0}}">（图示为样例展示）</text></view>
    <view class="certificate_bg">
      <view wx:if="{{type===0}}" class="example">（样例）</view>
      <view class="info">
        <view>姓名：{{certificateInfo.username}}</view>
        <view>身份证号：{{certificateInfo.idCard}}</view>
      </view>
      <view class="description">
        该人才数据档案由溯源优才-全国人力资源信息数据验证平台全程溯源和验证，由{{certificateInfo.username}}本人发起数据档案数据报告申请。凭证书可在官方指定平台查询其数据档案数据报告。本证书的最终解释权归发证机构所有。
      </view>
      <view class="blockInfo">
        <view class="time-box">
          <view>发证日期：
            <filter type="parseTime" value="{{certificateInfo.createDate}}" params="{{['{y}年{m}月{d}日']}}" />
          </view>
          <view>有效期至：{{certificateInfo.endDate||'不限时间'}}</view>
        </view>
        <view class="blockchain">
          区块链存证信息：
          <view class="blockchain-number {{type===0?'blur':''}}">{{certificateInfo.blockchain}}</view>
        </view>
      </view>
      <view class="bottom">

        <view class="qr">
          <view style="width: 150rpx;height:150rpx;">
            <image wx:if="{{type===0}}" src="https://chrivc.obs.cn-north-4.myhuaweicloud.com/htmlFile/previewQr.png" class="myQrcode"></image>
            <image wx:else class="myQrcode" src="{{myQrcode}}" />
          </view>
          <!-- <image style="width:500rpx;height:500rpx;" src="{{ qrcodeURL }}" ></image> -->
          <view class="scanTip">
            <view>请扫描二维码</view>
            <view>查验个人信息报告</view>
          </view>
        </view>
        <image class="icon_zhang" src="/assets/images/reportPreview/icon_zhang.png"></image>
      </view>
      <!-- <image class="certificate_bg" src="/assets/images/reportPreview/certificate_bg.png"></image> -->
    </view>
    <view class="title">查验卡片<text wx:if="{{type===0}}">（图示为样例展示）</text></view>
    <view class="qrBox">
      <!-- <view class="title">
        <image src="/assets/images/logo.png" />溯源优才</view>
      <view class="subTitle">全国人力资源信息数据验证平台</view> -->
      <view wx:if="{{type===0}}" class="example">（样例）</view>
      <view class="qrBox_bg">
        <image src="{{cardQr}}" />
      </view>
    </view>
  </view>
  <view class="report" wx:if="{{active===2 || active===3}}">
    <view class="topTitleLayout">
      <view class="line"></view>
      <view>
        <view class="title">个人信息查验报告</view>
        <view class="date">生成时间：
          <filter wx:if="{{reportCreateDate}}" type="parseTime" value="{{reportCreateDate}}" params="{{['{y}-{m}-{d} {h}:{i}']}}" />
        </view>

      </view>
      <view class="line"></view>
    </view>
    <view class="topTip">【溯源优才】个人信息查验报告是在当事人的授权或直接操作下，根据【全国人力资源信息数据验证平台】的国家人力资源信息数据库中留存的数据记录生成，所有数据项均可溯源防伪，<text>报告记录和查验记录均永久保存留档。</text></view>
    <view class="toolbar">
      <view class="switchLayout">
        <text>图例信息：</text>
        <view style="display: flex;align-items: center;" bindtap="handleSwitch">
          <view class="switch {{switch?'switchShow':''}}">
            <text class="{{switch?'show':''}}"></text>
            <!-- <text class="{{!switch?'show':''}}"></text> -->
          </view>
          隐藏来源
        </view>
        <!-- <view>
          <switch checked="{{switch}}" bindchange="handleSwitch"/>隐藏来源
        </view> -->
      </view>
      <view class="sourceList">
        <view class="sourceItem">
          <image class="icon_source" src="/assets/images/reportPreview/icon_1.png"></image>来源于国家公信力权威部门
        </view>
        <view class="sourceItem">
          <image class="icon_source" src="/assets/images/reportPreview/CONSUMER.png"></image>来自本人自填，本人已签署信息真实性承诺书
        </view>
        <view class="sourceItem">
          <image class="icon_source" src="/assets/images/reportPreview/BUSINESS.png"></image>来源于学校/企业/社会机构
        </view>
      </view>
    </view>
    <view class="list">
      <view class="item" wx:if="{{report['基础信息']}}">
        <view class="item_panel" bindtap="handleToggle" data-toggled="{{toggles['基础信息']}}" data-key="基础信息">
          <image class="item_icon" src="/assets/images/information/icon1.png"></image>
          <view class="item_title">
            <text>基础信息</text>
            <image class="{{toggles['基础信息']?'unfold':'fold'}}" src="/assets/images/information/unfold.png" />
          </view>
        </view>
        <view class="item_content" wx:if="{{toggles['基础信息']}}">
          <view class="value_item" wx:if="{{report['基础信息']['姓名']}}">姓名：<view class="value">{{report['基础信息']['姓名'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['姓名']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['性别']}}">性别：<view class="value">{{report['基础信息']['性别'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['性别']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['身份证号']}}">身份证号：<view class="value">{{report['基础信息']['身份证号'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['身份证号']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['身份证注册地']}}">身份证注册地：<view class="value">{{report['基础信息']['身份证注册地'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['身份证注册地']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['出生日期']}}">出生日期：<view class="value">{{report['基础信息']['出生日期'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['出生日期']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['民族']}}">民族：<view class="value">{{report['基础信息']['民族'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['民族']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item flex" wx:if="{{report['基础信息']['手机号码']}}">
            <view>手机号码：</view>
            <view class="valueList">
              <view class="valueItem" wx:for="{{report['基础信息']['手机号码']}}" wx:key="index">
                {{item['值'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{item['值']}}">
                </sourceLabel>
              </view>
            </view>
          </view>
          <view class="value_item flex" wx:if="{{report['基础信息']['座机号码']}}">
            <view class="valueLabel">座机号码：</view>
            <view class="valueList">
              <view class="valueItem" wx:for="{{report['基础信息']['座机号码']}}" wx:key="index">
                {{item['值'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{item['值']}}"></sourceLabel>
              </view>
            </view>
          </view>
          <view class="value_item flex" wx:if="{{report['基础信息']['电子邮箱']}}">
            <view>电子邮箱：</view>
            <view class="valueList">
              <view class="valueItem" wx:for="{{report['基础信息']['电子邮箱']}}" wx:key="index">
                {{item['值'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{item['值']}}"></sourceLabel>
              </view>
            </view>
          </view>

          <view class="value_item" wx:if="{{report['基础信息']['通信地址']}}">通信地址：</view>
          <view class="addressList">
            <view class="addressItem" wx:for="{{report['基础信息']['通信地址']}}" wx:key="index">
              <view class="value">{{item['值'].dataValue}}</view>
              <sourceLabel wx:if="{{switch}}" data="{{item['值']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['政治面貌']}}">政治面貌：<view class="value">{{report['基础信息']['政治面貌'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['政治面貌']}}"></sourceLabel>
            </view>
          </view>
          <view class="value_item" wx:if="{{report['基础信息']['婚姻状况']}}">婚姻状况：<view class="value">{{report['基础信息']['婚姻状况'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{report['基础信息']['婚姻状况']}}"></sourceLabel>
            </view>
          </view>
        </view>
      </view>
      <!-- 学历教育 -->
      <view class="item" wx:if="{{report['学历教育']}}">
        <view class="item_panel" bindtap="handleToggle" data-toggled="{{toggles['学历教育']}}" data-key="学历教育">
          <image class="item_icon" src="/assets/images/information/icon2.png"></image>
          <view class="item_title">
            <text>学历教育</text>
            <image class="{{toggles['学历教育']?'unfold':'fold'}}" src="/assets/images/information/unfold.png" />
          </view>
        </view>
        <view class="item_content" wx:if="{{toggles['学历教育']}}">
          <view class="eduList">
            <view class="eduItem" wx:for="{{report['学历教育']}}">
              <view class="eduTitle">
                <view class="eduName" wx:if="{{item['教育机构']}}">{{item['教育机构'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{item['教育机构']}}">
                  </sourceLabel>
                </view>
                <view class="eduDate">
                  <view>
                    <filter wx:if="{{item['时间']}}" type="splitDates" value="{{item['时间'].dataValue}}" />
                  </view>
                  <!-- <view class="fileBox" bindtap="">
                    <image class="icon_file" src="/assets/images/reportPreview/icon_file.png"></image>3个附件
                  </view> -->
                  <fileBox imgs="{{item['附件'].dataValue}}" />
                </view>
              </view>
              <view class="infos">
                <text wx:if="{{item['专业名称']}}">{{item['专业名称'].dataValue}}</text>
                <text wx:if="{{item['学制']}}">{{item['学制'].dataValue}}</text>
                <text wx:if="{{item['是否全日制']}}">{{item['是否全日制'].dataValue}}</text>
                <text wx:if="{{item['专业层次']}}">{{item['专业层次'].dataValue}}</text>
                <text wx:if="{{item['教育结果']}}">{{item['教育结果'].dataValue}}</text>
              </view>
              <view class="classInfo" wx:if="{{item['班期']}}">班期：{{item['班期'].dataValue}}</view>
              <view class="gray mb28" wx:if="{{item['专业描述']}}">专业描述：</view>
              <view class="gray">
                {{item['专业描述'].dataValue}}</view>
              <view class="eventTitle" wx:if="{{item['事件/活动记录']}}">事件/活动记录</view>
              <view class="eventList">
                <view class="eventItem" wx:for="{{item['事件/活动记录']}}" wx:for-item="eventItem" wx:for-index="eventIndex" wx:key="eventIndex">
                  <view class="gray">
                    <view class="eventDate">
                      <filter type="splitDates" value="{{eventItem['时间'].dataValue}}" />
                    </view>
                    <view>{{eventItem['内容'].dataValue}}</view>
                  </view>
                  <fileBox imgs="{{eventItem['附件'].dataValue}}" />
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <!--非学历教育 -->
      <view class="item" wx:if="{{report['非学历教育']}}">
        <view class="item_panel" bindtap="handleToggle" data-toggled="{{toggles['非学历教育']}}" data-key="非学历教育">
          <image class="item_icon" src="/assets/images/information/icon3.png"></image>
          <view class="item_title">
            <text>非学历教育</text>
            <image class="{{toggles['非学历教育']?'unfold':'fold'}}" src="/assets/images/information/unfold.png" />
          </view>
        </view>
        <view class="item_content" wx:if="{{toggles['非学历教育']}}">
          <view class="eduList">
            <view class="eduItem" wx:for="{{report['非学历教育']}}" wx:key="index">
              <view class="eduTitle">
                <view wx:if="{{item['教育机构']}}" class="eduName">{{item['教育机构'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{item['教育机构']}}">
                  </sourceLabel>
                </view>
                <view class="eduDate">
                  <view>
                    <filter type="splitDates" value="{{item['时间'].dataValue}}" />
                  </view>
                  <fileBox imgs="{{item['附件'].dataValue}}" />
                </view>
              </view>
              <view class="gray mt30">
                {{item['机构描述'].dataValue}}
              </view>
              <view class="infos">
                <text wx:if="{{item['教育产品']}}">{{item['教育产品'].dataValue}}</text>
                <text wx:if="{{item['教育结果']}}">{{item['教育结果'].dataValue}}</text>
                <!-- ({{item['产品编号'].dataValue}}） -->
              </view>
              <view class="classInfo" wx:if="{{item['班期'].dataValue}}">班期：{{item['班期'].dataValue}}</view>
              <view class="gray mb28" wx:if="{{item['产品描述'].dataValue}}">产品描述：</view>
              <view class="gray" wx:if="{{item['产品描述'].dataValue}}">
                {{item['产品描述'].dataValue}}
              </view>
              <view class="eventTitle" wx:if="{{item['事件/活动记录']}}">事件/活动记录</view>
              <view class="eventList">
                <view class="eventItem" wx:for="{{item['事件/活动记录']}}" wx:for-item="eventItem">
                  <view class="gray">
                    <view class="eventDate">
                      <filter type="splitDates" value="{{eventItem['时间'].dataValue}}" />
                    </view>
                    <view>{{eventItem['内容'].dataValue}}</view>
                  </view>
                  <fileBox imgs="{{eventItem['附件'].dataValue}}" />
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <!-- 职业经历 -->
      <view class="item" wx:if="{{report['职业经历']}}">
        <view class="item_panel" bindtap="handleToggle" data-toggled="{{toggles['职业经历']}}" data-key="职业经历">
          <image class="item_icon" src="/assets/images/information/icon4.png"></image>
          <view class="item_title">
            <text>职业经历</text>
            <image class="{{toggles['职业经历']?'unfold':'fold'}}" src="/assets/images/information/unfold.png" />
          </view>
        </view>
        <view class="item_content" wx:if="{{toggles['职业经历']}}">
          <view class="eduList">
            <view class="eduItem" wx:for="{{report['职业经历']}}" wx:key="index">
              <view class="eduTitle">
                <view class="eduName">{{item['单位名称'].dataValue}}<sourceLabel wx:if="{{switch}}" data="{{item['单位名称']}}">
                  </sourceLabel>
                </view>
                <view class="eduDate">
                  <view>
                    <filter type="splitDates" value="{{item['时间'].dataValue}}" />
                  </view>
                  <fileBox imgs="{{item['附件'].dataValue}}" />
                </view>
              </view>
              <view class="gray mt30">
                {{item['单位介绍'].dataValue}}
              </view>

              <view class="eventTitle" wx:if="{{item['岗位记录']}}">岗位记录</view>
              <view class="eventList">
                <view class="eventItem" wx:for="{{item['岗位记录']}}" wx:for-item="eventItem" wx:key="eventIndex" wx:for-index="eventIndex">
                  <view class="gray">
                    <view class="eventDate">
                      <filter type="splitDates" value="{{eventItem['时间'].dataValue}}" />
                    </view>
                    <view class="post">{{eventItem['岗位名称'].dataValue}}</view>
                    <view>{{eventItem['内容'].dataValue}}</view>
                  </view>
                  <fileBox imgs="{{eventItem['附件'].dataValue}}" />
                </view>
              </view>

              <view class="eventTitle" wx:if="{{item['事件/活动记录']}}">事件/活动记录</view>
              <view class="eventList">
                <view class="eventItem" wx:for="{{item['事件/活动记录']}}" wx:for-item="eventItem" wx:key="eventIndex" wx:for-index="eventIndex">
                  <view class="gray">
                    <view class="eventDate">
                      <filter type="splitDates" value="{{eventItem['时间'].dataValue}}" />
                    </view>
                    <view>{{eventItem['内容'].dataValue}}</view>
                  </view>
                  <fileBox imgs="{{eventItem['附件'].dataValue}}" />
                </view>
              </view>

            </view>
          </view>
        </view>
      </view>
      <!-- 社会活动经历 -->
      <view class="item" wx:if="{{report['社会活动经历']}}">
        <view class="item_panel" bindtap="handleToggle" data-toggled="{{toggles['社会活动经历']}}" data-key="社会活动经历">
          <image class="item_icon" src="/assets/images/information/icon5.png"></image>
          <view class="item_title">
            <text>社会活动经历</text>
            <image class="{{toggles['社会活动经历']?'unfold':'fold'}}" src="/assets/images/information/unfold.png" />
          </view>
        </view>
        <view class="item_content" wx:if="{{toggles['社会活动经历']}}">
          <view class="eduList">
            <view class="eduItem">
              <view class="eventList">
                <view class="eventItem" wx:for="{{report['社会活动经历'][0]['事件/活动记录']}}" wx:key="eventIndex" wx:for-item="eventItem" wx:for-index="eventIndex">
                  <view class="gray">
                    <view class="eventDate">
                      <filter type="splitDates" value="{{eventItem['时间'].dataValue}}" />
                    </view>
                    <view style="width:450rpx;">{{eventItem['内容'].dataValue}}</view>
                    <sourceLabel wx:if="{{switch}}" data="{{eventItem['内容']}}"></sourceLabel>
                  </view>
                  <fileBox imgs="{{eventItem['附件'].dataValue}}" />
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>

  <view class="footer" wx:if="{{active===2 || active===3}}">
    <image class="foot_logobar" src="/assets/images/reportPreview/foot_logobar.png"></image>
    <!-- <view class="reportCreateDate">
      <view class="line"></view>
      <view class="text">报告生成时间：
        <filter wx:if="{{reportCreateDate}}" type="parseTime" value="{{reportCreateDate}}" params="{{['{y}-{m}-{d} {h}:{i}:{s}']}}" />
      </view>
      <view class="line"></view>
    </view> -->
    <view class="title">
      <image class="icon_warning" src="/assets/images/reportPreview/icon_warning.png"></image>
      免责声明(必读)：
    </view>
    <view class="content">
      <view>1. 本次个人信息查验报告由溯源优才——全国人力资源信息数据验证平台出具，报告依据截至报告时点的全国人力资源信息数据验证平台记录的数据档案生成，未包含此后增删修改的更新数据内容。
      </view>
      <view>2. 报告中所有数据均由本人自填或数据相关机构提供，平台不保证其真实性和准确性，但承担在信息汇总、整合的过程中保持客观、中立的地位。</view>
      <view>3. 本报告整合了数据提供机构以信息主体不同证件报送的信息。</view>
      <view>4. 数据来源中本人自填是信息主体对数据档案的自主填写，信息主体自填时已承诺对本人自填的所有信息真实性负责。</view>
      <view>5. 数据来源中学校/企业/社会组织机构是数据相关机构写入，数据提供机构承诺对数据信息真实性负责。</view>
      <view>6. 本报告内容涉及个人隐私，查看者应依法使用，妥善保管。因使用不当造成个人信息泄露的，溯源优才——全国人力资源信息数据验证平台将不承担相关责任。</view>
    </view>
  </view>

  <view class="fixed">
    <view class="toggleAll" bindtap="toggleAll">全部收起</view>
    <view class="goTop" bindtap="goTop">
      <image class="icon_top" src="/assets/images/information/icon_top.png"></image>
      <text>顶部</text>
    </view>
  </view>

  <view class="btnLayout" wx:if="{{type===0}}">
    <btn width="250rpx" wx:if="{{active===1}}" height="80rpx" bindtap="handleTabChange" data-active="{{2}}">查看报告</btn>
    <btn width="250rpx" wx:if="{{active===2}}" height="80rpx" bindtap="handleTabChange" data-active="{{1}}">查看证书</btn>
    <btn width="250rpx" height="80rpx" bindtap="createReport">生成个人信息报告</btn>
  </view>

  <canvas class='canvas myQrcode' width="105px" height="105px" canvas-id='myQrcode'></canvas>
  <canvas class='canvas card' width="253px" height="253px" canvas-id='cardQr'></canvas>
  <painter class="painter-cmp" palette="{{cardPainter}}" bind:imgOK="onImgOK" />
  <painter class="painter-cmp" palette="{{certifivatePainter}}" bind:imgOK="onImgOK" />
  <view wx:if="{{active == 1 && type != 0}}" class="bottom-fill"></view>
  <view wx:if="{{active == 1 && type != 0}}" class="bottom-container">
    <view class="btn-item" bind:tap="downLoadCertifivate">
      <image src="/assets/images/reportPreview/dl_idCard.png" />
      证书分享<text>(显示身份证号码)</text>
    </view>
    <view class="btn-item" bind:tap="downLoadCertifivateNoIdCard">
      <image src="/assets/images/reportPreview/dl_noIdCard.png" />
      证书分享<text>(隐藏身份证号码)</text>
    </view>
    <view class="btn-item" bind:tap="downLoadCard">
      <image src="/assets/images/reportPreview/dl_card.png" />
      卡片下载<text>　</text>
    </view>
    <!-- <view class="btn-item">
      <image src="/assets/images/reportPreview/share.png" />
      微信分享
    </view> -->
    <!-- <button open-type="share" class="btn-item">
      <image src="/assets/images/reportPreview/share.png" />
      微信分享
    </button> -->
    <button class="btn-item" bindtap="getPaper">
      <image src="/assets/images/reportPreview/paper.png" />
      申请纸质证书<text>　</text>
    </button>
  </view>
  <view class="drainage" wx:if="{{source==='2'}}">
    <btn width="342rpx" height="80rpx" bindtap="myInformation">查看我的数据档案</btn>
  </view>
</view>