update log

src/hooks/useEcharts.ts

@@ -96,7 +96,6 @@ export function useECharts(
   }
 
   function setOptions(options: ECOption, clear = true) {
-    console.log(options);
     cacheOptions.value = options;
     if (unref(elRef)?.offsetHeight === 0) {
       useTimeoutFn(() => {

src/locales/lang/en.ts

@@ -122,8 +122,8 @@ const msg = {
   viewWarning: "You are entering view mode",
   virtualDatabase: "Virtual Database",
   reloadDashboards: "Reload dashboards",
-  kubernetesService: "Kubernetes Service",
-  kubernetesCluster: "Kubernetes Cluster",
+  kubernetesService: "Service",
+  kubernetesCluster: "Cluster",
   kubernetes: "Kubernetes",
   hourTip: "Select Hour",
   minuteTip: "Select Minute",

src/locales/lang/zh.ts

@@ -122,8 +122,8 @@ const msg = {
   viewWarning: "你正在进入预览模式",
   virtualDatabase: "虚拟数据库",
   reloadDashboards: "重新加载仪表盘",
-  kubernetesService: "Kubernetes服务",
-  kubernetesCluster: "Kubernetes集群",
+  kubernetesService: "服务",
+  kubernetesCluster: "集群",
   kubernetes: "Kubernetes",
   hourTip: "选择小时",
   minuteTip: "选择分钟",

src/views/dashboard/configuration/Widget.vue

@@ -136,7 +136,7 @@ export default defineComponent({
     }
 
     function setStatus(p: boolean) {
-      isEdit.value = p;
+      isEdit.value = true;
     }
 
     function cancelConfig() {

src/views/dashboard/graphs/EndpointList.vue

@@ -111,7 +111,7 @@ const props = defineProps({
   intervalTime: { type: Array as PropType<string[]>, default: () => [] },
   isEdit: { type: Boolean, default: false },
 });
-const emit = defineEmits(["changeOpt"]);
+// const emit = defineEmits(["changeOpt"]);
 const selectorStore = useSelectorStore();
 const dashboardStore = useDashboardStore();
 const chartLoading = ref<boolean>(false);
@@ -187,8 +187,10 @@ async function searchList() {
 watch(
   () => [props.config.metricTypes, props.config.metrics],
   async () => {
-    await queryEndpointMetrics(endpoints.value);
-    emit("changeOpt", false);
+    if (props.isEdit) {
+      queryEndpointMetrics(endpoints.value);
+    }
+    // emit("changeOpt", false);
   }
 );
 watch(

src/views/dashboard/graphs/InstanceList.vue

@@ -128,6 +128,7 @@ const props = defineProps({
   },
   intervalTime: { type: Array as PropType<string[]>, default: () => [] },
   needQuery: { type: Boolean, default: false },
+  isEdit: { type: Boolean, default: false },
 });
 const selectorStore = useSelectorStore();
 const dashboardStore = useDashboardStore();
@@ -151,14 +152,11 @@ async function queryInstance() {
   }
   searchInstances.value = selectorStore.pods;
   instances.value = searchInstances.value.splice(0, pageSize);
-  if (!instances.value.length || props.config.isEdit) {
-    return;
-  }
   queryInstanceMetrics(instances.value);
 }
 
 async function queryInstanceMetrics(currentInstances: Instance[]) {
-  if (!instances.value.length) {
+  if (!currentInstances.length) {
     return;
   }
   const { metrics } = props.config;

src/views/dashboard/graphs/ServiceList.vue

@@ -122,6 +122,7 @@ const props = defineProps({
     default: () => ({ dashboardName: "", fontSize: 12 }),
   },
   intervalTime: { type: Array as PropType<string[]>, default: () => [] },
+  isEdit: { type: Boolean, default: false },
 });
 const selectorStore = useSelectorStore();
 const dashboardStore = useDashboardStore();
@@ -143,9 +144,6 @@ async function queryServices() {
     ElMessage.error(resp.errors);
   }
   setServices(selectorStore.services);
-  if (!services.value.length || props.config.isEdit) {
-    return;
-  }
   queryServiceMetrics(services.value);
 }
 
@@ -182,7 +180,6 @@ function setServices(arr: (Service & { merge: boolean })[]) {
   services.value = sortServices.value.filter(
     (d: Service, index: number) => index < pageSize
   );
-  console.log(services.value);
 }
 
 function clickService(scope: any) {
@@ -200,6 +197,9 @@ function clickService(scope: any) {
   router.push(path);
 }
 async function queryServiceMetrics(currentServices: Service[]) {
+  if (!currentServices.length) {
+    return;
+  }
   const { metrics } = props.config;
 
   if (metrics.length && metrics[0]) {
@@ -253,9 +253,6 @@ function searchList() {
 watch(
   () => [props.config.metricTypes, props.config.metrics],
   () => {
-    if (!services.value.length) {
-      return;
-    }
     queryServiceMetrics(services.value);
   }
 );

src/views/dashboard/related/components/LogTable/Index.vue

@@ -114,6 +114,7 @@ function setCurrentLog(log: any) {
   }
 
   .serviceInstanceName,
+  .endpointName,
   .serviceName {
     width: 200px;
   }

src/views/dashboard/related/components/LogTable/LogService.vue

@@ -82,6 +82,7 @@ function showSelectSpan() {
   }
 
   .serviceInstanceName,
+  .endpointName,
   .serviceName {
     width: 200px;
   }
@@ -98,6 +99,7 @@ function showSelectSpan() {
   border: 1px solid transparent;
   border-right: 1px dotted silver;
   overflow: hidden;
+  height: 30px;
   line-height: 30px;
   text-overflow: ellipsis;
   white-space: nowrap;

src/views/dashboard/related/components/LogTable/data.ts

@@ -24,6 +24,10 @@ export const ServiceLogConstants = [
     label: "serviceInstanceName",
     value: "instance",
   },
+  {
+    label: "endpointName",
+    value: "endpoint",
+  },
   {
     label: "timestamp",
     value: "time",