From 9b5a94232d5eb17fb3b0621ad691d0cdd73db5bb Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期三, 16 十月 2024 11:14:48 +0800
Subject: [PATCH] 分组列表默认全部展开
---
src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue | 401 ++++++++++++++++++++++++++++++++++----------------------
1 files changed, 242 insertions(+), 159 deletions(-)
diff --git a/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue b/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue
index a8c4fc5..983ef48 100644
--- a/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue
+++ b/src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue
@@ -1,5 +1,5 @@
<template>
- <AHMContainer type="card">
+ <AMContainer type="card">
<template #aside>
<!-- 鐩綍鏍� -->
<LeftTreeByMgr
@@ -11,6 +11,7 @@
label: 'group_name',
children: 'children',
}"
+ defaultExpandAll
:treedata="listTreeData"
title-name="鍒嗙粍鍒楄〃"
:show-more-operate="false"
@@ -21,191 +22,231 @@
>
</LeftTreeByMgr>
</template>
- <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>
-
- <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>
<template #main>
- <div class="h-full" ref="chatDragContainerRef">
- <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 type="expand" fixed="left">
- <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 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-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>
- <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>
+ <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat>
</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>
- <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-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> -->
- </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>
+ </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 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" v-show="canvasRadio === 'canvas_list'">
+ <el-table
+ v-loading="tableLoading"
+ ref="draggableTableRef"
+ class="h100"
+ border
+ :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'"
+ :data="modelTableData"
+ 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>
+ <div class="h-full" v-show="canvasRadio === 'canvas_tu'"></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>
<MetricName v-model="metricNameIsShow" :metricItem="metricNameMapRow"></MetricName>
- </AHMContainer>
+ </AMContainer>
</template>
<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 { ElMessage } from 'element-plus';
-import { nextTick } from 'vue';
-import * as metricApi from '/@/api/metrics';
-import { updatePublishStatus } from '/@/api/supervisorAdmin';
-import Chat from '/@/components/chat/Chat.vue';
-import { useCompRef } from '/@/utils/types';
-
import axios, { CancelTokenSource } from 'axios';
+import { ElMessage } from 'element-plus';
+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';
-import AHMContainer from '/@/components/layout/AHMContainer.vue';
-import { convertListToTree } from '/@/utils/util';
-import LeftTreeByMgr from '/@/components/tree/leftTreeByMgr.vue';
import * as agentGroupApi from '/@/api/ai/agentGroup';
-
+import * as metricApi from '/@/api/metrics';
+import { updatePublishStatus } from '/@/api/supervisorAdmin';
+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';
+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;
});
-
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();
@@ -219,27 +260,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: '',
});
@@ -248,7 +286,39 @@
});
//#endregion
-
+//#region ====================== tab鍒囨崲鏁版嵁婧� ======================
+const activeTabName = ref('dataset');
+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 permissionForm = ref({
+ accessPermissions: '',
+ byOrganization: '',
+ byIndividual: '',
+});
+const accessPermissionsData = ref([]);
+const byOrganizationData = ref([]);
+const byIndividualData = ref([]);
+//#endregion
+//#region ====================== 妯″瀷绠＄悊(娌℃湁鐖惰妭鐐�) ======================
+const activeModelName = ref('modelName');
+const canvasRadio = ref('canvas_list');
+const modelTableData = ref([]);
+const deleteModelData = (row) => {};
+const getNodeTableData = () => {};
+//#endregion
//#region ====================== 鏌ヨ蹇嵎閿� ======================
const queryFormRef = ref(null);
const pressEnterSearch = (ev: KeyboardEvent) => {
@@ -339,12 +409,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: {
@@ -394,8 +460,25 @@
metricNameIsShow.value = true;
};
//#endregion
+
onMounted(() => {
getListTreeData();
});
</script>
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.set-permission {
+ padding-block: 16px;
+ padding-block-end: 0;
+}
+.set-form {
+ display: block;
+ box-sizing: border-box;
+ height: 100%;
+ padding-block: 16px;
+ .set-form-item {
+ font-weight: 500;
+ color: #667085;
+ font-size: 14px;
+ }
+}
+</style>
--
Gitblit v1.9.3