新增模型管理

yangyin

2024-10-14 078ee7cc8f829607ca554272dd09e6d31f968eab

新增模型管理

 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) => {