<template>
	<view class="fullHeight">
		<headers :showBack="true">
			<view class="headerName">
				{{pageTitle}}
			</view>
		</headers>
		<view class="task-des">
			<text>任务类型：</text>
			<text>表面垂直度</text>
		</view>
		<view class="task-des">
			<text>任务编码：</text>
			<text>test123</text>
		</view>
		<view class="task-des">
			<text>截止时间：</text>
			<text>2024-2-1 10:3:0</text>
		</view>
		<view class="test-area-title">
			<text>选择测区：</text>
			<button type="default" size="mini" @click="addArea">添加测区</button>
		</view>
		<view class="bigOperateBtn">
			<button type="primary" size="mini">实时上报</button>
			<button type="primary" size="mini">上传</button>
			<button type="primary" size="mini">下一步</button>
		</view>
	</view>
</template>

<script>
	import {
		writeBLE
	} from '@/static/js/BLEConn.js';
	export default {
		data() {
			return {
				pageTitle: '任务详情'
			}
		},
		onLoad(options) {
			this.startSpringback()
		},
		onShow() {

		},
		methods: {
			// 4. 发送数据
			async send(data) {
				//格式检查
				// if (!this.sendData) {
				// 	uni.showToast({
				// 		title: '数据不能为空'
				// 	})
				// 	return
				// }
				// uni.showLoading({
				// 	title: '正在发送数据',
				// 	icon: "loading",
				// 	mask: true
				// })
				await writeBLE(data).then(res => {
					console.log('发送数据成功',res)
					// uni.hideLoading()
					// uni.showToast({
					// 	title: '发送成功:' + res
					// })
				}).catch(err => {
					// uni.hideLoading()
					uni.showToast({
						title: '开启采集数据失败',
						icon: 'none'
					})
				})
			},
			reviceDevData(e) {
				console.log('设备返回的数据')
				console.log(e)
				var arr = e.split('"')
				// if (arr[0] == '$RRD') {
				// 	this.table['reboundValue' + this.dataIndex] = arr[1]
				// 	this.calculate()
				// 	this.dataIndex++
				// 	// if (this.dataIndex > 16) {
				// 	if (this.dataIndex == 17) {
				// 		this.stopGetData()
				// 		// this.measureBtn()
				// 	}
				// }
			
			},
			//开启回弹采集
			startSpringback(){
				this.send('24535253F8230D0A')
				//监听接收数据事件
				uni.$on('recvEvent', this.reviceDevData)
			},
			addArea(){
				uni.navigateTo({
					url: './addTestArea'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.fullHeight{
		position: relative;
	}
	.task-des{
		display: flex;
		align-items: center;
		padding: 10px 10px;
	}
	.test-area-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		button{
			// padding: 0px;
			margin: 0px;
		}
	}
	.bigOperateBtn{
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 70px;
		line-height: 70px;
		color: white;
		font-size: 20px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: flex;
		align-items: center;
		justify-content: space-around;
		button{
			width: 180rpx;
		}
	}
</style>