1063 lines
33 KiB
Vue
1063 lines
33 KiB
Vue
<template>
|
||
<view>
|
||
<view class="title-padding">
|
||
|
||
</view>
|
||
<view class="data-title">
|
||
<view class="data-title-text">
|
||
实时数据
|
||
</view>
|
||
</view>
|
||
<view class="data-block">
|
||
<view class="status-block" @click='jumpToTerminalStatusAll'>
|
||
<view class="status-block-left">
|
||
终端总数
|
||
<view class="status-block-sucess-text">
|
||
{{allDevCount}}
|
||
</view>
|
||
台，异常终端
|
||
<view class="status-block-false-text">
|
||
{{errDevCount}}
|
||
</view>
|
||
台
|
||
</view>
|
||
<view class="status-block-click-text">
|
||
查看详情
|
||
</view>
|
||
</view>
|
||
<!-- 基本信息 -->
|
||
<view class="data-first-block">
|
||
<view class="data-first-top">
|
||
<view class="data-first-top-text" @click="chooseLine">
|
||
请选择监测点: {{lineInfo.lineName}}
|
||
</view>
|
||
<image class="data-first-top-pic" src="/static/pic/pull.png"></image>
|
||
</view>
|
||
<view class="data-first-bottom">
|
||
<view class="data-first-bottom-line-one">
|
||
<view class="data-first-bottom-title">
|
||
所属供电公司：
|
||
</view>
|
||
<view class="data-first-bottom-line-one-right">
|
||
{{basicInfo.gdName}}
|
||
</view>
|
||
</view>
|
||
<view class="data-first-bottom-line-two">
|
||
<view class="data-first-bottom-title">
|
||
所属供变电站：
|
||
</view>
|
||
<view class="data-first-bottom-line-two-right">
|
||
{{basicInfo.subName}}
|
||
</view>
|
||
</view>
|
||
<view class="data-first-bottom-line-three">
|
||
<view class="data-first-bottom-title">
|
||
实时通讯状态：
|
||
</view>
|
||
<view class="data-first-bottom-line-three-right" v-if="basicInfo.state==1">
|
||
正常
|
||
</view>
|
||
<view class="data-first-bottom-line-three-false" v-else>
|
||
异常
|
||
</view>
|
||
</view>
|
||
<view class="data-first-bottom-line-four">
|
||
<view class="data-first-bottom-line-four-left">
|
||
<view class="data-first-bottom-title">
|
||
实时通讯流量：
|
||
</view>
|
||
<view class="data-first-bottom-line-four-left-text" v-if="basicInfo.flow!=-1">
|
||
{{basicInfo.flow}}MB
|
||
</view>
|
||
<view class="data-first-bottom-line-four-left-text" v-else>
|
||
无
|
||
</view>
|
||
</view>
|
||
<view class="data-first-bottom-line-four-right">
|
||
<view class="data-first-bottom-line-four-right-title">
|
||
占比：
|
||
</view>
|
||
<view class="data-first-bottom-line-four-right-text" v-if="basicInfo.flowRatio!=-1">
|
||
{{basicInfo.flowRatio}}%
|
||
</view>
|
||
<view class="data-first-bottom-line-four-right-text" v-else>
|
||
无
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 图表 -->
|
||
<view class="data-second-block-button">
|
||
<block v-if="basicInfo.state==1&&basicInfo.flow!=-1">
|
||
<image src="/static/pic/time.png" class="data-second-block-img"></image>
|
||
<view class="data-second-block-time">
|
||
{{showTime}}
|
||
</view>
|
||
<view class="button-spectrum" @click="jumpToSpectrum">
|
||
谐波频谱
|
||
</view>
|
||
</block>
|
||
<view class="button-refresh" @click="refreshValue" v-if="refreshFlag==0">
|
||
{{refreshText}}
|
||
</view>
|
||
<view class="button-refresh-done" v-else>
|
||
{{refreshText}}
|
||
</view>
|
||
</view>
|
||
<scroll-view scroll-y="true" :style="{height:scrollHeight}" v-if="basicInfo.state==1&&basicInfo.flow!=-1">
|
||
<view class="data-second-block">
|
||
<view class="data-second-block-pic">
|
||
<view class="data-second-block-pic-left">
|
||
<view class="data-second-block-pic-left-first">
|
||
<image :animation="animationDataKVA" src="/static/pic/pointerKVA.png" class="pointer-left"></image>
|
||
<view class="minKVA">
|
||
{{minKVA}}
|
||
</view>
|
||
<view class="maxKVA">
|
||
{{maxKVA}}
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-left-second">
|
||
<image :animation="animationDataKVB" src="/static/pic/pointerKVB.png" class="pointer-left"></image>
|
||
<view class="minKVB">
|
||
{{minKVB}}
|
||
</view>
|
||
<view class="maxKVB">
|
||
{{maxKVB}}
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-left-third">
|
||
<image :animation="animationDataKVC" src="/static/pic/pointerKVC.png" class="pointer-left"></image>
|
||
<view class="minKVC">
|
||
{{minKVC}}
|
||
</view>
|
||
<view class="maxKVC">
|
||
{{maxKVC}}
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-left-text">
|
||
电压有效值
|
||
</view>
|
||
</view>
|
||
<!-- 外电压内电流 -->
|
||
<view class="data-second-block-pic-center">
|
||
<view class="data-second-block-pic-center-pic">
|
||
<image :animation="animationDataCurrentA" src="/static/pic/pointer1.png" class="current" :style="{width:currentAWidth}"></image>
|
||
<image :animation="animationDataCurrentB" src="/static/pic/pointer2.png" class="current" :style="{width:currentBWidth}"></image>
|
||
<image :animation="animationDataCurrentC" src="/static/pic/pointer3.png" class="current" :style="{width:currentCWidth}"></image>
|
||
<image :animation="animationDataVoltageA" src="/static/pic/pointer1.png" class="voltage" :style="{width:voltageAWidth}"></image>
|
||
<image :animation="animationDataVoltageB" src="/static/pic/pointer2.png" class="voltage" :style="{width:voltageBWidth}"></image>
|
||
<image :animation="animationDataVoltageC" src="/static/pic/pointer3.png" class="voltage" :style="{width:voltageCWidth}"></image>
|
||
</view>
|
||
<view class="data-second-block-pic-center-text">
|
||
基波电压/电流幅值（相位）
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-right">
|
||
<view class="data-second-block-pic-right-first">
|
||
<image :animation="animationDataAA" src="/static/pic/pointerAA.png" class="pointer-right"></image>
|
||
<view class="minAA">
|
||
{{minAA}}
|
||
</view>
|
||
<view class="maxAA">
|
||
{{maxAA}}
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-right-second">
|
||
<image :animation="animationDataAB" src="/static/pic/pointerAB.png" class="pointer-right"></image>
|
||
<view class="minAB">
|
||
{{minAB}}
|
||
</view>
|
||
<view class="maxAB">
|
||
{{maxAB}}
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-right-third">
|
||
<image :animation="animationDataAC" src="/static/pic/pointerAC.png" class="pointer-right"></image>
|
||
<view class="minAC">
|
||
{{minAC}}
|
||
</view>
|
||
<view class="maxAC">
|
||
{{maxAC}}
|
||
</view>
|
||
</view>
|
||
<view class="data-second-block-pic-right-text">
|
||
电流有效值
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 具体数据 -->
|
||
<view class="data-third-block">
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-B">
|
||
{{firstName}}
|
||
</view>
|
||
<view class="data-third-block-line-right-B">
|
||
{{secondName}}
|
||
</view>
|
||
<view class="data-third-block-line-right-B">
|
||
{{thirdName}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
电压有效值(kV)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.rmsVA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.rmsVB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.rmsVC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
电流有效值(A)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.rmsIA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.rmsIB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.rmsIC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
基波电压幅值(kV)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWaveVA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWaveVB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.baseWaveVC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
基波电压相位(°)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWavePhaseVA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWavePhaseVB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.baseWavePhaseVC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
基波电流幅值(A)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWaveIA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWaveIB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.baseWaveIC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
基波电流相位(°)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWavePhaseIA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.baseWavePhaseIB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.baseWavePhaseIC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
电压偏差(%)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.vudevA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.vudevB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.vudevC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="data-third-block-line">
|
||
<view class="data-third-block-line-left">
|
||
电压总畸变率(%)
|
||
</view>
|
||
<view class="data-third-block-line-right">
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.thdVA}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A">
|
||
{{constantlyInfo.thdVB}}
|
||
</view>
|
||
<view class="data-third-block-line-right-A" v-if="thirdName">
|
||
{{constantlyInfo.thdVC}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="no-data" :style="{height:scrollHeight}" v-else>
|
||
暂无实时数据
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
scrollHeight:'',
|
||
lineInfo:{
|
||
lineName:'暂无默认监测点',
|
||
lineIndex:''
|
||
},
|
||
refreshText:'刷新',
|
||
refreshFlag:0,
|
||
second:60,
|
||
firstName:'',
|
||
secondName:'',
|
||
thirdName:'',
|
||
animationDataKVA:{},
|
||
animationDataKVB:{},
|
||
animationDataKVC:{},
|
||
animationDataAA:{},
|
||
animationDataAB:{},
|
||
animationDataAC:{},
|
||
animationDataVoltageA:{},
|
||
animationDataVoltageB:{},
|
||
animationDataVoltageC:{},
|
||
animationDataCurrentA:{},
|
||
animationDataCurrentB:{},
|
||
animationDataCurrentC:{},
|
||
minKVA:0,
|
||
maxKVA:0,
|
||
minKVB:0,
|
||
maxKVB:0,
|
||
minKVC:0,
|
||
maxKVC:0,
|
||
minAA:0,
|
||
maxAA:0,
|
||
minAB:0,
|
||
maxAB:0,
|
||
minAC:0,
|
||
maxAC:0,
|
||
currentAWidth:'60rpx',
|
||
currentBWidth:'80rpx',
|
||
currentCWidth:'100rpx',
|
||
voltageAWidth:'130rpx',
|
||
voltageBWidth:'145rpx',
|
||
voltageCWidth:'160rpx',
|
||
basicInfo:{
|
||
"gdName":'',
|
||
"subName":'',
|
||
"flow":0,
|
||
"flowRatio":0
|
||
},
|
||
constantlyInfo:{},
|
||
showTime:'',
|
||
intervalID:'done',
|
||
allDevCount:0,
|
||
errDevCount:0
|
||
}
|
||
},
|
||
methods: {
|
||
scrollH(){
|
||
var that =this;
|
||
var sys = uni.getSystemInfoSync();
|
||
var winWidth = sys.windowWidth;
|
||
var winrate = 750/winWidth;
|
||
var winHeight= sys.windowHeight;
|
||
var statusBarHeight = sys.statusBarHeight;
|
||
that.scrollHeight = parseInt((winHeight-statusBarHeight)*winrate-666)+'rpx';
|
||
},
|
||
chooseLine(){
|
||
var that=this;
|
||
uni.navigateTo({
|
||
url:'../chooseLine/chooseLine'
|
||
});
|
||
uni.$on('lineInfoSelect',function(data){
|
||
if(that.intervalID!='done'){
|
||
clearInterval(that.intervalID);
|
||
that.intervalID = 'done';
|
||
that.refreshText ="刷新";
|
||
that.second=60;
|
||
that.refreshFlag=0
|
||
}
|
||
that.lineInfo = data;
|
||
that.queryBasicInfo();
|
||
that.queryConstantlyInfo();
|
||
});
|
||
uni.$on('lineInfoQuery',function(data){
|
||
if(that.intervalID!='done'){
|
||
clearInterval(that.intervalID);
|
||
that.intervalID = 'done';
|
||
that.refreshText ="刷新";
|
||
that.second=60;
|
||
that.refreshFlag=0
|
||
}
|
||
that.lineInfo = data;
|
||
that.queryBasicInfo();
|
||
that.queryConstantlyInfo();
|
||
})
|
||
},
|
||
queryDevCount(){
|
||
var that=this;
|
||
if(that.judgeLogin()){
|
||
uni.request({
|
||
url: that.serverUrl+'/deviceMsg/devCountTJ',
|
||
method:'POST',
|
||
data: {
|
||
userId:uni.getStorageSync('userInfo').userId
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
if(res.data.resultCode=='10000'){
|
||
that.allDevCount = res.data.data.allDevCount
|
||
that.errDevCount = res.data.data.errDevCount
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询终端总数失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryDevCount();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
queryDefaultLine(){
|
||
var that=this;
|
||
if(that.judgeLogin()){
|
||
uni.request({
|
||
url: that.serverUrl+'/realtimeinfo/getLineId',
|
||
method:'POST',
|
||
data: {
|
||
userIndex:uni.getStorageSync('userInfo').userId
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
if(res.data.resultCode=='10000'){
|
||
var lineInfo = res.data.data
|
||
if(lineInfo){
|
||
that.lineInfo= lineInfo
|
||
that.queryBasicInfo();
|
||
that.queryConstantlyInfo();
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询默认监测点失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryBasicInfo();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
queryBasicInfo(){
|
||
var that=this;
|
||
uni.request({
|
||
url: that.serverUrl+'/realtimeinfo/getLineBaseInfo',
|
||
method:'POST',
|
||
data: {
|
||
lineIndex:that.lineInfo.lineIndex
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
if(res.data.resultCode=='10000'){
|
||
that.basicInfo = res.data.data
|
||
switch(that.basicInfo.pttype){
|
||
case 0://星型
|
||
that.firstName = 'A相'
|
||
that.secondName = 'B相'
|
||
that.thirdName = 'C相'
|
||
break;
|
||
case 1://三角形
|
||
that.firstName = 'AB相'
|
||
that.secondName = 'BC相'
|
||
that.thirdName = 'CA相'
|
||
break;
|
||
case 2://开口三角形
|
||
that.firstName = 'AB相'
|
||
that.secondName = 'BC相'
|
||
that.thirdName = ''
|
||
break;
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询基础信息失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryBasicInfo();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
},
|
||
queryConstantlyInfo(){
|
||
var that=this;
|
||
uni.request({
|
||
url: that.serverUrl+'/realtimeinfo/getRealData',
|
||
method:'POST',
|
||
data: {
|
||
lineIndex:that.lineInfo.lineIndex
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
if(res.data.resultCode=='10000'){
|
||
var result= res.data.data;
|
||
that.constantlyInfo = result;
|
||
that.showTime = that.formatTime_second(result.timeId);
|
||
that.maxAA= result.iMax;
|
||
that.maxAB= result.iMax;
|
||
that.maxAC= result.iMax;
|
||
that.maxKVA= result.vMax;
|
||
that.maxKVB= result.vMax;
|
||
that.maxKVC= result.vMax;
|
||
that.createAnimationKVA(parseFloat(result.rmsVA)/parseFloat(result.vMax)*90);
|
||
that.createAnimationKVB(parseFloat(result.rmsVB)/parseFloat(result.vMax)*90);
|
||
that.createAnimationKVC(parseFloat(result.rmsVC)/parseFloat(result.vMax)*90);
|
||
that.createAnimationAA(parseFloat(result.rmsIA)/parseFloat(result.iMax)*90);
|
||
that.createAnimationAB(parseFloat(result.rmsIB)/parseFloat(result.iMax)*90);
|
||
that.createAnimationAC(parseFloat(result.rmsIC)/parseFloat(result.iMax)*90);
|
||
// that.drawCurrent(0,0,0,45,90,135)
|
||
// that.drawVoltage(0,0,0,-45,-90,-135)
|
||
that.drawCurrent(result.baseWaveIA,result.baseWaveIB,result.baseWaveIC,result.baseWavePhaseIA*-1,result.baseWavePhaseIB*-1,result.baseWavePhaseIC*-1)
|
||
that.drawVoltage(result.baseWaveVA,result.baseWaveVB,result.baseWaveVC,result.baseWavePhaseVA*-1,result.baseWavePhaseVB*-1,result.baseWavePhaseVC*-1)
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryConstantlyInfo();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
},
|
||
drawCurrent(currentA,currentB,currentC,angleA,angleB,angleC){
|
||
var that = this;
|
||
if(currentA==currentB&¤tA==currentC){
|
||
that.currentAWidth = '80rpx';
|
||
that.currentBWidth = '80rpx';
|
||
that.currentCWidth = '80rpx';
|
||
that.createAnimationCurrentA(angleA,'20%');
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
that.createAnimationCurrentC(angleC,'20%');
|
||
}else if(currentA==currentB&¤tA>currentC){
|
||
that.currentAWidth = '80rpx';
|
||
that.currentBWidth = '80rpx';
|
||
that.currentCWidth = '60rpx';
|
||
that.createAnimationCurrentA(angleA,'20%');
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
that.createAnimationCurrentC(angleC,'26.6%');
|
||
}else if(currentA==currentB&¤tA<currentC){
|
||
that.currentAWidth = '80rpx';
|
||
that.currentBWidth = '80rpx';
|
||
that.currentCWidth = '100rpx';
|
||
that.createAnimationCurrentA(angleA,'20%');
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
that.createAnimationCurrentC(angleC,'16%');
|
||
}else if(currentA==currentC&¤tA>currentB){
|
||
that.currentAWidth = '80rpx';
|
||
that.currentBWidth = '60rpx';
|
||
that.currentCWidth = '80rpx';
|
||
that.createAnimationCurrentA(angleA,'20%');
|
||
that.createAnimationCurrentB(angleB,'26.6%');
|
||
that.createAnimationCurrentC(angleC,'20%');
|
||
}else if(currentA==currentC&¤tA<currentB){
|
||
that.currentAWidth = '80rpx';
|
||
that.currentBWidth = '100rpx';
|
||
that.currentCWidth = '80rpx';
|
||
that.createAnimationCurrentA(angleA,'20%');
|
||
that.createAnimationCurrentC(angleC,'16%');
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
}else if(currentB==currentC&¤tA>currentB){
|
||
that.currentAWidth = '100rpx';
|
||
that.currentBWidth = '80rpx';
|
||
that.currentCWidth = '80rpx';
|
||
that.createAnimationCurrentA(angleA,'16%');
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
that.createAnimationCurrentC(angleC,'20%');
|
||
}else if(currentB==currentC&¤tA<currentB){
|
||
that.currentAWidth = '60rpx';
|
||
that.currentBWidth = '80rpx';
|
||
that.currentCWidth = '80rpx';
|
||
that.createAnimationCurrentA(angleA,'26.6%');
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
that.createAnimationCurrentC(angleC,'20%');
|
||
}else{
|
||
//排序
|
||
var sortVoltage = [];
|
||
sortVoltage.push({"name":1,"value":currentA});
|
||
sortVoltage.push({"name":2,"value":currentB});
|
||
sortVoltage.push({"name":3,"value":currentC});
|
||
sortVoltage.sort(function(a,b){
|
||
return a.value-b.value;
|
||
})
|
||
for(var i=0;i<sortVoltage.length;i++){
|
||
if(i==0){
|
||
if(sortVoltage[i].name==1){
|
||
that.currentAWidth = '60rpx';
|
||
that.createAnimationCurrentA(angleA,'26.6%');
|
||
}else if(sortVoltage[i].name==2){
|
||
that.currentBWidth = '60rpx';
|
||
that.createAnimationCurrentB(angleB,'26.6%');
|
||
}else{
|
||
that.currentCWidth = '60rpx';
|
||
that.createAnimationCurrentC(angleC,'26.6%');
|
||
}
|
||
}else if(i==1){
|
||
if(sortVoltage[i].name==1){
|
||
that.currentAWidth = '80rpx';
|
||
that.createAnimationCurrentA(angleA,'20%');
|
||
}else if(sortVoltage[i].name==2){
|
||
that.currentBWidth = '80rpx';
|
||
that.createAnimationCurrentB(angleB,'20%');
|
||
}else{
|
||
that.currentCWidth = '80rpx';
|
||
that.createAnimationCurrentC(angleC,'20%');
|
||
}
|
||
}else{
|
||
if(sortVoltage[i].name==1){
|
||
that.currentAWidth = '100rpx';
|
||
that.createAnimationCurrentA(angleA,'16%');
|
||
}else if(sortVoltage[i].name==2){
|
||
that.currentBWidth = '100rpx';
|
||
that.createAnimationCurrentB(angleB,'16%');
|
||
}else{
|
||
that.currentCWidth = '100rpx';
|
||
that.createAnimationCurrentC(angleC,'16%');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
drawVoltage(voltageA,voltageB,voltageC,angleA,angleB,angleC){
|
||
var that = this;
|
||
if(voltageA==voltageB&&voltageA==voltageC){
|
||
that.voltageAWidth = '145rpx';
|
||
that.voltageBWidth = '145rpx';
|
||
that.voltageCWidth = '145rpx';
|
||
that.createAnimationVoltageA(angleA,'11%');
|
||
that.createAnimationVoltageB(angleB,'11%');
|
||
that.createAnimationVoltageC(angleC,'11%');
|
||
}else if(voltageA==voltageB&&voltageA>voltageC){
|
||
that.voltageAWidth = '145rpx';
|
||
that.voltageBWidth = '145rpx';
|
||
that.voltageCWidth = '130rpx';
|
||
that.createAnimationVoltageA(angleA,'11%');
|
||
that.createAnimationVoltageB(angleB,'11%');
|
||
that.createAnimationVoltageC(angleC,'12.3%');
|
||
}else if(voltageA==voltageB&&voltageA<voltageC){
|
||
that.voltageAWidth = '145rpx';
|
||
that.voltageBWidth = '145rpx';
|
||
that.voltageCWidth = '160rpx';
|
||
that.createAnimationVoltageA(angleA,'11%');
|
||
that.createAnimationVoltageB(angleB,'11%');
|
||
that.createAnimationVoltageC(angleC,'10%');
|
||
}else if(voltageA==voltageC&&voltageA>voltageB){
|
||
that.voltageAWidth = '145rpx';
|
||
that.voltageBWidth = '130rpx';
|
||
that.voltageCWidth = '145rpx';
|
||
that.createAnimationVoltageA(angleA,'11%');
|
||
that.createAnimationVoltageB(angleB,'12.3%');
|
||
that.createAnimationVoltageC(angleC,'11%');
|
||
}else if(voltageA==voltageC&&voltageA<voltageB){
|
||
that.voltageAWidth = '145rpx';
|
||
that.voltageBWidth = '160rpx';
|
||
that.voltageCWidth = '145rpx';
|
||
that.createAnimationVoltageA(angleA,'11%');
|
||
that.createAnimationVoltageB(angleB,'10%');
|
||
that.createAnimationVoltageC(angleC,'11%');
|
||
}else if(voltageB==voltageC&&voltageA>voltageB){
|
||
that.voltageAWidth = '160rpx';
|
||
that.voltageBWidth = '145rpx';
|
||
that.voltageCWidth = '145rpx';
|
||
that.createAnimationVoltageA(angleA,'10%');
|
||
that.createAnimationVoltageB(angleB,'11%');
|
||
that.createAnimationVoltageC(angleC,'11%');
|
||
}else if(voltageB==voltageC&&voltageA<voltageB){
|
||
that.voltageAWidth = '130rpx';
|
||
that.voltageBWidth = '145rpx';
|
||
that.voltageCWidth = '145rpx';
|
||
that.createAnimationVoltageA(angleA,'12.3%');
|
||
that.createAnimationVoltageB(angleB,'11%');
|
||
that.createAnimationVoltageC(angleC,'11%');
|
||
}else{
|
||
//排序
|
||
var sortVoltage = [];
|
||
sortVoltage.push({"name":1,"value":voltageA});
|
||
sortVoltage.push({"name":2,"value":voltageB});
|
||
sortVoltage.push({"name":3,"value":voltageC});
|
||
sortVoltage.sort(function(a,b){
|
||
return a.value-b.value;
|
||
})
|
||
for(var i=0;i<sortVoltage.length;i++){
|
||
if(i==0){
|
||
if(sortVoltage[i].name==1){
|
||
that.voltageAWidth = '130rpx';
|
||
that.createAnimationVoltageA(angleA,'12.3%');
|
||
}else if(sortVoltage[i].name==2){
|
||
that.voltageBWidth = '130rpx';
|
||
that.createAnimationVoltageB(angleB,'12.3%');
|
||
}else{
|
||
that.voltageCWidth = '130rpx';
|
||
that.createAnimationVoltageC(angleC,'12.3%');
|
||
}
|
||
}else if(i==1){
|
||
if(sortVoltage[i].name==1){
|
||
that.voltageAWidth = '145rpx';
|
||
that.createAnimationVoltageA(angleA,'11%');
|
||
}else if(sortVoltage[i].name==2){
|
||
that.voltageBWidth = '145rpx';
|
||
that.createAnimationVoltageB(angleB,'11%');
|
||
}else{
|
||
that.voltageCWidth = '145rpx';
|
||
that.createAnimationVoltageC(angleC,'11%');
|
||
}
|
||
}else{
|
||
if(sortVoltage[i].name==1){
|
||
that.voltageAWidth = '160rpx';
|
||
that.createAnimationVoltageA(angleA,'10%');
|
||
}else if(sortVoltage[i].name==2){
|
||
that.voltageBWidth = '160rpx';
|
||
that.createAnimationVoltageB(angleB,'10%');
|
||
}else{
|
||
that.voltageCWidth = '160rpx';
|
||
that.createAnimationVoltageC(angleC,'10%');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
refreshValue(){
|
||
var that = this;
|
||
that.refreshFlag=1
|
||
that.queryBasicInfo();
|
||
that.queryConstantlyInfo();
|
||
if(that.second!=60){
|
||
return;
|
||
}
|
||
that.second--;
|
||
var intervalID =setInterval(function(){
|
||
that.refreshText ='刷新('+that.second-- +"S)";
|
||
},1000);
|
||
that.intervalID = intervalID;
|
||
setTimeout(function(){
|
||
if(that.intervalID!='done'&&that.intervalID==intervalID){
|
||
clearInterval(that.intervalID);
|
||
that.intervalID = 'done';
|
||
that.refreshText ="刷新";
|
||
that.second=60;
|
||
that.refreshFlag=0
|
||
}
|
||
},61000)
|
||
},
|
||
jumpToSpectrum(){
|
||
var that = this;
|
||
uni.navigateTo({
|
||
url: '../spectrum/spectrum?lineInfo='+JSON.stringify(that.lineInfo),
|
||
});
|
||
},
|
||
jumpToTerminalStatusAll(){
|
||
var that = this;
|
||
uni.navigateTo({
|
||
url: '../terminalStatusAll/terminalStatusAll'
|
||
});
|
||
},
|
||
createAnimationKVA(num){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: "100% 50%",
|
||
})
|
||
that.animationKVA = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataKVA = animation.export();
|
||
},
|
||
createAnimationKVB(num){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: "100% 50%",
|
||
})
|
||
that.animationKVB = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataKVB = animation.export();
|
||
},
|
||
createAnimationKVC(num){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: "100% 50%",
|
||
})
|
||
that.animationKVC = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataKVC = animation.export();
|
||
},
|
||
createAnimationAA(num){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: "50% 100%",
|
||
})
|
||
that.animationAA = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataAA = animation.export();
|
||
},
|
||
createAnimationAB(num){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: "50% 100%",
|
||
})
|
||
that.animationAB = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataAB = animation.export();
|
||
},
|
||
createAnimationAC(num){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: "50% 100%",
|
||
})
|
||
that.animationAC = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataAC = animation.export();
|
||
},
|
||
createAnimationCurrentA(num,percentX){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: percentX+" 50%",
|
||
})
|
||
that.animationCurrentA = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataCurrentA = animation.export();
|
||
},
|
||
createAnimationCurrentB(num,percentX){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: percentX+" 50%",
|
||
})
|
||
that.animationCurrentB = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataCurrentB = animation.export();
|
||
},
|
||
createAnimationCurrentC(num,percentX){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: percentX+" 50%",
|
||
})
|
||
that.animationCurrentC = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataCurrentC = animation.export();
|
||
},
|
||
createAnimationVoltageA(num,percentX){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: percentX+" 50%",
|
||
})
|
||
that.animationVoltageA = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataVoltageA = animation.export();
|
||
},
|
||
createAnimationVoltageB(num,percentX){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: percentX+" 50%",
|
||
})
|
||
that.animationVoltageB = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataVoltageB = animation.export();
|
||
},
|
||
createAnimationVoltageC(num,percentX){
|
||
var that=this;
|
||
var animation = uni.createAnimation({
|
||
duration: 1000,
|
||
timingFunction: 'ease',
|
||
transformOrigin: percentX+" 50%",
|
||
})
|
||
that.animationVoltageC = animation;
|
||
animation.rotate(num).step()
|
||
that.animationDataVoltageC = animation.export();
|
||
},
|
||
setPointWidth(currentA,currentB,currentC,voltageA,voltageB,voltageC){
|
||
// 60 26.6%
|
||
// 80 20%
|
||
// 100 16%
|
||
// 130 12.3%
|
||
// 145 11%
|
||
// 160 10%
|
||
var that= this;
|
||
that.currentAWidth = '100rpx';
|
||
that.createAnimationCurrentA(90,'16%')
|
||
},
|
||
},
|
||
onLoad() {
|
||
var that =this;
|
||
that.scrollH();
|
||
that.queryDefaultLine();
|
||
// console.log(uni.getStorageSync('userInfo').userId)
|
||
},
|
||
onShow() {
|
||
var that =this;
|
||
that.queryDevCount();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
@import url("data.css");
|
||
</style>
|