gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-714 feat: 样式调整，适配左大右小

Browse Source
This commit is contained in:
chenjinsong
2022-09-23 14:08:15 +08:00
parent 5ee09bf9db
commit e84a77a34b
1 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="link-direction-grid">
<div class="link-statistical-dimension">
<div class="link-statistical-dimension" style="width: 900px;">
<div class="dimension-title">{{$t('linkMonitor.egressLink')}}&nbsp;&&nbsp;{{$t('linkMonitor.ingressLink')}}</div>
<div class="data-grid">
<div class="egress-row">
@@ -15,6 +15,27 @@
</div>
</div>
</div>
<div class="link-statistical-dimension">
<div class="dimension-title">{{$t('linkMonitor.egressLink')}}&nbsp;&&nbsp;{{$t('linkMonitor.ingressLink')}}</div>
<div class="data-grid">
<div class="egress-row">
<template v-for="(item, index) in gridData">
<div class="egress-id" v-if="index <= 2" :key="index">{{item.linkId}}</div>
</template>
</div>
<template v-for="(row, index) in gridData">
<div class="data-row" v-if="index <= 2" :key="index">
<div class="ingress-id">{{row.linkId}}</div>
<template v-for="(row, index2) in row.egress">
<div class="data-item" v-if="index2 <= 2" :key="index2">
<div class="data-item__point"></div>
<div class="data-item__point"></div>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
</template>