From 72ab1534ae5c59cbee5d1c26f206c7b694f6cefa Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Fri, 20 May 2022 23:49:11 +0100
Subject: [PATCH] fixed unknown export member issues

---
 src/store/modules/log.ts                      |  7 +--
 src/types/log-column.d.ts                     |  6 +--
 .../related/components/LogTable/Index.vue     | 47 ++-----------------
 3 files changed, 11 insertions(+), 49 deletions(-)

diff --git a/src/store/modules/log.ts b/src/store/modules/log.ts
index 785c29f4..c63a5445 100644
--- a/src/store/modules/log.ts
+++ b/src/store/modules/log.ts
@@ -17,7 +17,8 @@
 import { defineStore } from "pinia";
 import { Duration } from "@/types/app";
 import { Instance, Endpoint, Service } from "@/types/selector";
-import { ServiceLogColumn, BrowserLogColumn } from '@/types/log-column'
+import { ServiceLogColumn, BrowserLogColumn } from "@/types/log-column";
+import { ServiceLogConstants, BrowserLogConstants } from "../data";
 import { store } from "@/store";
 import graphql from "@/graphql";
 import { AxiosResponse } from "axios";
@@ -50,8 +51,8 @@ export const logStore = defineStore({
       queryDuration: useAppStoreWithOut().durationTime,
       paging: { pageNum: 1, pageSize: 15, needTotal: true },
     },
-    serviceLogColumn: [],
-    browserLogColumn: [],
+    serviceLogColumn: [...ServiceLogConstants],
+    browserLogColumn: [...BrowserLogConstants],
     supportQueryLogsByKeywords: true,
     durationTime: useAppStoreWithOut().durationTime,
     selectorStore: useSelectorStore(),
diff --git a/src/types/log-column.d.ts b/src/types/log-column.d.ts
index 26cda88b..b4cf77fa 100644
--- a/src/types/log-column.d.ts
+++ b/src/types/log-column.d.ts
@@ -15,12 +15,12 @@
  * limitations under the License.
  */
 export interface BrowserLogColumn {
-  lable: string;
+  label: string;
   value: string;
-  isVisible?: boolean;
 }
 export interface ServiceLogColumn {
-  lable: string;
+  label: string;
   value: string;
   isVisible?: boolean;
+  methode?: any;
 }
diff --git a/src/views/dashboard/related/components/LogTable/Index.vue b/src/views/dashboard/related/components/LogTable/Index.vue
index 087e56d7..22af9716 100644
--- a/src/views/dashboard/related/components/LogTable/Index.vue
+++ b/src/views/dashboard/related/components/LogTable/Index.vue
@@ -72,10 +72,11 @@ limitations under the License. -->
 <script lang="ts" setup>
 import { ref, computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { ServiceLogConstants, BrowserLogConstants } from "./data";
+// import { ServiceLogConstants, BrowserLogConstants } from "./data";
 import LogBrowser from "./LogBrowser.vue";
 import LogService from "./LogService.vue";
 import LogDetail from "./LogDetail.vue";
+import { logStore } from '@/store/modules/log'
 
 /*global defineProps, Nullable */
 const props = defineProps({
@@ -83,54 +84,14 @@ const props = defineProps({
   tableData: { type: Array, default: () => [] },
   noLink: { type: Boolean, default: true },
 });
+const useLogStore = logStore()
 const { t } = useI18n();
 const currentLog = ref<any>({});
 const showDetail = ref<boolean>(false);
 const dragger = ref<Nullable<HTMLSpanElement>>(null);
 // const method = ref<number>(380);
 // props.type === "browser" ? BrowserLogConstants : ServiceLogConstants;
-const columns = ref<any[]> ([
-  {
-    label: "serviceName",
-    value: "service",
-    isVisible: true,
-  },
-  {
-    label: "serviceInstanceName",
-    value: "instance",
-    isVisible: true,
-  },
-  {
-    label: "endpointName",
-    value: "endpoint",
-    isVisible: false,
-  },
-  {
-    label: "timestamp",
-    value: "time",
-    isVisible: true,
-  },
-  {
-    label: "contentType",
-    value: "contentType",
-    isVisible: true,
-  },
-  {
-    label: "tags",
-    value: "tags",
-    isVisible: false,
-  },
-  {
-    label: "content",
-    value: "content",
-    isVisible: true,
-  },
-  {
-    label: "traceId",
-    value: "traceID",
-    isVisible: false,
-  },
-]);
+const columns = ref<any[]> (useLogStore.serviceLogColumn);
 
 const visibleColumns = computed(() =>
   columns.value.filter((column) => column.isVisible)