<template>
	<view class="device-log">
		<view class="cell-group">
			<u-cell-group :border="false">
				<u-cell icon="file-text" :title="$tt('home.eventLog')" :isLink="true" size="large"
					@click="handleEventLogClick"></u-cell>
				<u-cell icon="bookmark" :title="$tt('home.Instructionlog')" :isLink="true" size="large"
					@click="handleOrderLogClick"></u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'deviceLog',
		props: {
			device: {
				type: Object,
				default: null,
				required: true
			}
		},
		watch: {
			// 兼容小程序
			device: function (newVal, oldVal) {
				this.deviceInfo = newVal;
				this.deviceId = newVal.deviceId;
				this.serialNumber = newVal.serialNumber;
				this.productId = newVal.productId;
			}
		},
		data () {
			return {
				deviceId: 0,
				serialNumber: '',
				productId: '',
				thingsModel: {}, // 物模型
				deviceInfo: {} // 设备信息
			};
		},
		created () {
			// 获取设备状态(兼容H5和APP)
			if (this.device.serialNumber) {
				this.deviceInfo = this.device;
				this.deviceId = this.device.deviceId;
				this.serialNumber = this.device.serialNumber;
				this.productId = this.device.productId;
			}
		},
		methods: {
			handleEventLogClick () {
				uni.navigateTo({
					url: `/pagesB/home/device/log/event?serialNumber=${this.serialNumber}&productId=${this.productId}`
				});
			},
			handleOrderLogClick () {
				uni.navigateTo({
					url: `/pagesB/home/device/log/order?deviceId=${this.deviceId}&serialNumber=${this.serialNumber}`
				});
			}
		}
	};
</script>

<style lang="scss">
	.device-log {
		.cell-group {
			margin: 20rpx;
			background: #ffffff;
			border-radius: 10rpx;
		}
	}
</style>