<!-- 设备异常记录 -->
<template>
	<view class="records">
		<view class="records-list">
			<view class="records-list-item" v-for="(item, index) in recordList" :key="index">
				<view class="records-list-item-header">
					<view>{{ item.roadName }}</view>
					<view>{{ item.createBy }}</view>
				</view>
				<view class="records-list-item-content">
					{{ item.content }}
				</view>
				<view class="records-list-item-bottom">
					<view>{{ $u.timeFormat(item.createTime, 'mm-dd hh:MM') }}</view>
					<view>查看详情</view>
				</view>
			</view>
		</view>
		<u-loadmore :status="status" color="#fff"/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				recordList: [{
						roadName: '可处路-KC001',
						createBy: '张三',
						content: '“繁体字”这个词只在一个字存在简化字时使用，如某汉字无对应的简化字，则属于传承字范畴。但在某些时候，港澳台通行字体会被笼统地称为“繁体字”或“繁体中文”；',
						createTime: '2022-01-20 13:00:00'
					},
					{
						roadName: '可处路-KC002',
						createBy: '李四',
						content: '“繁体字”这个词只在一个字存在简化字时使用，如某汉字无对应的简化字，则属于传承字范畴。但在某些时候，港澳台通行字体会被笼统地称为“繁体字”或“繁体中文”；',
						createTime: '2022-01-18 13:00:00'
					},
					{
						roadName: '可处路-KC002',
						createBy: '李四',
						content: '“繁体字”这个词只在一个字存在简化字时使用，如某汉字无对应的简化字，则属于传承字范畴。但在某些时候，港澳台通行字体会被笼统地称为“繁体字”或“繁体中文”；',
						createTime: '2022-01-18 13:00:00'
					},
					{
						roadName: '可处路-KC002',
						createBy: '李四',
						content: '“繁体字”这个词只在一个字存在简化字时使用，如某汉字无对应的简化字，则属于传承字范畴。但在某些时候，港澳台通行字体会被笼统地称为“繁体字”或“繁体中文”；',
						createTime: '2022-01-18 13:00:00'
					},
					{
						roadName: '可处路-KC002',
						createBy: '李四',
						content: '“繁体字”这个词只在一个字存在简化字时使用，如某汉字无对应的简化字，则属于传承字范畴。但在某些时候，港澳台通行字体会被笼统地称为“繁体字”或“繁体中文”；',
						createTime: '2022-01-18 13:00:00'
					}
				],
				status: 'loadmore',
				page: 1
			}
		},
		onShow() {
			// this.recordList = []
			this.getRecordList()
		},
		methods: {
			getRecordList() {
				// uni.$u.api.deviceAbnormalApi.getDeviceAbnormalListApi({
				// 	pageNum: this.page, pageSize: 10
				// }).then(res => {
				// 	console.log(res)
				// })
				this.recordList.push({
					roadName: '可处路-KC002',
					createBy: '李四',
					content: '“繁体字”这个词只在一个字存在简化字时使用，如某汉字无对应的简化字，则属于传承字范畴。但在某些时候，港澳台通行字体会被笼统地称为“繁体字”或“繁体中文”；',
					createTime: '2022-01-18 13:00:00'
				})
				setTimeout(() => {
					if (this.page >= 100) this.status = 'nomore';
					else this.status = 'loading';
				}, 1000)
			}
		},
		onReachBottom() {
			if (this.page >= 100) return;
			this.status = 'loading';
			this.page = ++this.page;
			this.getRecordList()
		}
	}
</script>

<style lang="scss">
	page {
		min-height: calc(100vh - 44px);
		background-color: #1767F2;
	}
</style>
<style lang="scss" scoped>
	@import './deviceAbnormalRecords.scss';
</style>
