|
|
@@ -6,57 +6,59 @@
|
|
|
<uni-nav-bar @clickLeft="clickLeft" left-icon="back" left-text="返回" title="历史数据"></uni-nav-bar>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="selecttimes" @click="tiemshow=!tiemshow">
|
|
|
- <view class="timesbox">
|
|
|
- <image
|
|
|
- :src="'http://www.hnyfwlw.com:8006/bigdata_app/image/prevention/1acfe2751c01d3786cdc49b83d7e505.png'"
|
|
|
- mode=""></image>
|
|
|
- <p>{{timetab(begintime)}}</p>
|
|
|
- <p class="or">~</p>
|
|
|
- <p>{{timetab(end)}}</p>
|
|
|
- <u-icon name="rili" custom-prefix="custom-icon" class="icon"></u-icon>
|
|
|
- </view>
|
|
|
- <u-calendar v-model="tiemshow" mode="range" @change="tiemchange"></u-calendar>
|
|
|
- </view>
|
|
|
- <view class="shuju_one">
|
|
|
- <view class="canvastishi" v-if="!canvastishiTF && !dataloadingtf">
|
|
|
- 暂无数据
|
|
|
- </view>
|
|
|
- <view class="canvastishi" v-if="dataloadingtf">
|
|
|
- <p class="dataloading">加载中</p>
|
|
|
+ <view class="his_box" >
|
|
|
+ <view class="selecttimes" @click="tiemshow=!tiemshow">
|
|
|
+ <view class="timesbox">
|
|
|
+ <image
|
|
|
+ :src="'http://www.hnyfwlw.com:8006/bigdata_app/image/prevention/1acfe2751c01d3786cdc49b83d7e505.png'"
|
|
|
+ mode=""></image>
|
|
|
+ <p>{{timetab(begintime)}}</p>
|
|
|
+ <p class="or">~</p>
|
|
|
+ <p>{{timetab(end)}}</p>
|
|
|
+ <u-icon name="rili" custom-prefix="custom-icon" class="icon"></u-icon>
|
|
|
+ </view>
|
|
|
+ <u-calendar v-model="tiemshow" mode="range" @change="tiemchange"></u-calendar>
|
|
|
</view>
|
|
|
- <canvas v-show="!tiemshow" canvas-id="canvasColumnA" id="canvasColumnA" class="charts" @touchstart="touchLineA($event)"
|
|
|
- @touchmove="moveLineA($event)" @touchend="touchEndLineA($event)" disable-scroll=true
|
|
|
- :style="{'width':cWidth*pixelRatio+'px','height':cHeight*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth*(pixelRatio-1)/2+'px','margin-top':-cHeight*(pixelRatio-1)/2+'px'}"></canvas>
|
|
|
- </view>
|
|
|
- <view class="condition">
|
|
|
- <scroll-view scroll-top="0" scroll-x="true" class="scroll-X">
|
|
|
- <table class="table">
|
|
|
- <tr class="tr">
|
|
|
- <th class="th" v-for="(item,index) in thdata" :key="'a'+index">{{item}}</th>
|
|
|
- </tr>
|
|
|
- <tr class="tr" v-for="(items,indexs) in historylistdata" :key="'b'+indexs" v-if="!forbidden">
|
|
|
- <td class="td">{{items.uptime|timeFormat()}}</td>
|
|
|
- <td class="td">{{items.ats}}</td>
|
|
|
- <td class="td">{{items.at}}</td>
|
|
|
- <td class="td" v-for="(item,index) in items.temp" :key="'c'+index">{{item}}</td>
|
|
|
- <td class="td" v-for="(item,index) in items.swc" :key="'d'+index">{{item}}</td>
|
|
|
- <td class="td">{{items.atm}}</td>
|
|
|
- </tr>
|
|
|
- <tr class="tr" v-if="forbidden">
|
|
|
- <td class="td" v-for="item in 13">暂无数据</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </scroll-view>
|
|
|
- <view class="pagenumber">
|
|
|
- <button @click="prev">上一页</button>
|
|
|
- <view class="pagenumber_page">
|
|
|
- 第 {{page}} 页
|
|
|
+ <view class="shuju_one">
|
|
|
+ <view class="canvastishi" v-if="!canvastishiTF && !dataloadingtf">
|
|
|
+ 暂无数据
|
|
|
+ </view>
|
|
|
+ <view class="canvastishi" v-if="dataloadingtf">
|
|
|
+ <p class="dataloading">加载中</p>
|
|
|
</view>
|
|
|
- <view class="pagenumber_page">
|
|
|
- 共 {{pagesum}} 页
|
|
|
+ <canvas v-show="!tiemshow" canvas-id="canvasColumnA" id="canvasColumnA" class="charts" @touchstart="touchLineA($event)"
|
|
|
+ @touchmove="moveLineA($event)" @touchend="touchEndLineA($event)" disable-scroll=true
|
|
|
+ :style="{'width':cWidth*pixelRatio+'px','height':cHeight*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth*(pixelRatio-1)/2+'px','margin-top':-cHeight*(pixelRatio-1)/2+'px'}"></canvas>
|
|
|
+ </view>
|
|
|
+ <view class="condition">
|
|
|
+ <scroll-view scroll-top="0" scroll-x="true" class="scroll-X">
|
|
|
+ <table class="table">
|
|
|
+ <tr class="tr">
|
|
|
+ <th class="th" v-for="(item,index) in thdata" :key="'a'+index">{{item}}</th>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr" v-for="(items,indexs) in historylistdata" :key="'b'+indexs" v-if="!forbidden">
|
|
|
+ <td class="td">{{items.uptime|timeFormat()}}</td>
|
|
|
+ <td class="td">{{items.ats}}</td>
|
|
|
+ <td class="td">{{items.at}}</td>
|
|
|
+ <td class="td" v-for="(item,index) in items.temp" :key="'c'+index">{{item}}</td>
|
|
|
+ <td class="td" v-for="(item,index) in items.swc" :key="'d'+index">{{item}}</td>
|
|
|
+ <td class="td">{{items.atm}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr" v-if="forbidden">
|
|
|
+ <td class="td" v-for="item in 13">暂无数据</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </scroll-view>
|
|
|
+ <view class="pagenumber">
|
|
|
+ <button @click="prev">上一页</button>
|
|
|
+ <view class="pagenumber_page">
|
|
|
+ 第 {{page}} 页
|
|
|
+ </view>
|
|
|
+ <view class="pagenumber_page">
|
|
|
+ 共 {{pagesum}} 页
|
|
|
+ </view>
|
|
|
+ <button @click="next">下一页</button>
|
|
|
</view>
|
|
|
- <button @click="next">下一页</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -269,14 +271,17 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
+ .his_box{
|
|
|
+ width: 100%;
|
|
|
+ top: 200rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
.selecttimes {
|
|
|
width: 90%;
|
|
|
box-shadow: 0 0 10rpx #bcb9ca;
|
|
|
padding: 10rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
margin: 0 auto;
|
|
|
- top: 200rpx;
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
.timesbox {
|
|
|
@@ -308,10 +313,8 @@
|
|
|
}
|
|
|
|
|
|
.shuju_one {
|
|
|
- position: absolute;
|
|
|
- top: 140px;
|
|
|
width: 90%;
|
|
|
- left: 5%;
|
|
|
+ margin: 20px auto;
|
|
|
box-shadow: 0 0 10rpx #bcb9ca;
|
|
|
padding-top: 20rpx;
|
|
|
height: 550rpx;
|
|
|
@@ -345,19 +348,14 @@
|
|
|
}
|
|
|
|
|
|
.condition {
|
|
|
- position: absolute;
|
|
|
- top: 437px;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
width: 90%;
|
|
|
- left: 5%;
|
|
|
box-shadow: 0 0 10rpx #bcb9ca;
|
|
|
- margin-bottom: 30rpx;
|
|
|
-
|
|
|
+ margin: 0 auto 30rpx;
|
|
|
.scroll-X {
|
|
|
width: 95%;
|
|
|
margin: 20rpx auto;
|
|
|
-
|
|
|
.tr {
|
|
|
display: flex;
|
|
|
overflow: hidden;
|