指标图谱

wujingjing

2024-10-30 ad6ec45e1d516002672220676294339b5ea6fc2c

 src/views/project/yw/systemManage/metricAgentMgr/MetricAgentMgr.vue

@@ -36,17 +36,13 @@
            <el-form-item>
               <el-button icon="ele-Refresh" @click="resetQuery">重置 </el-button>
            </el-form-item>
            <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="RadioType.List" />
                  <el-radio-button label="画布" :value="RadioType.Canvas" />
               </el-radio-group>
            </div>
				
         </el-form>
      </template>
      <template #main>
         <div class="w100 h100">
            <div class="h-full" v-show="canvasRadio === RadioType.List">
            <div class="h-full" >

               <el-table
                  v-loading="tableLoading"
                  ref="draggableTableRef"
@@ -80,7 +76,12 @@
                                 @click="openMetricNameDlg(scope.row)"
                              ></i>
                           </el-tooltip>

                           <el-tooltip effect="dark" content="指标图谱" placement="top">
                              <i
                                 class="ywifont ywicon-duoweidu !text-[17px] text-blue-400 cursor-pointer"
                                 @click="gotoAgentGraph(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>
@@ -106,7 +107,6 @@
                  <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat>
               </div>
            </div>
            <AgentGraph v-if="canvasRadio ===RadioType.Canvas" />
         </div>
      </template>
      <!-- <OptDlg v-model="optDlgIsShow" :item="optDlgMapRow" @insert="insertOpt" @update="updateOpt" :groupId="currentListID"></OptDlg> -->
@@ -132,7 +132,7 @@
import { useCompRef } from '/@/utils/types';
import { convertListToTree, debounce } from '/@/utils/util';
import { OptClassificationMap, classificationEnum } from '/@/views/types/metrics';
import AgentGraph from './graph/AgentGraph.vue';
import { gotoRoute } from '/@/utils/route';
//#region ====================== 左侧树数据，tree init ======================
const leftTreeRef = useCompRef(LeftTreeByMgr);
const treeLoading = ref(false);
@@ -212,15 +212,7 @@
   showQuotaList.value = tableData.value;
});
//#endregion
//#region ====================== 模型管理(没有父节点) ======================

 const enum RadioType {
   List = 'list',
   Canvas='canvas'
}
const canvasRadio = ref(RadioType.List);
const getNodeTableData = () => {};
//#endregion
//#region ====================== Chat 测试 ======================
const chatRef = useCompRef(Chat);
const chatTestMapRow = ref(null);
@@ -278,6 +270,15 @@
   metricNameMapRow.value = row;
   metricNameIsShow.value = true;
};

const gotoAgentGraph = (row) => {
   gotoRoute({
      name: 'AgentGraph',
      query: {
         id: row.id,
      },
   });
};
//#endregion

onMounted(() => {