<view class="toptip {{tipStaus}} text-white {{tipType}}" style='top:{{CustomBar}}px;'>{{tipText}}</view>
<cu-custom bgColor="bg-color" isBack="{{true}}" title="全程冷链追溯报告">
  <!-- <view slot="content">PDF报告</view> -->
</cu-custom>
<view>
  <view class="my_top"></view>
  <view class="pdfProduct" wx:if="{{orderid}}">
    <view class="ccxx_btm_tit">订单详情</view>
    <view>
      <text>客户名称：</text>
      <view>{{transportOrder.cusName}}</view>
    </view>
    <view>
      <text>订单号：</text>
      <view>{{transportOrder.code}}</view>
    </view>
    <view>
      <text>下单日期：</text>
      <view>{{transportOrder.orderTime}}</view>
    </view>
    <view>
      <text>运抵省份：</text>
      <view>{{transportOrder.province}}</view>
    </view>
    <view>
      <text>送货地点：</text>
      <view>{{transportOrder.sendAreaName}}</view>
    </view>
    <view>
      <text>运抵目的地：</text>
      <view>{{transportOrder.desti}}</view>
    </view>
    <view>
      <text>产品名称：</text>
      <view>{{transportOrder.goodsName}}</view>
    </view>
    <view>
      <text>生产厂家：</text>
      <view>{{transportOrder.manufac}}</view>
    </view>
    <view>
      <text>承运商：</text>
      <view>{{transportOrder.transportName}}</view>
    </view>
    <view>
      <text>运输方式：</text>
      <view>{{transportOrder.transportType}}</view>
    </view>
    <view>
      <text>车牌：</text>
      <view>{{transportOrder.plateNum}}</view>
    </view>
    <view>
      <text>发运日期：</text>
      <view>{{transportOrder.startTime}}</view>
    </view>
  </view>
  <view class="pdfProduct" style="{{orderid ? 'margin:0rpx auto 20rpx auto' : ''}}">
    <view class="ccxx_btm_tit">产品信息</view>
    <view>
      <view>疫苗名称：</view>
      <text>{{productInfo.name}}</text>
    </view>
    <block wx:for="{{productContent}}" wx:for-item="item" wx:for-index="index">
      <view wx:if="{{item}}">
        <view>{{item.keyStr}}：</view>
        <text>{{item.valueStr}}</text>
      </view>
    </block>
  </view>
  <view class="pdfCompany">
    <view class="ccxx_btm_tit">企业信息</view>
    <view>
      <view>企业名称：</view>
      <text>{{companyInfo.name || '--'}}</text>
    </view>
    <view>
      <view>社会许可持有人：</view>
      <text>{{companyInfo.managerName || '--'}}</text>
    </view>
    <view>
      <view>地址：</view>
      <text>{{companyInfo.address || '--'}}</text>
    </view>
  </view>
  <view class="ccxx_btm">
    <view class="ccxx_btm_tit">疫苗物流信息</view>
    <block wx:if="{{adcs.length != 0}}">
      <view style="{{isAll ? 'height: 364rpx;overflow: hidden;' :''}}">
        <view class="ccxx_btm_item" wx:for="{{adcs}}" wx:for-item="item" wx:key="index">
          <view class="playlog-item">
            <view class="dotline">
              <!-- 竖线 -->
              <view class="line" style="{{index == adcs.length-1 ? 'display:none' : ''}}"></view>
              <!-- 圆点 -->
              <view class="dot">
                <view class="dotMin"></view>
              </view>
              <!-- 时间戳 -->
            </view>
            <view class="content">
              <text class="time">{{item.createTime}}</text>
              <text class="course">{{item.addr || 'N/A'}}；操作人：{{item.userName || 'N/A'}}</text>
            </view>
          </view>
        </view>
      </view>
    </block>
    <view class="no_data" wx:else>
      <image src="/img/nodata_img2.png"></image>
      <view class="no_data_txt">抱歉暂无数据</view>
    </view>
    <view bindtap="onAll" class="onAll" wx:if="{{adcs.length >=5}}">
      <text>{{allActive}}</text>
    </view>
  </view>
  <view class="ccxx_btm">
    <view class="ccxx_btm_tit">疫苗包装结构</view>
    <view class="packgeInfo">
      <block wx:for="{{packageInfo}}" wx:for-item="item" wx:for-index="index">
        <view wx:if="{{index < 2}}" class="activeLeft">
          <view style="background-color: #fff;">{{item}}</view>
          <image wx:if="{{packageInfo.length > 1 && index  == 0}}" src="/img/line.png"></image>
        </view>
        <view wx:if="{{index > 1 && index < 3}}" class="linePackge" style="align-self:center;display:flex;margin-top:-60rpx;margin-left:70rpx;">
          <image src="/img/line_left.png" style="width: 88rpx;height: 33rpx;"></image>
          <image src="/img/line.png" style="margin-top: 40rpx;"></image>
        </view>
        <view wx:if="{{index > 1}}" class="activeRight">
          <view>{{item}}</view>
          <image wx:if="{{index < packageInfo.length -1 }}" src="/img/line.png"></image>
        </view>
      </block>
    </view>
  </view>
  <view wx:for="{{tempLines}}" wx:for-item="item" wx:for-index="index" class="ccxx_btm">
    <view class="ccxx_btm_tit">全程温度曲线</view>
    <view class="itemTempInfoTitle">
      <text>{{item.startLocal || 'N/A'}}</text>
      <view class="title">
        <image src="/img/to.png"></image>
        <view>
          <image src="/img/{{item.transportType}}.png"></image>
        </view>
      </view>
      <text>{{item.endLocal || 'N/A'}}</text>
    </view>
    <view class="barChart">
      <ec-canvas id="{{item.id}}" wx:if="{{item.temps.length!=0}}" canvas-id="llzsChart" ec="{{ Ec }}" force-use-old-canvas="true"></ec-canvas>
      <view class="no_data" wx:else>
        <image src="/img/nodata_img2.png"></image>
        <view class="no_data_txt">抱歉暂无数据</view>
      </view>
    </view>
  </view>
  <view class="ccxx_btm">
    <view class="ccxx_btm_tit">报警详情</view>
    <view class="index_wd_nav">
      <view class="{{searchTage==0?'sec':''}}" bindtap="setNav" data-val="0">近7天</view>
      <view class="{{searchTage==1?'sec':''}}" bindtap="setNav" data-val="1">自定义时间</view>
      <view class="{{searchTage==3?'sec':''}}" bindtap="setNav" data-val="3">全部</view>
    </view>
    <view class="index_wd_time" wx:if="{{searchTage==1}}">
      <picker mode="date" value="{{startTime}}" bindchange="startDateChange">
        <view class="picker">
          {{startTime || "起始时间"}}
        </view>
      </picker>
      <view class="index_wd_time_txt">/</view>
      <picker mode="date" value="{{endTime}}" bindchange="endDateChange">
        <view class="picker">
          {{endTime || "结束时间"}}
        </view>
      </picker>
      <view class="index_wd_time_btn" bindtap="submitDate">确认</view>
    </view>
    <view>
      <view class="paramsTitle">
        <view>数量</view>
        <view>日期</view>
        <view>处理人</view>
      </view>
      <view class="warningScroll" wx:if="{{warningList.length!=0}}">
        <view class="{{index % 2 == 0 ?'paramsItem':'paramsItem active'}}" wx:for="{{warningList}}" wx:for-item="item"
          wx:for-index="index">
          <view>{{item.warningName || 'N/A'}}</view>
          <view>{{item.datetime || 'N/A'}}</view>
          <view>{{item.cause || 'N/A'}}</view>
        </view>
      </view>
      <view class="no_data" wx:else>
        <image src="/img/nodata_img2.png"></image>
        <view class="no_data_txt">抱歉暂无数据</view>
      </view>
    </view>
  </view>

  <view class="textFoot">
    <text class="textH1">免责声明:</text>
    <view class="textActive">本报告基于多重加密全程追溯数据及定时温度测试数据得出。报告中所提供数据仅供参考,可作为判定疫苗质量、疫苗真伪的佐证。本报告不是疫苗质量好坏或真伪的结论性报告,不能以此报告所载内容作为唯一判定疫苗质量好坏或真伪的依据。本报告最终解释权归疫苗全程可追溯平台所有,未经书面许可,任何机构和个人不得以任何形式翻版、复制和发布本报告,不得对本报告进行有悖原意的引用、删节和修改。本公司将保留通过法律途径维护公司权益的一切权利。
    </view>
    <view class="activeText">
      <view class="text">中华人民共和国疫苗管理法规定:国家对疫苗实行最严格的管理制度,坚持安全第一、风险管理、全程管控、科学监管、社会共治。疫苗在整个运输、储存过程中,应有经营规模和经营品种相适应的冷藏（冻）储存、运输设施及设备,且应当在规定的时间内完成疫苗运输,并在有效期内使用,以保证疫苗的合理效价不受损害。建议医生应当对所接种的疫苗进行严格的核查,三查:1、查应接种者的健康状况和禁忌症;2、查应接种者的接种卡和接种证;3、查疫苗和注射器、外观、批号、有效期。
      </view>
    </view>
    <view class="botActive">
      本报告基于VVM® 监测结果发布
    </view>
  </view>
</view>
<view class="addLabel" bindtap="downLabel">
  <text>下载报告</text>
</view>
<view class="cu-modal {{modalName=='goApp'?'show':''}}" bindtap="hideModal">
  <view class="cu-dialog">
    <view class="cu-bar bg-white justify-end">
      <view class="content">提示</view>
      <view class="action" bindtap="hideModal">
        <text class="cuIcon-close text-red"></text>
      </view>
    </view>
    <view class="padding-xl">
      <view class="app_con">
        <image src="/img/wechatCode.png" style="width:80%"></image>
        <view>您的手机暂不支持在小程序进行操作此项功能,请扫描二维码下载APP安装后继续操作</view>
      </view>
    </view>
    <view class="cu-bar bg-white">
      <view class="action margin-0 flex-sub" bindtap="saveCode">保存二维码</view>
    </view>
  </view>
</view>