55 lines
1.6 KiB
Vue
55 lines
1.6 KiB
Vue
|
<template>
|
|||
|
|
<Rc-page :loading='loading'>
|
|||
|
|
<view slot='body'>
|
|||
|
|
<view class='real-time-data'>
|
|||
|
|
<view class="header">
|
|||
|
|
<view class="header-header">
|
|||
|
|
<view>终端总数7台，异常终端一台</view>
|
|||
|
|
<view>查看详情</view>
|
|||
|
|
</view>
|
|||
|
|
<view>请选择监测点</view>
|
|||
|
|
<view>
|
|||
|
|
<view>
|
|||
|
|
<view>所属区域</view>
|
|||
|
|
<view>南京市</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view>所属单位</view>
|
|||
|
|
<view>灿能园区</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view>实时通讯状态</view>
|
|||
|
|
<view>正常</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view>实时通讯流量</view>
|
|||
|
|
<view>234.14Mb</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="height:100px" v-for="item in 10">1</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</Rc-page>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
loading: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang='scss'>
|
|||
|
|
.real-time-data {
|
|||
|
|
.header {
|
|||
|
|
position: sticky;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|