|
@@ -5,7 +5,9 @@
|
|
|
<div class="sn-info">
|
|
|
<span>{{ site.name }}</span>
|
|
|
<span>{{ ' ' }} </span>
|
|
|
- <span :style="'color:' + (site.siteStatus === 0 ? '#08ae5e' : '#FA2D2D')">{{ site.statusName ? site.statusName :'无' }}</span>
|
|
|
+ <span :style="'color:' + (site.siteStatus === 0 ? '#08ae5e' : '#FA2D2D')">{{
|
|
|
+ site.statusName ? site.statusName : '无'
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
<div class="sn-operation">
|
|
|
<img v-if="site.statusName === '离线'" :src="offline" />
|
|
@@ -14,7 +16,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="sweage-info" v-if="site.info.length > 0">
|
|
|
- <div class="si-overview">
|
|
|
+ <div class="sweage-overview">
|
|
|
<el-row :gutter="10">
|
|
|
<el-col :span="8" v-for="info in site.info" :key="info.itCd">
|
|
|
<el-radio v-model="radio" :label="info.itCd" size="mini">
|
|
@@ -31,7 +33,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="si-chart">
|
|
|
- <StatisticalLineChart :site="site" :indexCode='radio'/>
|
|
|
+ <StatisticalLineChart :site="site" :indexCode="radio" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-empty
|
|
@@ -47,14 +49,7 @@
|
|
|
<script lang='ts'>
|
|
|
import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
|
|
|
import StatisticalLineChart from './StatisticalLineChart.vue'
|
|
|
-import {
|
|
|
- iconChart,
|
|
|
- iconDevice,
|
|
|
- iconSignal,
|
|
|
- expandIcon,
|
|
|
- shrinkIcon,
|
|
|
- offline
|
|
|
-} from '../../common/settings'
|
|
|
+import { iconChart, iconDevice, iconSignal, expandIcon, shrinkIcon, offline } from '../../common/settings'
|
|
|
//流量综合管理
|
|
|
@Component({ name: 'monitorCenter', components: { StatisticalLineChart } })
|
|
|
export default class monitorCenter extends Vue {
|
|
@@ -150,14 +145,17 @@ export default class monitorCenter extends Vue {
|
|
|
display: flex;
|
|
|
flex-flow: column;
|
|
|
padding: 0 10px;
|
|
|
- .si-overview {
|
|
|
- @include center();
|
|
|
+ .sweage-overview {
|
|
|
+ // @include center();
|
|
|
justify-content: space-between;
|
|
|
border-bottom: 1px solid #dedede;
|
|
|
width: 100%;
|
|
|
padding: 10px 0;
|
|
|
height: auto;
|
|
|
min-height: 60px;
|
|
|
+ max-height: 100px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ overflow-x: hidden;
|
|
|
span {
|
|
|
@include fontSet();
|
|
|
white-space: nowrap;
|