From bf3e0634ddd422751cedd99ef358dcae86babb9c Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期五, 18 十月 2024 10:29:39 +0800
Subject: [PATCH] 修改指标执行器输入框查询
---
src/views/project/yw/systemManage/metricMgr/MetricMgr.vue | 35 ++++++++++++++++++++++++++++++-----
1 files changed, 30 insertions(+), 5 deletions(-)
diff --git a/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue b/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue
index 17311ae..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>
@@ -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