From 078ee7cc8f829607ca554272dd09e6d31f968eab Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期一, 14 十月 2024 11:09:15 +0800
Subject: [PATCH] 新增模型管理
---
src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue | 381 ++++++++++++++++++++++++++++++------------------------
1 files changed, 211 insertions(+), 170 deletions(-)
diff --git a/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue b/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue
index 1fc4160..8a089d8 100644
--- a/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue
+++ b/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue
@@ -22,174 +22,200 @@
</LeftTreeByMgr>
</template>
<template #main>
- <el-tabs v-model="activeTabName" class="h-full" @tab-change="handleClick">
- <el-tab-pane label="鏁版嵁闆嗙鐞�" name="dataset" 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="displayTableData"
- highlight-current-row
- >
- <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>
- <template #default="scope">
- <el-tag :type="scope.row.published === SupervisorPublished.Y ? 'primary' : 'info'">{{
- supervisorPublishedMap[scope.row.published]
- }}</el-tag>
- </template>
- </el-table-column>
+ <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">
+ <div class="h-full">
+ <el-table
+ v-loading="tableLoading"
+ ref="draggableTableRef"
+ class="h100"
+ border
+ :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'"
+ :data="displayTableData"
+ highlight-current-row
+ >
+ <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>
+ <template #default="scope">
+ <el-tag :type="scope.row.published === SupervisorPublished.Y ? 'primary' : 'info'">{{
+ supervisorPublishedMap[scope.row.published]
+ }}</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>
- <template #default="scope">
- <div class="space-x-3 items-center flex">
- <el-tooltip effect="dark" content="鏌ョ湅鎻愮ず璇�" placement="top">
- <i
- class="ywifont ywicon-tishici !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-zhibiao !text-[17px] text-blue-400 cursor-pointer"
- @click="openMetricNameDlg(scope.row)"
- ></i>
- </el-tooltip>
+ <el-table-column label="澶囨敞" prop="note" show-overflow-tooltip> </el-table-column>
+ <el-table-column label="鎿嶄綔" width="200" 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-tishici !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-zhibiao !text-[17px] text-blue-400 cursor-pointer"
+ @click="openMetricNameDlg(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 ? '鍙栨秷鍙戝竷' : '鍙戝竷'"
- placement="top"
- >
- <i
- class="ywifont !text-[20px] cursor-pointer"
- :class="[
- scope.row.published === SupervisorPublished.Y ? 'ywicon-quxiaofabu text-red-400' : 'ywicon-fabu text-blue-400',
- ]"
- @click="
- publishStatusChange(
- scope.row.published === SupervisorPublished.Y ? SupervisorPublished.N : SupervisorPublished.Y,
- scope.row.id,
- scope.$index
- )
- "
- ></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>
+ </el-table>
+ <div
+ v-if="chatTestIsShow"
+ ref="draggableChatRef"
+ :style="style"
+ class="fixed z-50 w-[700px] h-[800px] flex flex-col bg-[rgb(239,244,253)] right-0 bottom-0 rounded-lg"
+ >
+ <div ref="chatDragHandlerRef" class="flex-0">
+ <div class="flex items-center justify-between py-2 px-4">
+ <div class="font-bold cursor-move">
+ WI姘村姟鏅鸿兘绠″鈥斺�斻�恵{ chatTestMapRow?.title }}銆戞祴璇�
+ <!-- <img src="/static/images/logo/logo-mini.svg" width="10" height="10" /> -->
+ </div>
+ <i class="ywifont ywicon-guanbi font-[10px] font-bold cursor-pointer" @click="closeChatTest"></i>
</div>
- </template>
- </el-table-column>
- </el-table>
- <div
- v-if="chatTestIsShow"
- ref="draggableChatRef"
- :style="style"
- class="fixed z-50 w-[700px] h-[800px] flex flex-col bg-[rgb(239,244,253)] right-0 bottom-0 rounded-lg"
- >
- <div ref="chatDragHandlerRef" class="flex-0">
- <div class="flex items-center justify-between py-2 px-4">
- <div class="font-bold cursor-move">
- WI姘村姟鏅鸿兘绠″鈥斺�斻�恵{ chatTestMapRow?.title }}銆戞祴璇�
- <!-- <img src="/static/images/logo/logo-mini.svg" width="10" height="10" /> -->
- </div>
- <i class="ywifont ywicon-guanbi font-[10px] font-bold cursor-pointer" @click="closeChatTest"></i>
</div>
+ <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat>
</div>
- <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat>
</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="displayTableData"
- highlight-current-row
- >
- <el-table-column label="鏍囩瀵硅薄" prop="title" width="100" 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="displayTableData"
- highlight-current-row
- >
- <el-table-column label="鍚嶇О" prop="title" width="100" 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">
- <div class="font-500 text-[16px] text-[#000000e0]">閭�璇锋垚鍛�</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-form label-position="top" label-width="auto" :model="permissionForm" class="set-form">
- <el-form-item label="绠＄悊鍛樺皢鎷ユ湁涓婚鍩熶笅鎵�鏈夌紪杈戝強璁块棶鏉冮檺" class="set-form-item">
- <el-select v-model="permissionForm.accessPermissions" autocomplete="off" clearable>
- <el-option v-for="item in accessPermissionsData" :key="item" :value="parseInt(item)" :label="item.label">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鎸夌粍缁�">
- <el-select v-model="permissionForm.byOrganization" autocomplete="off" clearable>
- <el-option v-for="item in byOrganizationData" :key="item" :value="parseInt(item)" :label="item.label"> </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鎸変釜浜�">
- <el-select v-model="permissionForm.byIndividual" autocomplete="off" clearable>
- <el-option v-for="item in byIndividualData" :key="item" :value="parseInt(item)" :label="item.label"> </el-option>
- </el-select>
- </el-form-item>
- </el-form>
- </div>
- </el-tab-pane>
- </el-tabs>
+ </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">
+ <div class="font-500 text-[16px] text-[#000000e0]">閭�璇锋垚鍛�</div>
+ </div>
+ <el-form label-position="top" label-width="auto" :model="permissionForm" class="set-form">
+ <el-form-item label="绠＄悊鍛樺皢鎷ユ湁涓婚鍩熶笅鎵�鏈夌紪杈戝強璁块棶鏉冮檺" class="set-form-item">
+ <el-select v-model="permissionForm.accessPermissions" autocomplete="off" clearable>
+ <el-option v-for="item in accessPermissionsData" :key="item" :value="parseInt(item)" :label="item.label">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鎸夌粍缁�">
+ <el-select v-model="permissionForm.byOrganization" autocomplete="off" clearable>
+ <el-option v-for="item in byOrganizationData" :key="item" :value="parseInt(item)" :label="item.label"> </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鎸変釜浜�">
+ <el-select v-model="permissionForm.byIndividual" autocomplete="off" clearable>
+ <el-option v-for="item in byIndividualData" :key="item" :value="parseInt(item)" :label="item.label"> </el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+ <div class="w100 h100" v-show="!tableHasChildren">
+ <el-tabs v-model="activeModelName" class="h-full" @tab-change="handleClick">
+ <el-tab-pane label="妯″瀷绠＄悊" name="modelName" 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="displayTableData"
+ highlight-current-row
+ >
+ <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>
+ <template #default="scope">
+ <el-tag :type="scope.row.published === SupervisorPublished.Y ? 'primary' : 'info'">{{
+ supervisorPublishedMap[scope.row.published]
+ }}</el-tag>
+ </template>
+ </el-table-column>
+
+ <el-table-column label="鍒涘缓浜�" prop="note" show-overflow-tooltip> </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>
+ <template #default="scope">
+ <div class="space-x-3 items-center flex">
+ <el-tooltip effect="dark" content="鍒犻櫎" placement="top">
+ <i
+ class="ywifont ywicon-shanchu !text-[17px] text-red-400 cursor-pointer"
+ @click="deleteModelData(scope.row)"
+ ></i>
+ </el-tooltip>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div
+ v-if="chatTestIsShow"
+ ref="draggableChatRef"
+ :style="style"
+ class="fixed z-50 w-[700px] h-[800px] flex flex-col bg-[rgb(239,244,253)] right-0 bottom-0 rounded-lg"
+ >
+ <div ref="chatDragHandlerRef" class="flex-0">
+ <div class="flex items-center justify-between py-2 px-4">
+ <div class="font-bold cursor-move">
+ WI姘村姟鏅鸿兘绠″鈥斺�斻�恵{ chatTestMapRow?.title }}銆戞祴璇�
+ <!-- <img src="/static/images/logo/logo-mini.svg" width="10" height="10" /> -->
+ </div>
+ <i class="ywifont ywicon-guanbi font-[10px] font-bold cursor-pointer" @click="closeChatTest"></i>
+ </div>
+ </div>
+ <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat>
+ </div>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
</template>
<!-- <OptDlg v-model="optDlgIsShow" :item="optDlgMapRow" @insert="insertOpt" @update="updateOpt" :groupId="currentListID"></OptDlg> -->
<MetricPrompt v-model="infoDlgIsShow" :metricItem="infoDlgMapRow"></MetricPrompt>
@@ -199,15 +225,9 @@
<script setup lang="ts">
import { useDraggable } from '@vueuse/core';
-
-import { computed, onMounted, ref } from 'vue';
-import { usePageDisplay } from '/@/hooks/usePageDisplay';
-import { useQueryTable } from '/@/hooks/useQueryTable';
-// import { useTableSort } from '/@/hooks/useTableSort';
-// import { useValidateUniqueness } from '/@/hooks/useValidateUniqueness';
import axios, { CancelTokenSource } from 'axios';
import { ElMessage } from 'element-plus';
-import { nextTick } from 'vue';
+import { computed, nextTick, onMounted, ref } from 'vue';
import { SupervisorPublished, supervisorPublishedMap } from '../../lowCode/sqlAmis/types';
import MetricName from './optDlg/MetricName.vue';
import MetricPrompt from './optDlg/MetricPrompt.vue';
@@ -217,6 +237,8 @@
import Chat from '/@/components/chat/Chat.vue';
import AMContainer from '/@/components/layout/AMContainer.vue';
import LeftTreeByMgr from '/@/components/tree/leftTreeByMgr.vue';
+import { usePageDisplay } from '/@/hooks/usePageDisplay';
+import { useQueryTable } from '/@/hooks/useQueryTable';
import { useCompRef } from '/@/utils/types';
import { convertListToTree } from '/@/utils/util';
@@ -235,13 +257,20 @@
});
return result;
});
-
const handleClickNode = (data) => {
nextTick(() => {
leftTreeRef.value?.treeRef.setCurrentKey(data.id);
});
currentNode.value = data;
- getTableData();
+ if (data.children.length > 0) {
+ // 濡傛灉鏄埗鑺傜偣锛岃烦杞埌鐖惰妭鐐归〉闈�
+ tableHasChildren.value = true;
+ getTableData();
+ } else {
+ // 濡傛灉鏄瓙鑺傜偣锛岃烦杞埌瀛愯妭鐐归〉闈�
+ tableHasChildren.value = false;
+ getNodeTableData();
+ }
};
const getListTreeData = async () => {
const res = await agentGroupApi.getSceneGroupTreeByPost();
@@ -286,10 +315,17 @@
//#endregion
//#region ====================== tab鍒囨崲鏁版嵁婧� ======================
const activeTabName = ref('dataset');
+const tableHasChildren = ref(false);
const handleClick = (tabName) => {
activeTabName.value = tabName;
};
+//#endregion
+//#region ====================== 鏁版嵁瀵硅薄绠＄悊 ======================
+const tagObjectDData = ref([]);
+//#endregion
+//#region ====================== 鏈绠＄悊 ======================
+const terminologyData = ref([]);
//#endregion
//#region ====================== 鏉冮檺绠＄悊 ======================
const permissionForm = ref({
@@ -301,6 +337,11 @@
const byOrganizationData = ref([]);
const byIndividualData = ref([]);
//#endregion
+//#region ====================== 妯″瀷绠＄悊(娌℃湁鐖惰妭鐐�) ======================
+const activeModelName = ref('modelName');
+const deleteModelData = (row) => {};
+const getNodeTableData = () => {};
+//#endregion
//#region ====================== 鏌ヨ蹇嵎閿� ======================
const queryFormRef = ref(null);
const pressEnterSearch = (ev: KeyboardEvent) => {
--
Gitblit v1.9.3