From e26380c3593d76fa8aac32d597489e633ec707ce Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Sat, 22 Jan 2022 15:22:22 +0800
Subject: [PATCH] style: remove graphs

---
 src/graph/fragments/dashboard.ts            | 52 ---------------------
 src/graph/query/dashboard.ts                | 16 -------
 src/views/dashboard/graphs/InstanceList.vue |  9 ++--
 3 files changed, 5 insertions(+), 72 deletions(-)

diff --git a/src/graph/fragments/dashboard.ts b/src/graph/fragments/dashboard.ts
index 7021e380..8819dd52 100644
--- a/src/graph/fragments/dashboard.ts
+++ b/src/graph/fragments/dashboard.ts
@@ -29,48 +29,6 @@ export const listMetrics = {
   }
   `,
 };
-export const queryMetricsValues = {
-  variable: ["$condition: MetricsCondition!, $duration: Duration!"],
-  query: `
-  readMetricsValues: readMetricsValues(condition: $condition, duration: $duration) {
-    label
-    values {
-      values {value}
-    }
-  }`,
-};
-
-export const queryMetricsValue = {
-  variable: ["$condition: MetricsCondition!, $duration: Duration!"],
-  query: `
-  readMetricsValue: readMetricsValue(condition: $condition, duration: $duration)`,
-};
-
-export const querySortMetrics = {
-  variable: ["$condition: TopNCondition!, $duration: Duration!"],
-  query: `
-  sortMetrics: sortMetrics(condition: $condition, duration: $duration) {
-    name
-    id
-    value
-    refId
-  }`,
-};
-export const queryLabeledMetricsValues = {
-  variable: [
-    "$condition: MetricsCondition!, $labels: [String!]!, $duration: Duration!",
-  ],
-  query: `
-  readLabeledMetricsValues: readLabeledMetricsValues(
-    condition: $condition,
-    labels: $labels,
-    duration: $duration) {
-    label
-    values {
-      values {value}
-    }
-  }`,
-};
 
 export const queryHeatMap = {
   variable: ["$condition: MetricsCondition!, $duration: Duration!"],
@@ -86,13 +44,3 @@ export const queryHeatMap = {
     }
   }`,
 };
-export const querySampledRecords = {
-  variable: ["$condition: TopNCondition!, $duration: Duration!"],
-  query: `
-  readSampledRecords: readSampledRecords(condition: $condition, duration: $duration) {
-    id
-    name
-    value
-    refId
-  }`,
-};
diff --git a/src/graph/query/dashboard.ts b/src/graph/query/dashboard.ts
index 3609d0a4..9717f42e 100644
--- a/src/graph/query/dashboard.ts
+++ b/src/graph/query/dashboard.ts
@@ -16,12 +16,7 @@
  */
 import {
   TypeOfMetrics,
-  querySampledRecords,
   queryHeatMap,
-  queryLabeledMetricsValues,
-  querySortMetrics,
-  queryMetricsValue,
-  queryMetricsValues,
   listMetrics,
 } from "../fragments/dashboard";
 
@@ -29,15 +24,4 @@ export const queryTypeOfMetrics = `query typeOfMetrics(${TypeOfMetrics.variable}
 
 export const readHeatMap = `query queryData(${queryHeatMap.variable}) {${queryHeatMap.query}}`;
 
-export const readSampledRecords = `query queryData(${querySampledRecords.variable}) {${querySampledRecords.query}}`;
-
-export const readLabeledMetricsValues = `query queryData(${queryLabeledMetricsValues.variable}) {
-  ${queryLabeledMetricsValues.query}}`;
-
-export const sortMetrics = `query queryData(${querySortMetrics.variable}) {${querySortMetrics.query}}`;
-
-export const readMetricsValue = `query queryData(${queryMetricsValue.variable}) {${queryMetricsValue.query}}`;
-
-export const readMetricsValues = `query queryData(${queryMetricsValues.variable}) {${queryMetricsValues.query}}`;
-
 export const queryMetrics = `query queryData(${listMetrics.variable}) {${listMetrics.query}}`;
diff --git a/src/views/dashboard/graphs/InstanceList.vue b/src/views/dashboard/graphs/InstanceList.vue
index 0d05251b..b98b9442 100644
--- a/src/views/dashboard/graphs/InstanceList.vue
+++ b/src/views/dashboard/graphs/InstanceList.vue
@@ -46,6 +46,11 @@ limitations under the License. -->
           </router-link>
         </template>
       </el-table-column>
+      <el-table-column label="metric">
+        <template #default="scope">
+          {{ scope.row.label }}
+        </template>
+      </el-table-column>
     </el-table>
     <el-pagination
       class="pagination"
@@ -68,10 +73,6 @@ import { InstanceListConfig } from "@/types/dashboard";
 
 /*global defineProps */
 defineProps({
-  data: {
-    type: Object as PropType<{ [key: string]: number[] }>,
-    default: () => ({}),
-  },
   config: {
     type: Object as PropType<InstanceListConfig>,
     default: () => ({ dashboardName: "", fontSize: 12 }),