From c6d991dcafc9f422dffbdd43e4dd41a5eebd5ffe Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期一, 23 十二月 2024 10:22:25 +0800 Subject: [PATCH] 分析节点 --- src/views/project/yw/systemManage/metricMgr/MetricMgr.vue | 39 ++++++++++++++++++++++++++++++++------- 1 files changed, 32 insertions(+), 7 deletions(-) diff --git a/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue b/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue index 67d2bdd..b621709 100644 --- a/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue +++ b/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue @@ -3,7 +3,7 @@ <template #header> <el-form ref="queryFormRef" :inline="true" :model="queryParams"> <el-form-item label="鍚嶇О" prop="title"> - <el-input v-model="queryParams.title" style="width: 226.4px" placeholder="鎸囨爣鍚嶇О" clearable /> + <el-input v-model="queryParams.title" style="width: 226.4px" placeholder="鎸囨爣鍚嶇О" clearable @input="selectTitleChange" /> </el-form-item> <el-form-item label="涓婚鍩�" prop="metrics_group"> <el-tree-select @@ -17,6 +17,7 @@ v-model="queryParams.metrics_group" node-key="group_id" clearable + defaultExpandAll :data="listTreeData" placeholder="璇烽�夋嫨涓婚鍩�" check-strictly @@ -25,7 +26,7 @@ </el-tree-select> </el-form-item> <el-form-item label="閲嶈鎬�" prop="metrics_important"> - <el-select v-model="queryParams.metrics_important" style="width: 186.4px" clearable> + <el-select v-model="queryParams.metrics_important" style="width: 186.4px" clearable @change="selectImportantChange"> <el-option v-for="item in Object.keys(eMetrics_Ops)" :key="item" @@ -35,7 +36,6 @@ </el-select> </el-form-item> <el-form-item> - <el-button type="primary" icon="ele-Search" @click="handleQueryTable"> 鏌ヨ </el-button> <el-button icon="ele-Refresh" @click="resetQuery">閲嶇疆 </el-button> </el-form-item> </el-form> @@ -77,7 +77,7 @@ <el-table-column label="鎿嶄綔" width="80" fixed="right" show-overflow-tooltip> <template #default="scope"> <div class="space-x-3 items-center flex"> - <el-tooltip + <!-- <el-tooltip effect="dark" :content="scope.row.published === SupervisorPublished.Y ? '鍙栨秷鍙戝竷' : '鍙戝竷'" placement="top" @@ -95,7 +95,7 @@ ) " ></i> - </el-tooltip> + </el-tooltip> --> <el-tooltip effect="dark" content="瀵硅瘽娴嬭瘯" placement="top"> <i class="ywifont ywicon-ceshi !text-[20px] text-blue-400 cursor-pointer" @click="openChatTest(scope.row)"></i> </el-tooltip> @@ -128,6 +128,7 @@ <script setup lang="ts"> import { useDraggable } from '@vueuse/core'; import axios, { CancelTokenSource } from 'axios'; +import { debounce } from 'lodash'; import { computed, nextTick, onMounted, ref } from 'vue'; import { useRouter } from 'vue-router'; import { SupervisorPublished } from '../../lowCode/sqlAmis/types'; @@ -139,8 +140,9 @@ import { useQueryTable } from '/@/hooks/useQueryTable'; import { useCompRef } from '/@/utils/types'; import { convertListToTree } from '/@/utils/util'; -import { eMetrics_Ops, eMetrics_Ops_Color } from '/@/views/types/metrics'; +import { OptClassificationMap, classificationEnum, eMetrics_Ops, eMetrics_Ops_Color } from '/@/views/types/metrics'; const router = useRouter(); + //#region ====================== 琛ㄦ牸鏁版嵁锛宼able init ====================== const tableLoading = ref(false); const tableData = ref([]); @@ -159,15 +161,38 @@ themeDomainData.value = res.groups || []; }; const listTreeData = computed(() => { - return convertListToTree(themeDomainData.value, { + const byParentData = convertListToTree(themeDomainData.value, { ID: 'group_id', Children: 'Children', ParentID: 'p_group_id', }); + const result = []; + byParentData.forEach((item) => { + if ( + item.group_type != OptClassificationMap[classificationEnum.Office] && + item.group_type != OptClassificationMap[classificationEnum.Knowledge] + ) { + result.push(item); + } + }); + return result; }); +const debounceQuery = debounce(() => handleQueryTable(), 500); +//鎸夋寚鏍囧悕绉版煡璇� +const selectTitleChange = (val) => { + debounceQuery(); +}; +//鎸変富棰樺煙鏌ヨ const selectMetricsChange = (val) => { queryParams.value.metrics_group = val; + handleQueryTable(); }; +//鎸夐噸瑕佹�ф煡璇� +const selectImportantChange = (val) => { + queryParams.value.metrics_important = val; + handleQueryTable(); +}; + const queryParams = ref({ title: '', metrics_group: '', -- Gitblit v1.9.3