From e84a77a34b57eb039fdf91afecdaed86c5daeb67 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 23 Sep 2022 14:08:15 +0800
Subject: [PATCH] =?UTF-8?q?CN-714=20feat:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=EF=BC=8C=E9=80=82=E9=85=8D=E5=B7=A6=E5=A4=A7=E5=8F=B3?=
 =?UTF-8?q?=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts/linkMonitor/LinkDirectionGrid.vue  | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue b/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
index 5f676347..895ff28b 100644
--- a/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
@@ -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>