<view class="page-view" wx:if="{{cardata.vin}}">
    <view class="top-title">
        <text class="top-title-b">维保记录查询</text>
        <text class="top-title-l">查询时间：{{cardata.time}}</text>
    </view>
    <view class="top-box">
        <view class="box-text">
            <view style="width: 130%;">
                <text class="brand-text" style="display: inline;">{{cardata.car}}</text>
                <text class="records-text" style="display: inline;font-size: 24rpx">{{cardata.cars}}</text>
            </view>
            <text class="records-text">VIN:{{cardata.vin}}</text>
            <text class="kilm-text">维修记录：{{records.normalRepairRecords.length}}条</text>
        </view>
        <view class="box-img">
            <image class="logo-img" mode="widthFix" src="{{cardata.logo}}"></image>
        </view>
        <view class="lineView"></view>
        <view class="carpars-status">
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">结构部件</text>
            </view>
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">发动机</text>
            </view>
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">里程数</text>
            </view>
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">安全气囊</text>
            </view>
        </view>
    </view>
    <view class="content-view">
        <view class="content-desc">
            <text class="content-title">维修历史</text>
            <text class="content-shuo">* 数据来自第三方，仅作参考</text>
        </view>
        <view data-index="{{index}}" wx:if="{{records.normalRepairRecords.length>0}}" wx:for="{{records.normalRepairRecords}}" wx:key="index">
            <view class="content-detail-single">
                <view class="content-right">
                    <view class="veibao-title">
                        <text class="{{index==0?'yuandian first-dian':'yuandian no-dian'}}"></text>
                        <text class="veibao-time">{{item.date}}</text>
                        <text class="veibao-remark {{tools.indexOf(item.type,'保养')?'remark-yang':tools.indexOf(item.type,'事故')?'remark-shi':'remark-xiu'}}">{{item.type}}</text>
                    </view>
                    <view class="veibao-text">
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">维保详情</text>
                            <text class="xiangmu-detail">{{item.content}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">使用材料</text>
                            <text class="xiangmu-detail">{{item.materal}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">公里数</text>
                            <text class="xiangmu-detail">{{item.mileage}}公里</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
<view class="page-view" wx:else>
    <view class="top-title">
        <text class="top-title-b">维保记录查询</text>
        <text class="top-title-l">查询时间：2020-12-23 15:36</text>
    </view>
    <view class="top-box">
        <view class="box-text">
            <view style="width: 130%;">
                <text class="brand-text" style="display: inline;">进口凯迪拉克</text>
                <text class="records-text" style="display: inline;font-size: 24rpx"> CT6 2020款 28T 豪华运动型</text>
            </view>
            <text class="records-text">VIN：TRUDD28J3820983930</text>
            <text class="kilm-text">32000公里</text>
        </view>
        <view class="box-img">
            <image class="logo-img" mode="widthFix" src="https://file.bigfishfarming.com/file/car_icon/C10000191.jpg"></image>
        </view>
        <view class="lineView"></view>
        <view class="carpars-status">
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">结构部件</text>
            </view>
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">发动机</text>
            </view>
            <view class="single-pars">
                <text class="pars-desc status-false">异常</text>
                <text class="pars-title">里程数</text>
            </view>
            <view class="single-pars">
                <text class="pars-desc status-true">正常</text>
                <text class="pars-title">安全气囊</text>
            </view>
        </view>
    </view>
    <view class="content-view">
        <view class="content-desc">
            <text class="content-title">维修历史</text>
            <text class="content-shuo">* 数据来自第三方，仅作参考</text>
        </view>
        <view class="content-detail-single">
            <view class="content-right">
                <view class="veibao-title">
                    <text class="yuandian first-dian"></text>
                    <text class="veibao-time">2020-09-11</text>
                    <text class="veibao-remark remark-yang">保养</text>
                </view>
                <view class="veibao-text">
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">维保详情</text>
                        <text class="xiangmu-detail">车辆前后检查，包括更换机油 ,空气滤清器滤芯 拆卸和安装,后消音</text>
                    </view>
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">使用材料</text>
                        <text class="xiangmu-detail">后消音器拆卸和安装</text>
                    </view>
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">公里数</text>
                        <text class="xiangmu-detail">32000公里</text>
                    </view>
                </view>
            </view>
        </view>
        <view class="content-detail-single">
            <view class="content-right">
                <view class="veibao-title">
                    <text class="yuandian no-dian"></text>
                    <text class="veibao-time">2009-12-05</text>
                    <text class="veibao-remark remark-xiu">小修</text>
                </view>
                <view class="veibao-text">
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">维保详情</text>
                        <text class="xiangmu-detail">车辆前后检查，包括更换机油 ,空气滤清器滤芯 拆卸和安装,后消音</text>
                    </view>
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">使用材料</text>
                        <text class="xiangmu-detail">后消音器拆卸和安装</text>
                    </view>
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">公里数</text>
                        <text class="xiangmu-detail">38000公里</text>
                    </view>
                </view>
            </view>
        </view>
        <view class="content-detail-single">
            <view class="content-right">
                <view class="veibao-title">
                    <text class="yuandian no-dian"></text>
                    <text class="veibao-time">2009-12-05</text>
                    <text class="veibao-remark remark-shi">事故</text>
                </view>
                <view class="veibao-text">
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">维保详情</text>
                        <text class="xiangmu-detail">车辆前后检查，包括更换机油 ,空气滤清器滤芯 拆卸和安装,后消音</text>
                    </view>
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">使用材料</text>
                        <text class="xiangmu-detail">后消音器拆卸和安装</text>
                    </view>
                    <view class="veibao-xiangmu">
                        <text class="xiangmu-title">公里数</text>
                        <text class="xiangmu-detail tiaobiao">15000公里</text>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
