<page-meta class="data-v-1a2b913a" pageStyle="{{a}}"></page-meta>
<view class="content data-v-1a2b913a" wx:if="{{b}}">
  <tips bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-0"></tips>
  <view class="banner overall data-v-1a2b913a" wx:if="{{c}}">
    <image class="title data-v-1a2b913a" mode="heightFix" src="/static/images/pic_title_1.png"></image>
    <image class="image data-v-1a2b913a" src="/static/images/pic_overall.png"></image>
  </view>
  <view class="banner maintain data-v-1a2b913a" wx:if="{{d}}">
    <image class="title data-v-1a2b913a" mode="heightFix" src="/static/images/pic_title_2.png"></image>
    <image class="image data-v-1a2b913a" src="/static/images/pic_maintain.png"></image>
  </view>
  <view class="banner accident data-v-1a2b913a" wx:if="{{e}}">
    <image class="title data-v-1a2b913a" mode="heightFix" src="/static/images/pic_title_3.png"></image>
    <image class="image data-v-1a2b913a" src="/static/images/pic_accident.png"></image>
  </view>
  <view class="module-title data-v-1a2b913a">
    <view class="data-v-1a2b913a">
      <text class="data-v-1a2b913a">{{f}}</text>
      <text class="data-v-1a2b913a" wx:if="{{g}}">(维保+出险)</text>
    </view>
    <view bindtap="{{h}}" class="tips data-v-1a2b913a">什么是VIN?</view>
  </view>
  <view class="query-content data-v-1a2b913a">
    <radio-group bindchange="{{m}}" class="radio-group data-v-1a2b913a">
      <label class="data-v-1a2b913a">
        <radio checked="{{j}}" class="data-v-1a2b913a" color="#1F68E9" style="transform: scale(0.9)" value="{{i}}"></radio>
        <text class="data-v-1a2b913a">按VIN车架号查询</text>
      </label>
      <label class="data-v-1a2b913a">
        <radio checked="{{l}}" class="data-v-1a2b913a" color="#1F68E9" style="transform: scale(0.9)" value="{{k}}"></radio>
        <text class="data-v-1a2b913a">按车牌号查询</text>
      </label>
    </radio-group>
    <view class="{{['input-content','data-v-1a2b913a',w&&'selected']}}" wx:if="{{n}}">
      <view bindtap="{{q}}" class="input data-v-1a2b913a">
        <text class="placeholder data-v-1a2b913a" wx:if="{{o}}">请输入17位VIN车架号</text>
        <text userSelect class="default data-v-1a2b913a">{{p}}</text>
        <text class="cursor data-v-1a2b913a"></text>
      </view>
      <image bindtap="{{s}}" class="clear data-v-1a2b913a" src="/static/svgs/icon_clear.svg" wx:if="{{r}}"></image>
      <view class="input-length data-v-1a2b913a">{{t}}/17 </view>
      <image bindtap="{{v}}" class="photo data-v-1a2b913a" src="/static/svgs/icon_scan.svg"></image>
    </view>
    <view class="vehicle-content data-v-1a2b913a" wx:if="{{x}}">
      <view bindtap="{{value.f}}" class="{{['number-item','data-v-1a2b913a',value.e&&'new']}}" wx:for="{{y}}" wx:for-item="value" wx:key="d">
        <text class="{{['number','data-v-1a2b913a',value.b&&'selected']}}">{{value.a}}</text>
        <text class="energy data-v-1a2b913a" wx:if="{{value.c}}">新能源</text>
      </view>
    </view>
    <view bindtap="{{z}}" class="button data-v-1a2b913a" hoverClass="default-hover-class" hoverStayTime="100">
      查 询
    </view>
    <agreement bind:__l="__l" bindchange="{{A}}" class="data-v-1a2b913a" uI="1a2b913a-1" uP="{{B}}" wx:if="{{B}}"></agreement>
  </view>
  <view class="module-title data-v-1a2b913a">样例报告</view>
  <view class="example-content data-v-1a2b913a">
    <view class="tabs data-v-1a2b913a" wx:if="{{C}}">
      <view bindtap="{{item.d}}" class="{{['tab','data-v-1a2b913a',item.b]}}" wx:for="{{D}}" wx:key="c">{{item.a}}</view>
    </view>
    <prompt bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-2"></prompt>
    <view class="example data-v-1a2b913a" wx:if="{{E}}">
      <view class="background data-v-1a2b913a"></view>
      <view class="content-title data-v-1a2b913a">车辆维保报告</view>
      <view class="sub-title data-v-1a2b913a">中国汽车流通协会发起建设</view>
      <view class="order-detail data-v-1a2b913a">
        <view class="detail-item data-v-1a2b913a">
          <view class="label data-v-1a2b913a">车辆型号：</view>
          <view class="value data-v-1a2b913a">奥迪A4L PIUS 40 TFSI</view>
        </view>
        <view class="detail-item data-v-1a2b913a">
          <view class="label data-v-1a2b913a">VIN车架号：</view>
          <view class="value data-v-1a2b913a">WDDBF******J540972</view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">行驶里程分析</text>
        </view>
        <view class="cell-content data-v-1a2b913a">
          <view class="cell data-v-1a2b913a">
            <view class="title data-v-1a2b913a">截止日期</view>
            <view class="value data-v-1a2b913a">2022-08-30</view>
          </view>
          <view class="cell data-v-1a2b913a">
            <view class="title data-v-1a2b913a">预计里程</view>
            <view class="value data-v-1a2b913a">30000~35000公里</view>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">行驶里程统计</text>
        </view>
        <view class="mile-content data-v-1a2b913a">
          <view class="mile-item data-v-1a2b913a">
            <view class="date-title data-v-1a2b913a">日期</view>
            <view class="mile-title data-v-1a2b913a">里程(公里)</view>
          </view>
          <view class="{{['mile-item','data-v-1a2b913a',item.d&&'selected']}}" wx:for="{{F}}" wx:key="c">
            <view class="date data-v-1a2b913a">{{item.a}}</view>
            <view class="mile data-v-1a2b913a">{{item.b}}</view>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">维修保养记录</text>
        </view>
        <view class="record-content data-v-1a2b913a">
          <time-line bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-3" uP="{{G}}" wx:if="{{G}}"></time-line>
        </view>
      </view>
    </view>
    <view class="example data-v-1a2b913a" wx:if="{{H}}">
      <view class="background data-v-1a2b913a"></view>
      <view class="content-title data-v-1a2b913a">车辆历史报告</view>
      <view class="sub-title data-v-1a2b913a">中国汽车流通协会发起建设</view>
      <view class="order-detail data-v-1a2b913a">
        <view class="detail-item data-v-1a2b913a">
          <view class="label data-v-1a2b913a">VIN车架号：</view>
          <view class="value data-v-1a2b913a">WDDBF******J540972</view>
        </view>
        <view class="detail-item data-v-1a2b913a">
          <view class="label data-v-1a2b913a">订单编号：</view>
          <view class="value data-v-1a2b913a">35023967751878956</view>
        </view>
        <view class="detail-item data-v-1a2b913a">
          <view class="label data-v-1a2b913a">报告时间：</view>
          <view class="value data-v-1a2b913a">2021-08-01 11:27:27</view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">基本信息</text>
        </view>
        <view class="cell-content data-v-1a2b913a">
          <view class="cell data-v-1a2b913a" wx:for="{{I}}" wx:key="c">
            <view class="title data-v-1a2b913a">{{item.a}}</view>
            <view class="value data-v-1a2b913a">{{item.b}}</view>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">车况排查</text>
        </view>
        <view class="ckpc-content data-v-1a2b913a">
          <view class="item data-v-1a2b913a" wx:for="{{J}}" wx:key="g">
            <image class="icon data-v-1a2b913a" mode="aspectFit" src="{{item.a}}"></image>
            <text class="name data-v-1a2b913a">{{item.b}}</text>
            <text class="status normal data-v-1a2b913a" wx:if="{{item.c}}">正常</text>
            <text class="status unidentified data-v-1a2b913a" wx:if="{{item.d}}">无法确定</text>
            <text class="status doubt data-v-1a2b913a" wx:if="{{item.e}}">疑似</text>
            <text class="status error data-v-1a2b913a" wx:if="{{item.f}}">异常</text>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">综合车况评级</text>
        </view>
        <view class="grade-info data-v-1a2b913a">
          <image class="grade-img data-v-1a2b913a" src="/static/images/icon_good.jpg"></image>
          <view class="explain data-v-1a2b913a">
            车况评级分为四种：优秀、良好、中等、较差。车况评级结果仅供参考，请谨慎使用。
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">排查明细</text>
        </view>
        <view class="vehicle-detail data-v-1a2b913a">
          <uni-collapse bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-4" uS="{{['d']}}">
            <uni-collapse-item bind:__l="__l" class="data-v-1a2b913a" uI="{{item.f}}" uP="{{item.g}}" uS="{{['title','d']}}" wx:for="{{K}}" wx:key="e">
              <view class="part-title data-v-1a2b913a" slot="title">
                <view class="title data-v-1a2b913a">{{item.a}}</view>
                <view class="value data-v-1a2b913a">
                  <text class="{{['data-v-1a2b913a',item.c&&'count']}}">{{item.b}}</text>
                  项
                </view>
              </view>
              <view class="part-list data-v-1a2b913a" wx:for="{{item.d}}" wx:for-item="partItem" wx:key="c">
                <view class="part-item data-v-1a2b913a">
                  <view class="label data-v-1a2b913a">部件名</view>
                  <view class="value data-v-1a2b913a">{{partItem.a}}</view>
                </view>
                <view class="part-item data-v-1a2b913a">
                  <view class="label data-v-1a2b913a">类型</view>
                  <view class="value data-v-1a2b913a">{{partItem.b}}</view>
                </view>
                <view class="divider data-v-1a2b913a"></view>
              </view>
            </uni-collapse-item>
          </uni-collapse>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">碰撞部位</text>
          <view class="suffix data-v-1a2b913a">
            <image class="data-v-1a2b913a" src="/static/svgs/icon_normal.svg"></image>
            <text class="data-v-1a2b913a">正常</text>
            <image class="data-v-1a2b913a" src="/static/svgs/icon_warning_2.svg"></image>
            <text class="data-v-1a2b913a">异常</text>
          </view>
        </view>
        <view class="part-content data-v-1a2b913a">
          <view class="part-left data-v-1a2b913a">
            <view class="part-left-item data-v-1a2b913a" wx:for="{{L}}" wx:for-item="value" wx:key="d">
              <image class="data-v-1a2b913a" src="/static/svgs/icon_normal.svg" wx:if="{{value.a}}"></image>
              <image class="data-v-1a2b913a" src="/static/svgs/icon_warning_2.svg" wx:if="{{value.b}}"></image>
              <text class="data-v-1a2b913a">{{value.c}}</text>
            </view>
          </view>
          <view class="part-right data-v-1a2b913a">
            <image class="pic data-v-1a2b913a" src="/static/images/pic_vehicle.jpg"></image>
            <view class="position left data-v-1a2b913a" style="top: 100rpx; left: -30rpx" wx:if="{{M}}">
              <view class="name data-v-1a2b913a">前方左侧</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position left data-v-1a2b913a" style="top: 350rpx; left: -30rpx" wx:if="{{N}}">
              <view class="name data-v-1a2b913a">中间左侧</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position left data-v-1a2b913a" style="bottom: 100rpx; left: -30rpx" wx:if="{{O}}">
              <view class="name data-v-1a2b913a">后方左侧</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position right data-v-1a2b913a" style="top: 100rpx; right: -30rpx" wx:if="{{P}}">
              <view class="name data-v-1a2b913a">前方右侧</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position right data-v-1a2b913a" style="top: 350rpx; right: -30rpx" wx:if="{{Q}}">
              <view class="name data-v-1a2b913a">中间右侧</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position right data-v-1a2b913a" style="bottom: 290rpx; right: -10rpx" wx:if="{{R}}">
              <view class="name data-v-1a2b913a">底部</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position right data-v-1a2b913a" style="bottom: 100rpx; right: -30rpx" wx:if="{{S}}">
              <view class="name data-v-1a2b913a">后方右侧</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position right data-v-1a2b913a" style="top: 425rpx; left: 180rpx" wx:if="{{T}}">
              <view class="name data-v-1a2b913a">顶部</view>
              <view class="horizontal-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position top data-v-1a2b913a" style="top: 30rpx; left: 145rpx" wx:if="{{U}}">
              <view class="name data-v-1a2b913a">正前方</view>
              <view class="vertical-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position top data-v-1a2b913a" style="top: 150rpx; left: 160rpx" wx:if="{{V}}">
              <view class="name data-v-1a2b913a">内部</view>
              <view class="vertical-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position bottom data-v-1a2b913a" style="bottom: 40rpx; left: 150rpx" wx:if="{{W}}">
              <view class="name data-v-1a2b913a">正后方</view>
              <view class="vertical-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
            <view class="position bottom data-v-1a2b913a" style="bottom: 0; right: 20rpx" wx:if="{{X}}">
              <view class="name data-v-1a2b913a">其他</view>
              <view class="vertical-line data-v-1a2b913a"></view>
              <view class="icon data-v-1a2b913a"></view>
            </view>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">保险信息</text>
        </view>
        <view class="insurance-content data-v-1a2b913a">
          <view class="notice data-v-1a2b913a">
            *
            若当前交强险或商业险未在保，但当前断缴时长不超过一个月时，不纳入断缴统计记录中。
          </view>
          <view class="top-content data-v-1a2b913a">
            <view class="item data-v-1a2b913a" wx:for="{{Y}}" wx:key="f">
              <image class="icon data-v-1a2b913a" src="{{item.a}}"></image>
              <text class="name data-v-1a2b913a">{{item.b}}</text>
              <text class="status normal data-v-1a2b913a" wx:if="{{item.c}}">正常</text>
              <text class="status warning data-v-1a2b913a" wx:if="{{item.d}}">异常</text>
              <text class="status unknown data-v-1a2b913a" wx:if="{{item.e}}">未知</text>
            </view>
          </view>
          <view class="divider data-v-1a2b913a"></view>
          <view class="bottom-content data-v-1a2b913a">
            <view class="item data-v-1a2b913a" wx:for="{{Z}}" wx:key="c">
              <view class="title data-v-1a2b913a">{{item.a}}</view>
              <view class="value data-v-1a2b913a">{{item.b}}</view>
            </view>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">出险明细</text>
        </view>
        <view class="insurance-detail data-v-1a2b913a">
          <view class="top-content data-v-1a2b913a">
            <view class="item data-v-1a2b913a">
              <view class="count data-v-1a2b913a">3</view>
              <view class="info data-v-1a2b913a">维修总次数(次)</view>
            </view>
            <view class="item data-v-1a2b913a">
              <view class="count data-v-1a2b913a">8000 </view>
              <view class="info data-v-1a2b913a">维修总金额(元)</view>
            </view>
          </view>
          <view class="insurance-list data-v-1a2b913a">
            <view class="insurance-item data-v-1a2b913a" wx:for="{{aa}}" wx:key="e">
              <view class="title data-v-1a2b913a">
                <view class="dot data-v-1a2b913a"></view>
                <view class="date data-v-1a2b913a">{{item.a}}</view>
                <view class="status data-v-1a2b913a">（{{item.b}}）</view>
                <view class="money data-v-1a2b913a">{{item.c}}元</view>
              </view>
              <view class="records data-v-1a2b913a">
                <view class="record-title data-v-1a2b913a">
                  <view class="value data-v-1a2b913a" style="width: 40%">维修名称</view>
                  <view class="value data-v-1a2b913a">维修类型</view>
                  <view class="value data-v-1a2b913a">件数</view>
                </view>
                <view class="record-item data-v-1a2b913a" wx:for="{{item.d}}" wx:for-item="listItem" wx:key="f">
                  <view class="value data-v-1a2b913a" style="width: 40%; padding: 0 10rpx">{{listItem.a}}</view>
                  <view class="value data-v-1a2b913a">
                    <text class="data-v-1a2b913a" wx:if="{{listItem.b}}">更换</text>
                    <text class="data-v-1a2b913a" wx:elif="{{listItem.c}}">维修</text>
                    <text class="data-v-1a2b913a" wx:elif="{{listItem.d}}">其他</text>
                    <text class="data-v-1a2b913a" wx:else>-</text>
                  </view>
                  <view class="value data-v-1a2b913a">{{listItem.e}}</view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="card data-v-1a2b913a">
        <view class="card-title data-v-1a2b913a">
          <image class="icon-title data-v-1a2b913a" src="/static/images/icon_title.png"></image>
          <text class="data-v-1a2b913a">车况评级说明</text>
        </view>
        <view class="intro data-v-1a2b913a" style="margin-top: 20rpx">
          （1）优秀：外观无可见瑕疵和喷漆修复等记录；内饰无磨损维修记录；动力系统、机械部位运行正常且无维修；按时保养且记录完整；电子系统无任何故障
        </view>
        <view class="intro data-v-1a2b913a">
          （2）良好：外观局部有1-2处损伤记录；内饰有1-2
          处磨损维修记录；动力系统正常且无维修；机械部位运行正常有部分维修或更换记录；电子设备及模块使用正常
        </view>
        <view class="intro data-v-1a2b913a">
          （3）中等：外观局部有3-5处损伤记录；内饰有5-
          10处磨损维修记录；动力系统有维修记录；结构件有轻微异常记录
        </view>
        <view class="intro data-v-1a2b913a">
          （4）较差：外观局部有5处以上损伤记录；内饰有
          10处以上磨损记录；动力系统有3次以上维修记录或发动机变速箱有维修记录；大灯框架/水箱框架更换或变形；机械部位运行存在严重异常或有大修记录
        </view>
      </view>
    </view>
  </view>
  <view class="module-title data-v-1a2b913a">免责声明</view>
  <view class="disclaimer data-v-1a2b913a">{{ab}}</view>
  <divider bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-6"></divider>
  <float-back-to-top bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-7" uP="{{ac}}" wx:if="{{ac}}"></float-back-to-top>
  <float-share bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-8"></float-share>
  <keyboard bind:__l="__l" bindchange="{{ae}}" bindclose="{{ad}}" bindtypeChange="{{af}}" class="data-v-1a2b913a" uI="1a2b913a-9" uP="{{ag}}" wx:if="{{ag}}"></keyboard>
  <keyboard bind:__l="__l" bindchange="{{ai}}" bindclose="{{ah}}" class="data-v-1a2b913a" uI="1a2b913a-10" uP="{{aj}}" wx:if="{{aj}}"></keyboard>
  <popup-copy-vin bind:__l="__l" bindcancel="{{al}}" bindconfirm="{{ak}}" class="data-v-1a2b913a" uI="1a2b913a-11" uP="{{am}}" wx:if="{{am}}"></popup-copy-vin>
</view>