<template>
	<view class="status">
		<!-- header -->
		<cu-custom bgColor="bg-gradual-blue" isBack><view slot="content">设备状态</view></cu-custom>
		<!-- section -->
		<view v-for="(item, index) in value.value" :key="index" class="bg-white  padding-top-sm radius margin-lr margin-top">
			<view class="padding-sm">
				<view class="padding-bottom-sm text-black text-bold ">车辆状态：</view>
				<view class="padding-bottom-sm text-black text-bold ">电源是否欠压：</view>
				<view class="padding-bottom-sm text-black text-bold ">GPS位置信息：</view>
				<view class="padding-bottom-sm text-black text-bold ">视频信息：</view>
				<view class="padding-bottom-sm text-black text-bold ">疲劳驾驶：</view>
				<view class="padding-bottom-sm text-black text-bold ">驾驶辅助（ADAS）：</view>
				<view class="padding-bottom-sm text-black text-bold ">预警信息（DMS）：</view>
				<view class="padding-bottom-sm text-black text-bold ">压胎信息：</view>
				<view class="padding-bottom-sm text-black text-bold ">油耗信息：</view>
			</view>
		</view>
		<van-empty v-if="value.value.length == 0 && value.no_more" description="暂无设备" />
		<view v-else :class="!value.no_more && value.pageCount <= value.totalPage ? 'cu-load bg-grey loading margin-top' : 'cu-load bg-grey over margin-top'"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: {
					no_more: false, //没有更多
					pageCount: 1,
					totalPage: 1,
					value: [
					  {}
					]
				}
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	
</style>
