147 lines
3.0 KiB
Vue
147 lines
3.0 KiB
Vue
<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: 20rpx 20rpx;
|
||
}
|
||
.test-area-title{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 20rpx 20rpx;
|
||
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: 40rpx;
|
||
border-top: 1px solid #ccc;
|
||
border-bottom: 1px solid #ccc;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-around;
|
||
button{
|
||
width: 180rpx;
|
||
}
|
||
}
|
||
</style> |