<view class="page-view">
    <view class="top-title">
        <text class="top-title-b">OBD故障检测报告</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;">OBD故障码：{{cardata.obd}}</text>
                <text class="order-text" style="display: inline;font-size: 24rpx">{{cardata.cars}}</text>
            </view>
            <text class="none-text"></text>
            <text class="type-text">故障范围：{{records.gzfw}}</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}}">
            <view class="content-detail-single">
                <view class="content-right">
                    <view class="veibao-title">
                        <text class="{{index==0?'yuandian first-dian':'yuandian no-dian'}}"></text>
                    </view>
                    <view class="veibao-text">
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">出故障码</text>
                            <text class="xiangmu-detail">{{records.code}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">故障范围</text>
                            <text class="xiangmu-detail">{{records.gzfw}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">故障描述</text>
                            <text class="xiangmu-detail">{{records.ms}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">中文含义</text>
                            <text class="xiangmu-detail">{{records.zwhy}}</text>
                        </view>
                        <view class="veibao-xiangmu">
                            <text class="xiangmu-title">英文含义</text>
                            <text class="xiangmu-detail">{{records.ywhy}}</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>