From e9b9f51061d00ce032882507404e8cfbe82162ea Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Wed, 23 Mar 2022 16:17:17 +0800
Subject: [PATCH] update instance list

---
 src/views/dashboard/controls/Widget.vue     |  1 -
 src/views/dashboard/graphs/InstanceList.vue | 19 +++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/controls/Widget.vue b/src/views/dashboard/controls/Widget.vue
index 603d3133..c7915f15 100644
--- a/src/views/dashboard/controls/Widget.vue
+++ b/src/views/dashboard/controls/Widget.vue
@@ -113,7 +113,6 @@ export default defineComponent({
     }
 
     async function queryMetrics() {
-      console.log(props.data);
       const params = await useQueryProcessor(props.data);
 
       if (!params) {
diff --git a/src/views/dashboard/graphs/InstanceList.vue b/src/views/dashboard/graphs/InstanceList.vue
index 9f12693a..495a79c2 100644
--- a/src/views/dashboard/graphs/InstanceList.vue
+++ b/src/views/dashboard/graphs/InstanceList.vue
@@ -42,6 +42,19 @@ limitations under the License. -->
             </span>
           </template>
         </el-table-column>
+        <el-table-column label="Service Instances">
+          <template #default="scope">
+            <div class="attributes">
+              <div
+                v-for="(attr, index) in scope.row.attributes"
+                :key="attr.name + index"
+                :style="{ fontSize: `${config.fontSize}px` }"
+              >
+                {{ attr.name }}: {{ attr.value }}
+              </div>
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column
           v-for="(metric, index) in config.metrics"
           :label="metric"
@@ -182,6 +195,7 @@ function clickInstance(scope: any) {
 function changePage(pageIndex: number) {
   instances.value = searchInstances.value.splice(pageIndex - 1, pageSize);
 }
+
 function searchList() {
   searchInstances.value = selectorStore.pods.filter((d: { label: string }) =>
     d.label.includes(searchText.value)
@@ -214,4 +228,9 @@ watch(
 .inputs {
   width: 300px;
 }
+
+.attributes {
+  max-height: 80px;
+  overflow: auto;
+}
 </style>