<view class="page-view" wx:if="{{cardata.url}}">
    <web-view src="{{cardata.url}}"></web-view>
</view>
<view class="page-view" wx:if="{{recordimgs.length>0}}">
    <view class="top-title">
        <text class="top-title-b">电子保单</text>
        <text class="top-title-l">查询时间：{{cardata.time}}</text>
    </view>
    <view class="top-boxb">
        <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：{{cardata.vin}}</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 class="tui-upload-box" wx:if="{{recordimgs.length>0}}">
            <view class="tui-upload-item" wx:for="{{recordimgs}}" wx:key="{{index}}">
                <image bindtap="imgPreview" class="grace-time-line-image grace-border-radius-small" data-src="{{item}}" mode="widthFix" src="{{item}}" style="width: 100%;"></image>
            </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">查询时间：{{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：{{cardata.vin}}</text>
            <text class="none-text"></text>
            <text class="type-text">维修次数：{{serviceSumCount}}</text>
            <text class="pai-text">维修金额：{{serviceSumMoney/100}}</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>