<view class="page-view">
    <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="order-text" style="display: inline;font-size: 24rpx">{{cardata.cars}}</text>
            </view>
            <text class="order-text">VIN：{{vin}}</text>
            <text class="none-text"></text>
            <text class="type-text">维修次数：{{serviceSumCount}}</text>
            <text class="pai-text">维修金额：{{serviceSumMoney}}</text>
        </view>
        <view class="box-img">
            <image class="logo-img" mode="widthFix" src="{{cardata.logo}}"></image>
        </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.length>0}}" wx:for="{{records}}" 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.dangerDate}}</text>
                    </view>
                    <view class="veibao-text" wx:if="{{item.resultInfo.length>0}}" wx:for="{{item.resultInfo}}" wx:for-item="result" wx:key="index">
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">理赔类型</text>
                            <text class="xiangmu-detail">{{result.dangerSingleType==1?'更换':result.dangerSingleType==2?'维修':'材料'}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">理赔描述</text>
                            <text class="xiangmu-detail">{{result.dangerSingleName}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">理赔金额</text>
                            <text class="xiangmu-detail">{{result.dangerSingleMoney/100}}</text>
                        </view>
                    </view>
                    <view class="veibao-text  {{item.vehicleType==null?'none-view':''}}">
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">相关事故车</text>
                            <text class="xiangmu-detail">　{{item.vehicleType}}</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>