<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>
