353 lines
9.9 KiB
Vue
353 lines
9.9 KiB
Vue
<template>
|
||
<view>
|
||
<view class="title-padding">
|
||
|
||
</view>
|
||
<view class="history-title">
|
||
<view class="history-title-text">
|
||
历史数据
|
||
</view>
|
||
</view>
|
||
<view class="history-block">
|
||
<!-- 内容 -->
|
||
<view class="content-block">
|
||
<view class="content-block-line" @click="jumpToDataIntegrityDetails">
|
||
<view class="content-block-line-left">
|
||
数据完整性
|
||
</view>
|
||
<view class="content-block-line-right">
|
||
<!-- <view class="content-block-line-right-text">
|
||
85%
|
||
</view> -->
|
||
<image src="/static/pic/jump.png" class="content-block-line-right-pic"></image>
|
||
</view>
|
||
</view>
|
||
<view class="content-block-line" @click="jumpToTerminalStatus">
|
||
<view class="content-block-line-left">
|
||
终端在线率
|
||
</view>
|
||
<view class="content-block-line-right">
|
||
<!-- <view class="content-block-line-right-text">
|
||
85%
|
||
</view> -->
|
||
<image src="/static/pic/jump.png" class="content-block-line-right-pic"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 监测点信息 -->
|
||
<view class="sroll-block-line-one" @click="jumpToCondition">
|
||
<view class="sroll-block-line-one-text">
|
||
<view class="">
|
||
{{lineInfo.lineName}}
|
||
</view>
|
||
<view class="">
|
||
{{startDate}}至{{endDate}}
|
||
</view>
|
||
</view>
|
||
<!-- <image class="sroll-block-line-one-pic" src="/static/pic/pull.png"></image> -->
|
||
<image class="sroll-block-line-one-pic" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<scroll-view class="sroll-block" :scroll-y="scrollFlag" :style="{height:scrollHeight}" @scrolltolower="queryStatistics()" @touchend="touchEnd()" v-if="statisticsList.length>0">
|
||
<view class="sroll-block-content" @click="jumpToTerminalHistory(statistics.time)" v-for="statistics in statisticsList">
|
||
<view class="sroll-block-content-line-one">
|
||
<view class="sroll-block-content-line-one-left">
|
||
<image src="/static/pic/rectangle.png" class="sroll-block-content-line-one-left-pic"></image>
|
||
<view class="sroll-block-content-line-one-left-text">
|
||
{{statistics.showTime}}
|
||
</view>
|
||
</view>
|
||
<image class="sroll-block-content-line-one-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<scroll-view class="sroll-block-content-line-text" scroll-y="true">
|
||
<view class="" v-if="statistics.eventDescribe!=null">
|
||
{{statistics.eventDescribe}}
|
||
</view>
|
||
<view class="" v-if="statistics.steadyDescribe!=null">
|
||
{{statistics.steadyDescribe}}
|
||
</view>
|
||
</scroll-view>
|
||
<!-- <view class="sroll-block-content-line">
|
||
<view class="sroll-block-content-line-left">
|
||
暂降次数
|
||
</view>
|
||
<view class="sroll-block-content-line-right">
|
||
3次
|
||
</view>
|
||
</view>
|
||
<view class="sroll-block-content-line">
|
||
<view class="sroll-block-content-line-left">
|
||
频率偏差合格率
|
||
</view>
|
||
<view class="sroll-block-content-line-right">
|
||
90%
|
||
</view>
|
||
</view>
|
||
<view class="sroll-block-content-line">
|
||
<view class="sroll-block-content-line-left">
|
||
电压畸变率合格率
|
||
</view>
|
||
<view class="sroll-block-content-line-right">
|
||
90%
|
||
</view>
|
||
</view>
|
||
<view class="sroll-block-content-line">
|
||
<view class="sroll-block-content-line-left">
|
||
奇次电压合格率
|
||
</view>
|
||
<view class="sroll-block-content-line-right">
|
||
80%
|
||
</view>
|
||
</view> -->
|
||
</view>
|
||
</scroll-view>
|
||
<view class="no-data" :style="{height:scrollHeight}" v-else>
|
||
暂无历史数据
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import back from "../../components/back.vue";
|
||
export default {
|
||
data() {
|
||
return {
|
||
pageName:'历史数据',
|
||
pageNameFlag:1,
|
||
backShowFlag:0,
|
||
tabNum:1,
|
||
page:1,
|
||
num:20,
|
||
scrollHeight:'',
|
||
terminalStatus:55,
|
||
lineInfo:{
|
||
lineName:'暂无默认监测点，请选择',
|
||
lineIndex:''
|
||
},
|
||
statisticsList:[],
|
||
scrollFlag:true,
|
||
roleCode:1,
|
||
startDate:'',
|
||
endDate:'',
|
||
startDateMills:'',
|
||
endDateMills:''
|
||
}
|
||
},
|
||
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-410)+'rpx';
|
||
},
|
||
touchEnd(){
|
||
var that = this;
|
||
that.scrollFlag=false;
|
||
setTimeout(function(){
|
||
that.scrollFlag=true;
|
||
},30)
|
||
},
|
||
changeTab(tabNum){
|
||
this.tabNum=tabNum;
|
||
},
|
||
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.queryStatistics();
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryDefaultLine();
|
||
} 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('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
queryStatistics(){
|
||
var that=this;
|
||
uni.request({
|
||
url: that.serverUrl+'/statistics/statistics',
|
||
method:'POST',
|
||
data: {
|
||
lineIndex:that.lineInfo.lineIndex,
|
||
startTime:that.startDateMills,
|
||
endTime:that.endDateMills,
|
||
page:that.page++,
|
||
num:that.num
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
if(res.data.resultCode=='10000'){
|
||
var list= res.data.data
|
||
if(list!=null&&list!=undefined&&list!=''&&list!=[]){
|
||
for(var i=0;i<list.length;i++){
|
||
list[i].showTime = that.formatTime(list[i].time);
|
||
}
|
||
that.statisticsList= that.statisticsList.concat(list)
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryStatistics();
|
||
} 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('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
},
|
||
chooseLine(){
|
||
var that=this;
|
||
uni.navigateTo({
|
||
url:'../chooseLine/chooseLine'
|
||
});
|
||
uni.$on('lineInfoSelect',function(data){
|
||
that.lineInfo = data;
|
||
that.page=1;
|
||
that.statisticsList=[];
|
||
that.queryStatistics();
|
||
});
|
||
uni.$on('lineInfoQuery',function(data){
|
||
that.lineInfo = data;
|
||
that.page=1;
|
||
that.statisticsList=[];
|
||
that.queryStatistics();
|
||
})
|
||
},
|
||
jumpToDataIntegrityDetails(){
|
||
var userInfo=uni.getStorageSync('userInfo');
|
||
var roleCode= userInfo.roleCode;
|
||
if(roleCode!=0){
|
||
uni.showModal({
|
||
title:'提示',
|
||
content:'您暂无权限查看',
|
||
showCancel:false
|
||
})
|
||
return;
|
||
}
|
||
uni.navigateTo({
|
||
url:'../dataIntegrityDetails/dataIntegrityDetails'
|
||
})
|
||
},
|
||
jumpToTerminalStatus(){
|
||
var userInfo=uni.getStorageSync('userInfo');
|
||
var roleCode= userInfo.roleCode;
|
||
if(roleCode!=0){
|
||
uni.showModal({
|
||
title:'提示',
|
||
content:'您暂无权限查看',
|
||
showCancel:false
|
||
})
|
||
return;
|
||
}
|
||
uni.navigateTo({
|
||
url:'../terminalStatus/terminalStatus'
|
||
})
|
||
},
|
||
jumpToTerminalHistory(timeID){
|
||
var that=this;
|
||
uni.navigateTo({
|
||
url:'../terminalHistory/terminalHistory?lineInfo='+JSON.stringify(that.lineInfo)+'&timeID='+timeID
|
||
})
|
||
},
|
||
jumpToCondition(){
|
||
var that = this;
|
||
uni.navigateTo({
|
||
url:'../condition/condition?lineInfo='+JSON.stringify(that.lineInfo)+'&startDate='+that.startDate+'&endDate='+that.endDate+'&startDateMills='+that.startDateMills+'&endDateMills='+that.endDateMills+'&chooseDateTypeFlag=0&&chooseDateFlag=1&chooseLineFlag=1'
|
||
})
|
||
uni.$once('doQueryInfo',function(e){
|
||
that.startDate = e.startDate;
|
||
that.endDate = e.endDate;
|
||
that.startDateMills = e.startDateMills;
|
||
that.endDateMills = e.endDateMills;
|
||
that.lineInfo = e.lineInfo;
|
||
that.page=1;
|
||
that.statisticsList=[];
|
||
that.queryStatistics();
|
||
})
|
||
}
|
||
},
|
||
components: {
|
||
back
|
||
},
|
||
onLoad() {
|
||
var that = this;
|
||
that.scrollH();
|
||
that.endDate=that.formatTime(new Date());
|
||
that.startDate=that.endDate.substring(0,8)+'01';
|
||
that.startDateMills = Date.parse(that.startDate.replace(/-/g, '/'));
|
||
that.endDateMills = Date.parse(that.endDate.replace(/-/g, '/'))+86399999;
|
||
that.queryDefaultLine();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
@import url("history.css");
|
||
</style>
|