From 4d2f19f93456352ef49c0382227f6c7ecf2c55b4 Mon Sep 17 00:00:00 2001 From: yangyin <1850366751@qq.com> Date: 星期三, 16 十月 2024 11:04:34 +0800 Subject: [PATCH] 新增推荐问题页面 --- src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue | 99 ++++++++++++++++++------------------------------- 1 files changed, 36 insertions(+), 63 deletions(-) diff --git a/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue b/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue index 8a089d8..590f93d 100644 --- a/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue +++ b/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue @@ -24,7 +24,7 @@ <template #main> <div class="w100 h100" v-show="tableHasChildren"> <el-tabs v-model="activeTabName" class="h-full" @tab-change="handleClick"> - <el-tab-pane label="鏁版嵁闆嗙鐞�" name="dataset" class="h-full"> + <el-tab-pane label="鎸囨爣绠$悊" name="dataset" class="h-full"> <div class="h-full"> <el-table v-loading="tableLoading" @@ -89,46 +89,6 @@ </div> </div> </el-tab-pane> - <el-tab-pane label="缁村害绠$悊" name="tagObject" class="h-full"> - <div class="h-full"> - <el-table - v-loading="tableLoading" - ref="draggableTableRef" - class="h100" - border - :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'" - :data="tagObjectDData" - highlight-current-row - > - <el-table-column label="鍚嶇О" prop="title" width="200" fixed="left" show-overflow-tooltip> </el-table-column> - <el-table-column label="鎻忚堪" prop="creator" show-overflow-tooltip> </el-table-column> - <el-table-column label="鐘舵��" prop="create_time" width="125" show-overflow-tooltip> </el-table-column> - <el-table-column label="鍒涘缓浜�" prop="published" width="100" show-overflow-tooltip> </el-table-column> - <el-table-column label="鏇存柊鏃堕棿" prop="note" show-overflow-tooltip width="150"> </el-table-column> - <el-table-column label="鎿嶄綔" width="80" fixed="right" show-overflow-tooltip> </el-table-column> - </el-table> - </div> - </el-tab-pane> - <el-tab-pane label="鏈绠$悊" name="terminology" class="h-full"> - <div class="h-full"> - <el-table - v-loading="tableLoading" - ref="draggableTableRef" - class="h100" - border - :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'" - :data="terminologyData" - highlight-current-row - > - <el-table-column label="鍚嶇О" prop="title" width="200" fixed="left" show-overflow-tooltip> </el-table-column> - <el-table-column label="杩戜箟璇�" prop="creator" show-overflow-tooltip> </el-table-column> - <el-table-column label="鍒涘缓浜�" prop="create_time" width="125" show-overflow-tooltip> </el-table-column> - <el-table-column label="鏇存柊鏃堕棿" prop="published" width="100" show-overflow-tooltip> </el-table-column> - <el-table-column label="鎻忚堪" prop="note" show-overflow-tooltip width="150"> </el-table-column> - <el-table-column label="鎿嶄綔" width="80" fixed="right" show-overflow-tooltip> </el-table-column> - </el-table> - </div> - </el-tab-pane> <el-tab-pane label="鏉冮檺绠$悊" name="permission" class="h-full"> <div class="h-full"> <div class="flex items-center justify-between set-permission box-border"> @@ -156,17 +116,23 @@ </el-tab-pane> </el-tabs> </div> - <div class="w100 h100" v-show="!tableHasChildren"> + <div class="w100 h100 relative" v-show="!tableHasChildren && activeTabName === 'dataset'"> + <div class="absolute top-0 right-0 w-[112px] h-[24[x]] bg-white z-50 leading-3 pt-2"> + <el-radio-group v-model="canvasRadio" size="small"> + <el-radio-button label="鍒楄〃" value="canvas_list" /> + <el-radio-button label="鐢诲竷" value="canvas_tu" /> + </el-radio-group> + </div> <el-tabs v-model="activeModelName" class="h-full" @tab-change="handleClick"> <el-tab-pane label="妯″瀷绠$悊" name="modelName" class="h-full"> - <div class="h-full"> + <div class="h-full" v-show="canvasRadio === 'canvas_list'"> <el-table v-loading="tableLoading" ref="draggableTableRef" class="h100" border :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'" - :data="displayTableData" + :data="modelTableData" highlight-current-row > <el-table-column prop="title" label="妯″瀷鍚嶇О" width="300" fixed="left" show-overflow-tooltip> </el-table-column> @@ -213,6 +179,7 @@ <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat> </div> </div> + <div class="h-full" v-show="canvasRadio === 'canvas_tu'"></div> </el-tab-pane> </el-tabs> </div> @@ -241,19 +208,27 @@ import { useQueryTable } from '/@/hooks/useQueryTable'; import { useCompRef } from '/@/utils/types'; import { convertListToTree } from '/@/utils/util'; - +import { OptClassificationMap, classificationEnum } from '/@/views/types/metrics'; //#region ====================== 宸︿晶鏍戞暟鎹紝tree init ====================== const leftTreeRef = useCompRef(LeftTreeByMgr); const treeLoading = ref(false); const listData = ref([]); const currentListID = computed(() => currentNode.value?.group_id); const currentNode = ref(null); - const listTreeData = computed(() => { - const result = convertListToTree(listData.value, { + const byParentData = convertListToTree(listData.value, { ID: 'group_id', ParentID: 'p_group_id', Children: 'children', + }); + const result = []; + byParentData.forEach((item) => { + if ( + item.group_type != OptClassificationMap[classificationEnum.Office] && + item.group_type != OptClassificationMap[classificationEnum.Knowledge] + ) { + result.push(item); + } }); return result; }); @@ -284,27 +259,24 @@ } }; //#endregion -//#region ====================== 琛ㄦ牸鏁版嵁锛宼able init ====================== +//#region ====================== 鎸囨爣绠$悊琛ㄦ牸鏁版嵁锛宼able init ====================== const tableLoading = ref(false); const tableData = ref([]); const isDragStatus = ref(false); +const metricStatus = ref(false); const allTableData = ref(null); const getTableData = async () => { if (!allTableData.value) { const res = await metricApi.getMetricAgentListByPost(); allTableData.value = (res.values || []).map((item) => { item.create_time = item.create_time?.slice(0, 10); - return item; }); } - tableData.value = allTableData.value.filter((item) => item.agent_group === currentListID.value); }; //#endregion - //#region ====================== 琛ㄦ牸鏌ヨ銆佹帓搴忥紝search form init ====================== - const queryParams = ref({ title: '', }); @@ -318,14 +290,16 @@ const tableHasChildren = ref(false); const handleClick = (tabName) => { activeTabName.value = tabName; + switch (tabName) { + case 'dataset': + if (metricStatus.value) return; + getTableData(); + metricStatus.value = true; + break; + case 'permission': + break; + } }; - -//#endregion -//#region ====================== 鏁版嵁瀵硅薄绠$悊 ====================== -const tagObjectDData = ref([]); -//#endregion -//#region ====================== 鏈绠$悊 ====================== -const terminologyData = ref([]); //#endregion //#region ====================== 鏉冮檺绠$悊 ====================== const permissionForm = ref({ @@ -339,6 +313,8 @@ //#endregion //#region ====================== 妯″瀷绠$悊(娌℃湁鐖惰妭鐐�) ====================== const activeModelName = ref('modelName'); +const canvasRadio = ref('canvas_list'); +const modelTableData = ref([]); const deleteModelData = (row) => {}; const getNodeTableData = () => {}; //#endregion @@ -432,12 +408,8 @@ chatTestMapRow.value = null; chatTestIsShow.value = false; }; - const draggableChatRef = ref<HTMLElement | null>(null); const chatDragHandlerRef = ref<HTMLDivElement>(null); -const chatDragContainerRef = ref<HTMLDivElement>(null); - -// `style` will be a helper computed for `left: ?px; top: ?px;` const { x, y, style } = useDraggable(draggableChatRef, { handle: chatDragHandlerRef, initialValue: { @@ -487,6 +459,7 @@ metricNameIsShow.value = true; }; //#endregion + onMounted(() => { getListTreeData(); }); -- Gitblit v1.9.3