<template>
	<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
	<view class="page">
		<scroll-view style="width: 100%;height: 92vh;" @scrolltolower="onScrollTolower" scroll-y="true">
			<view style="width: 100%;display: flex;justify-content: space-between;">
				<view style="font-weight: 600;">对比结果222</view>
				<view style="font-size: 20rpx;">2025-09-07 22:47:28</view>
			</view> 
			<view class="compare-item" v-for="(item, index) in compareList" :key="index"> 
				<view style="font-weight: 600;color: #000;margin-bottom: 20rpx;">保护定值-{{item.compareName}}</view>
				<view class="text-item">
					<text>装置识别值</text>
					<text>{{item.deviceValue}}</text>
				</view>
				<view class="text-item">
					<text>定值单结果</text>
					<text>{{item.dictValue}}</text>
				</view>
				<view class="text-item">
					<text>对比结果</text>
					<text>{{item.compareResult}}</text>
				</view>
			</view>
		</scroll-view>
	   
	</view>
</template>

<script>  
export default {
	data() {
		return {
			fontValue:uni.getStorageSync('fontSize') || 8,
			compareList:[
				{
					compareName:"控制字一-一次值",
					deviceValue:1.2,
					dictValue:1.2,
					compareResult:"一致"
				},
				{
					compareName:"控制字一-二次值",
					deviceValue:1.2,
					dictValue:1.2,
					compareResult:"一致"
				},
				{
					compareName:"控制字二-一次值",
					deviceValue:1.2,
					dictValue:1.2,
					compareResult:"一致"
				},
				{
					compareName:"控制字二-二次值",
					deviceValue:1.2,
					dictValue:1.2,
					compareResult:"一致"
				},
				{
					compareName:"控制字二-一次值",
					deviceValue:1.2,
					dictValue:1.2,
					compareResult:"一致"
				},
				{
					compareName:"控制字二-二次值",
					deviceValue:1.2,
					dictValue:1.2,
					compareResult:"一致"
				}
			]
		}
	},
	onLoad(options) {
		options = JSON.parse(options.params)
		console.log(options)
		 
	},
	onShow() {
		this.getOrderDetail()
	},
	methods: { 
		async getOrderDetail() {
			try {
				// let param = {
				// 	"orderId":this.orderId
				// }
				// const res = await getOrderInfoAPI(param)
				// console.log('?? ~ getList ~ res:', res)
				// this.detailData = res.data;  
			} catch (error) {
				console.log(error)
			}
		}, 
	}
}
</script>

<style lang="scss" scoped>
.page {
  background: #FFF;
  padding: 16px;
  height: 95vh;
  color: #000;
}
.compare-item{
	width: 100%;
	height: auto;
	margin: 40rpx auto;
	color: rgba(51,51,51,0.8);;
}
.text-item{
	width: 100%;display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;line-height: 60rpx;
}
</style>
