<template>
|
<view class="link-box">
|
<view class="link-bottom">
|
<view class="userinfo-box">
|
<view class="userinfo-img" style="width: 20%;">
|
|
<image src="../static/user.png" style="width:50px;height:50px;"></image>
|
</view>
|
<view class="userinfo-value-box" style="width: 80%;">
|
<view class="user-nickname">{{perlist.personname}}</view>
|
<view class="user-company">{{perlist.department}} |卡号： {{perlist.tagid}}
|
<tn-button v-if="perlist.type=='吊车'" size="sm" style="margin-left: 3%;" backgroundColor="#00aaff" @click="calibration(perlist.height)">校准</tn-button></view>
|
|
</view>
|
<span v-if="perlist.type=='吊车'" style="position: absolute;right:100px;top:10px;height:20px;">
|
高度：{{ jisuan(perlist.height) }}m
|
</span>
|
<!-- <view style="position: absolute;right:10px;top:10px;"> -->
|
<!-- <button plain @click="refresh" style="width:20px;"> -->
|
<image src="../static/refresh.png" class="icon-image" @click="refresh" style="position: absolute;right:40px;top:10px;width:20px;height:20px;"></image>
|
<!-- </button> -->
|
<image src="../static/close.png" style="position: absolute;right:10px;top:10px;width:20px;height:20px;" @click="closeinfo">
|
</image>
|
<!-- </view> -->
|
</view>
|
<view class="content-box">
|
<span style="margin-left: 3%;">
|
标签类型：{{ perlist.baoliu1 }}
|
</span>
|
<span style="width: 47%; float: right;margin-right: 3%;">
|
性质：{{ perlist.type }}
|
</span>
|
<view style="margin-top: 3%;">
|
<span style="margin-left: 3%;">
|
差分信源：{{perlist.rtcm}}
|
</span>
|
|
</view>
|
<view style="margin-top: 3%;">
|
<span style="margin-left: 3%;">
|
海拔：{{perlist.height}}
|
|
</span>
|
{{perlist.encryption}}
|
<span v-if="perlist.encryption!=''" style="width: 47%; float: right;margin-right: 3%;">
|
加密
|
</span>
|
</view>
|
<view style="margin-top: 3%;">
|
<span style="margin-left: 3%;">
|
电量：{{perlist.power}}%
|
</span>
|
<span style="width: 47%; float: right;margin-right: 3%;">
|
状态：{{ getGpsStatusText(perlist.gpsstatus) }}
|
</span>
|
</view>
|
</view>
|
<!-- <view class="bu-box">
|
|
<button style="width: 80%;left: 5px;" type="primary" @click="copyInfo">复制</button>
|
</view> -->
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
minLogin
|
} from '@/js/minLogin.js'
|
export default {
|
mixins: [minLogin],
|
data() {
|
return {
|
jiaozhungao:0,
|
gao:0,
|
}
|
},
|
props: {
|
perlist: {
|
type: Object,
|
default: () => {
|
return []
|
}
|
}
|
},
|
mounted() {
|
console.log(this.perlist);
|
},
|
methods: {
|
|
calibration(e){
|
this.jiaozhungao = e
|
this.jisuan()
|
},
|
jisuan(e){
|
if (this.jiaozhungao=='') {
|
this.gao =0
|
} else{
|
this.gao =(parseFloat(e) - parseFloat(this.jiaozhungao)).toFixed(2)
|
}
|
|
return this.gao
|
console.log(this.gao);
|
// setTimeout(() => {
|
// this.jisuan()
|
// }, 1000)
|
},
|
getGpsStatusText(status) {
|
console.log(status);
|
switch (status) {
|
case '4':
|
return '高精度';
|
case '3':
|
return '无效GPS';
|
case '2':
|
return '码差分';
|
case '1':
|
return '单点定位';
|
case '0':
|
return '初始化';
|
case '5':
|
return '浮点解';
|
case '6':
|
return '正在估算';
|
case '7':
|
return '人工输入固定值';
|
case '8':
|
return '模拟模式';
|
case '9':
|
return 'WAAS差分';
|
default:
|
return '未知状态';
|
}
|
},
|
closeinfo() {
|
this.$emit('closePerson')
|
},
|
copyInfo() {
|
//编号，经度纬度，高程
|
uni.setClipboardData({
|
data: this.perlist.tagid + ';' + this.perlist.lat + ';' + this.perlist.lon + ";" +
|
this.perlist.height,
|
success: function() {
|
uni.showToast({
|
title: '复制成功',
|
icon: 'success',
|
duration: 2000
|
});
|
}
|
});
|
},
|
refresh() {
|
this.$emit('refreshPerson');
|
},
|
toPage(url) {
|
if (url) {
|
let isLogin = this.checkLogin()
|
if (isLogin) {
|
return false;
|
}
|
uni.navigateTo({
|
url: url
|
});
|
}
|
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.icon-image {
|
top: 5px;
|
width: 25px;
|
/* 或者你需要的尺寸 */
|
height: 25px;
|
/* 或者你需要的尺寸 */
|
}
|
|
.link-box {
|
width: 100%;
|
background-color: #fff;
|
border-radius: 8px;
|
padding: 10px 0;
|
}
|
|
.content-box {
|
margin-top: 10px;
|
width: 100%;
|
background-color: #e6e6e6;
|
border-radius: 8px;
|
padding: 10px 0;
|
}
|
|
.info-box {
|
width: 100%;
|
background-color: #ffffff;
|
border-radius: 8px;
|
padding: 10px 0;
|
}
|
|
.bu-box {
|
display: flex;
|
width: 100%;
|
background-color: #ffffff;
|
border-radius: 8px;
|
padding: 10px 0;
|
}
|
|
.link-left {
|
display: flex;
|
align-items: center;
|
}
|
|
.link-bottom {
|
min-height: 42px;
|
padding: 0 10px;
|
// display: flex;
|
align-items: center;
|
justify-content: space-between;
|
}
|
|
.link-bottom-border {
|
border-top: 1px solid rgba(35, 35, 35, 0.1);
|
}
|
|
.userinfo-box {
|
// padding: 0 15px;
|
// margin-top: 20px;
|
display: flex;
|
|
.userinfo-img {
|
// padding-left: 15px;
|
height: 50px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.userinfo-value-box {
|
padding-left: 5px;
|
|
.user-nickname {
|
height: 28px;
|
font-size: 15px;
|
font-weight: bold;
|
color: #000000;
|
}
|
|
.user-company {
|
height: 22px;
|
font-size: 12px;
|
color: rgba(35, 35, 35, 0.7);
|
}
|
}
|
}
|
</style>
|
