109 lines
2.8 KiB
Vue
109 lines
2.8 KiB
Vue
|
<template>
|
|||
|
|
<view class="">
|
|||
|
|
<back :pageNameFlag="pageNameFlag" :pageName='pageName'></back>
|
|||
|
|
<view class="steady-block" v-if="errorFlag==0">
|
|||
|
|
<!-- 时间模块 -->
|
|||
|
|
<view class="time-block">
|
|||
|
|
<image src="/static/pic/time.png" class="time-pic"></image>
|
|||
|
|
<view class="time-text">
|
|||
|
|
{{showTime}}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 基础信息 -->
|
|||
|
|
<view class="basic-block">
|
|||
|
|
<view class="basic-title">
|
|||
|
|
<image src="/static/pic/rectangle.png" class="basic-title-left"></image>
|
|||
|
|
<view class="basic-title-right">
|
|||
|
|
越限监测点列表
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="basic-content" v-for="steadyState in steadyStateList" @click="jumpToSteadyDetails(showTime,steadyState.lineName,steadyState.lineIndex,steadyState.timeID)">
|
|||
|
|
<view class="basic-content-line-one">
|
|||
|
|
<view class="basic-content-line-one-left">
|
|||
|
|
{{steadyState.subName}}，{{steadyState.lineName}}发生稳态越限
|
|||
|
|
<!-- {{steadyState.limitNum}}次 -->
|
|||
|
|
</view>
|
|||
|
|
<image class="basic-content-line-one-right" src="/static/pic/jump.png"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="basic-content-line-two"></view>
|
|||
|
|
<scroll-view class="basic-content-line-three" scroll-y="true">
|
|||
|
|
越限详情：{{steadyState.describe}}
|
|||
|
|
</scroll-view>
|
|||
|
|
<view class="basic-content-line-four"></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="error-block" v-else>
|
|||
|
|
<view class="error-text">
|
|||
|
|
网络出错请重试
|
|||
|
|
</view>
|
|||
|
|
<button class="retry_button" @click="retry">重试</button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import back from '../../components/back.vue';
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
pageNameFlag:1,
|
|||
|
|
pageName:'越限监测点',
|
|||
|
|
radioFlag:0,
|
|||
|
|
errorFlag:0,
|
|||
|
|
steadyIndex:'',
|
|||
|
|
steadyStateList:[],
|
|||
|
|
showTime:''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
steadyStateInfo(){
|
|||
|
|
var that = this;
|
|||
|
|
uni.request({
|
|||
|
|
url: that.serverUrl+'/steadymsg/steadyStateInfo',
|
|||
|
|
method: 'POST',
|
|||
|
|
data: {
|
|||
|
|
steadyIndex: that.steadyIndex
|
|||
|
|
},
|
|||
|
|
header: {
|
|||
|
|
'content-type': 'application/x-www-form-urlencoded'
|
|||
|
|
},
|
|||
|
|
sslVerify: false,
|
|||
|
|
success: (res) => {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
if (res.data.resultCode == '10000') {
|
|||
|
|
that.steadyStateList = eval(res.data.data);
|
|||
|
|
} else {
|
|||
|
|
that.errorFlag = 1
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (re) => {
|
|||
|
|
that.errorFlag = 1
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
jumpToSteadyDetails(showTime,lineName,lineIndex,timeID){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:'../steadyDetails/steadyDetails?lineName='+lineName+"&showTime="+showTime+"&lineIndex="+lineIndex+"&timeID="+timeID
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
retry(){
|
|||
|
|
this.errorFlag=0;
|
|||
|
|
this.steadyStateInfo();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(e) {
|
|||
|
|
this.steadyIndex = e.steadyIndex;
|
|||
|
|
this.showTime = e.showTime;
|
|||
|
|
this.steadyStateInfo();
|
|||
|
|
},
|
|||
|
|
components:{
|
|||
|
|
back
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
@import url("steady.css");
|
|||
|
|
</style>
|