From 0bb7dffa90bfa3bd5ad04b75da9c31d21347c668 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 13 一月 2025 17:06:02 +0800
Subject: [PATCH] 用户管理页面调整
---
src/views/project/yw/systemManage/metricMgr/MetricMgr.vue | 306 ++++++++++++++++++++++----------------------------
1 files changed, 135 insertions(+), 171 deletions(-)
diff --git a/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue b/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue
index b17862a..bbcc896 100644
--- a/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue
+++ b/src/views/project/yw/systemManage/metricMgr/MetricMgr.vue
@@ -2,14 +2,41 @@
<HMContainer type="card">
<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-form-item label="鍚嶇О" prop="title">
+ <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
+ filterable
+ style="width: 206.4px"
+ :props="{
+ id: 'group_id',
+ label: 'group_name',
+ children: 'Children',
+ }"
+ v-model="queryParams.metrics_group"
+ node-key="group_id"
+ clearable
+ defaultExpandAll
+ :data="listTreeData"
+ placeholder="璇烽�夋嫨涓婚鍩�"
+ check-strictly
+ @change="selectMetricsChange"
+ >
+ </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 @change="selectImportantChange">
+ <el-option
+ v-for="item in Object.keys(eMetrics_Ops)"
+ :key="item"
+ :value="parseInt(item)"
+ :label="eMetrics_Ops[item]"
+ ></el-option>
+ </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-button icon="ele-Plus" @click="openOptDlg()"> 娣诲姞 </el-button> -->
</el-form-item>
</el-form>
</template>
@@ -23,58 +50,43 @@
:row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'"
:data="displayTableData"
highlight-current-row
+ :headerCellStyle="{ backgroundColor: 'var(--el-table-header-bg-color)', textAlign: 'center' }"
>
- <el-table-column type="expand" fixed="left">
+ <el-table-column type="index" label="搴忓彿" width="55" fixed="left" align="center"></el-table-column>
+ <el-table-column prop="id" label="鎸囨爣缂栧彿" width="225" fixed="left"></el-table-column>
+ <el-table-column prop="title" label="鎸囨爣鍚嶇О" width="150" fixed="left" show-overflow-tooltip>
<template #default="scope">
- <div class="ml-16">
- <h3 >鎸囨爣椤甸潰</h3>
- <div v-if="scope.row.supervisor">
- <div class="py-3">椤甸潰鎻愮ず璇嶏細<span class="">{{scope.row.supervisor.prompt}}</span></div>
- <el-table class="w-2/3 " :data="scope.row.supervisor.args" border>
- <el-table-column prop="name" label="鍚嶇О" show-overflow-tooltip>
-
- </el-table-column>
- <el-table-column prop="prompt" label="鍙傛暟鎻愮ず璇�" show-overflow-tooltip>
-
- </el-table-column>
- <el-table-column prop="check" label="缂虹渷鍊�" show-overflow-tooltip>
-
- </el-table-column>
-
- </el-table>
- </div>
- </div>
+ <div class="text-[#1677ff]" @click="handleClickTitleRow(scope.row)">{{ scope.row.title }}</div>
</template>
</el-table-column>
- -->
- <el-table-column prop="title" label="鏍囬" width="300" fixed="left" show-overflow-tooltip> </el-table-column>
-
- <el-table-column label="鍒涘缓浜�" prop="creator" width="100" show-overflow-tooltip> </el-table-column>
- <el-table-column label="鍒涘缓鏃堕棿" prop="create_time" width="105" show-overflow-tooltip> </el-table-column>
-
- <el-table-column label="鍙戝竷鐘舵��" prop="published" width="85" show-overflow-tooltip>
+ <el-table-column prop="full_name" label="鎸囨爣鍏ㄧО" show-overflow-tooltip width="280"> </el-table-column>
+ <el-table-column label="閲嶈鎬�" prop="metrics_important" show-overflow-tooltip width="80" align="center">
<template #default="scope">
- <el-tag :type="scope.row.published === SupervisorPublished.Y ? 'primary' : 'info'">{{
- supervisorPublishedMap[scope.row.published]
- }}</el-tag>
+ <el-tag
+ size="small"
+ :style="{
+ backgroundColor: eMetrics_Ops_Color[scope.row.metrics_important].bgColor,
+ color: eMetrics_Ops_Color[scope.row.metrics_important].fontColor,
+ borderColor: eMetrics_Ops_Color[scope.row.metrics_important].borderColor,
+ }"
+ >{{ eMetrics_Ops[scope.row.metrics_important] }}</el-tag
+ >
</template>
</el-table-column>
- <el-table-column label="澶囨敞" prop="note" show-overflow-tooltip> </el-table-column>
- <el-table-column label="鎿嶄綔" width="200" fixed="right" show-overflow-tooltip>
+ <el-table-column prop="metrics_group" label="涓婚鍩�" width="130" show-overflow-tooltip>
+ <template #default="scope">
+ {{ themeDomainMap[scope.row.metrics_group]?.group_name }}
+ </template>
+ </el-table-column>
+ <el-table-column prop="metrics_unit" label="鍗曚綅" width="70" show-overflow-tooltip> </el-table-column>
+
+ <el-table-column prop="metrics_define" width="180" label="鎸囨爣瀹氫箟" show-overflow-tooltip> </el-table-column>
+ <el-table-column prop="calcu_method" label="鎸囨爣璁＄畻鍏紡" width="180" show-overflow-tooltip> </el-table-column>
+ <el-table-column prop="metrics_type" label="绫诲埆" show-overflow-tooltip width="120" align="center"> </el-table-column>
+ <el-table-column label="鎿嶄綔" width="80" fixed="right" show-overflow-tooltip>
<template #default="scope">
<div class="space-x-3 items-center flex">
- <el-tooltip effect="dark" content="鎻愮ず璇�" placement="top">
- <i class="ywifont ywicon-didaima !text-[21px] text-blue-400 cursor-pointer" @click="openCopyPrompt(scope.row)"></i>
- </el-tooltip>
- <!-- <el-tooltip effect="dark" content="鏁版嵁瀵规帴" placement="top">
- <i class="ywifont ywicon-sjdj !text-[17px] text-blue-400 cursor-pointer" @click="editSqlClick(scope.row)"></i>
- </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>
-
<!-- <el-tooltip
effect="dark"
:content="scope.row.published === SupervisorPublished.Y ? '鍙栨秷鍙戝竷' : '鍙戝竷'"
@@ -93,23 +105,10 @@
)
"
></i>
- </el-tooltip>
- <el-tooltip effect="dark" content="缂栬緫" placement="top">
- <i class="ywifont ywicon-bianji !text-[15px] text-blue-400 cursor-pointer" @click="openOptDlg(scope.row)"></i>
- </el-tooltip>
- <el-tooltip effect="dark" content="鍒犻櫎" placement="top">
- <i
- class="ywifont ywicon-shanchu !text-[17px] text-red-400 cursor-pointer"
- @click="
- () => {
- deleteCurrentRow(scope.row, '椤甸潰', metricApi.deleteSupervisor, () => {
- const foundIndex = tableData.findIndex((item) => item === scope.row);
- foundIndex > -1 && tableData.splice(foundIndex, 1);
- });
- }
- "
- ></i>
</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>
</div>
</template>
</el-table-column>
@@ -133,61 +132,98 @@
</div>
</div>
</template>
-
- <!-- <OptDlg v-model="optDlgIsShow" :item="optDlgMapRow" @insert="insertOpt" @update="updateOpt" :groupId="currentListID"></OptDlg> -->
- <MetricPrompt v-model="infoDlgIsShow" :metricItem="infoDlgMapRow"></MetricPrompt>
</HMContainer>
</template>
<script setup lang="ts">
import { useDraggable } from '@vueuse/core';
-import { deleteCurrentRow } from '/@/utils/util';
-
-import { onMounted, ref } from 'vue';
+import type { CancelTokenSource } from 'axios';
+import axios from 'axios';
+import { debounce } from 'lodash';
+import { computed, nextTick, onMounted, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import type { SupervisorPublished } from '../../lowCode/sqlAmis/types';
+import * as agentGroupApi from '/@/api/ai/agentGroup';
+import * as metricApi from '/@/api/metrics';
+import Chat from '/@/components/chat/Chat.vue';
+import HMContainer from '/@/components/layout/HMContainer.vue';
import { usePageDisplay } from '/@/hooks/usePageDisplay';
import { useQueryTable } from '/@/hooks/useQueryTable';
-// import { useTableSort } from '/@/hooks/useTableSort';
-// import { useValidateUniqueness } from '/@/hooks/useValidateUniqueness';
-import { ElMessage } from 'element-plus';
-import { nextTick } from 'vue';
-import OptDlg from './optDlg/OptDlg.vue';
-import * as metricApi from '/@/api/metric';
-import { checkSupervisorValidate, updatePublishStatus } from '/@/api/supervisorAdmin';
-import Chat from '/@/components/chat/Chat.vue';
-import { gotoRoute } from '/@/utils/route';
import { useCompRef } from '/@/utils/types';
-
-import axios, { CancelTokenSource } from 'axios';
-import HMContainer from '/@/components/layout/HMContainer.vue';
-import { useUpdateData } from '/@/hooks/useUpdateData';
-import { SupervisorPublished, supervisorPublishedMap } from '../../lowCode/sqlAmis/types';
-import MetricPrompt from './optDlg/MetricPrompt.vue';
+import { convertListToTree, getItemMap } from '/@/utils/util';
+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([]);
const isDragStatus = ref(false);
-const allTableData = ref(null);
const getTableData = async () => {
- const res = await metricApi.getMetricAgentListByPost();
- allTableData.value = (res.values || []).map((item) => {
- item.create_time = item.create_time?.slice(0, 10);
-
- return item;
- });
- tableData.value = res?.values ?? [];
+ const res = await metricApi.getMetricNameListByPost();
+ const data = res?.values ?? [];
+ tableData.value = data;
};
//#endregion
//#region ====================== 琛ㄦ牸鏌ヨ銆佹帓搴忥紝search form init ======================
+const themeDomainData = ref([]); // 涓婚鍩熸暟鎹�
+const initThemeDomainData = async () => {
+ const res = await agentGroupApi.getSceneGroupTreeByPost();
+ themeDomainData.value = res.groups || [];
+};
+
+const themeDomainMap = computed(() => {
+ return getItemMap(themeDomainData.value, 'group_id');
+});
+const listTreeData = computed(() => {
+ 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: '',
+ metrics_important: '',
});
const { resetQuery, handleQueryTable, displayTableData } = useQueryTable(tableData, queryParams, () => {
displayTableData.value = tableData.value;
});
-
+const handleClickTitleRow = (row: any) => {
+ router.push({
+ name: 'MetricDetail',
+ query: {
+ id: row.id,
+ },
+ });
+};
//#endregion
//#region ====================== 鏌ヨ蹇嵎閿� ======================
@@ -206,74 +242,19 @@
}
);
//#endregion
-
-//#region ====================== 娣诲姞淇敼鎿嶄綔 ======================
-const optDlgIsShow = ref(false);
-const optDlgMapRow = ref(null);
-const openOptDlg = (row?: any) => {
- optDlgMapRow.value = row;
- optDlgIsShow.value = true;
-};
-
-const updateOpt = (formValue) => {
- const foundIndex = tableData.value.findIndex((item) => item.id === formValue.id);
- if (foundIndex > -1) {
- tableData.value[foundIndex] = {
- ...tableData.value[foundIndex],
- ...formValue,
- };
- }
-};
-
-const insertOpt = (newData) => {
- tableData.value.unshift({ ...newData, published: SupervisorPublished.N });
-};
-//#endregion
-
-const updatePublishedById = (id: string, published: SupervisorPublished) => {
- const row = tableData.value.find((item) => item.id === id);
- if (row) {
- row.published = published;
- }
-};
-//#region ====================== 鏀瑰彉鍙戝竷鐘舵�� ======================
-const publishStatusChange = async (published: SupervisorPublished, id, index) => {
- const res = await updatePublishStatus(
- {
- id: id,
- publish: published,
- },
- {
- loading: false,
- }
- );
- const origin = published === SupervisorPublished.Y ? SupervisorPublished.N : SupervisorPublished.Y;
- const final = res.publish ?? origin;
- if (final === origin) {
- ElMessage.warning('鎿嶄綔澶辫触' + (res.fail_msg ? `锛�${res.fail_msg}` : ''));
- return;
- }
-
- tableData.value[index].published = final;
-
- published === SupervisorPublished.Y ? ElMessage.success('鍙戝竷鎴愬姛') : ElMessage.info('宸插彇娑堝彂甯�');
-};
-//#endregion
-
-//#region ====================== Chat 娴嬭瘯 ======================
-
+//#region ====================== 鎿嶄綔鎸夐挳 娴嬭瘯 ======================
+const publishStatusChange = async (status: SupervisorPublished, id: number, index: number) => {};
const chatRef = useCompRef(Chat);
const chatTestMapRow = ref(null);
const chatTestIsShow = ref(false);
const openChatTest = (row) => {
chatTestMapRow.value = row;
chatTestIsShow.value = true;
-
nextTick(() => {
chatRef.value.clear();
- setTimeout(() => {
- chatRef.value.autoSend(row.metric_prompt);
- }, 30);
+ // setTimeout(() => {
+ // chatRef.value.autoSend(row.title);
+ // }, 30);
});
};
@@ -311,25 +292,8 @@
return res;
};
//#endregion
-
-//#region ====================== 鏇存柊鍙戝竷鐘舵�� ======================
-// useUpdateData({
-// event: 'supervisor.publish',
-// updateFun({ id, published }) {
-// updatePublishedById(id, published);
-// },
-// });
-//#endregion
-//#region ====================== prompt鏌ョ湅 ======================
-const infoDlgIsShow = ref(false);
-const infoDlgMapRow = ref([]);
-const openCopyPrompt = (row) => {
- infoDlgMapRow.value = row;
- infoDlgIsShow.value = true;
-};
-//#endregion
-
onMounted(() => {
+ initThemeDomainData();
getTableData();
});
</script>
--
Gitblit v1.9.3