added select input to header

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

@@ -92,6 +92,7 @@ const dragger = ref<Nullable<HTMLSpanElement>>(null);
 // const method = ref<number>(380);
 // props.type === "browser" ? BrowserLogConstants : ServiceLogConstants;
 const columns = ref<any[]> (useLogStore.serviceLogColumn);
+// const portalVisibleDefaultCols:string[] = ['Service', 'Instance','Content']
 
 const visibleColumns = computed(() =>
   columns.value.filter((column) => column.isVisible)

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

@@ -39,7 +39,7 @@ limitations under the License. -->
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 import dayjs from "dayjs";
-import { ServiceLogConstants } from "./data";
+// import { ServiceLogConstants } from "./data";
 import { logStore } from "@/store/modules/log";
 /*global defineProps, defineEmits */
 const props = defineProps({

src/views/dashboard/related/log/Header.vue

@@ -14,6 +14,24 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="flex-h log-wrapper">
+  <div style="display: inline-block; margin-left: 20px">
+    <p style="margin-left: 10px">use collapse-tags-tooltip</p>
+    <el-select
+      v-model="selectedColumns"
+      multiple
+      collapse-tags
+      collapse-tags-tooltip
+      placeholder="Select"
+      style="width: 240px"
+    >
+      <el-option
+        v-for="item in logStore.serviceLogColumn"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+  </div>
     <div v-if="!currentSearchTerm.length" class="flex-h items-center">
       <div v-for="(item, index) in arrayOfFilters" :key="index">
         <el-tooltip
@@ -214,6 +232,7 @@ const appStore = useAppStoreWithOut();
 const selectorStore = useSelectorStore();
 const dashboardStore = useDashboardStore();
 const logStore = useLogStore();
+const selectedColumns = ref<any[]>([])
 const traceId = ref<string>("");
 const keywordsOfContent = ref<string[]>([]);
 const excludingKeywordsOfContent = ref<string[]>([]);