用户管理页面调整

wujingjing

2025-01-13 0bb7dffa90bfa3bd5ad04b75da9c31d21347c668

 src/views/project/yw/systemManage/metricMgr/MetricMgr.vue

@@ -3,7 +3,7 @@
      <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-input v-model="queryParams.title" style="width: 226.4px" placeholder="指标名称" clearable @input="selectTitleChange" />
            </el-form-item>
            <el-form-item label="主题域" prop="metrics_group">
               <el-tree-select
@@ -17,6 +17,7 @@
                  v-model="queryParams.metrics_group"
                  node-key="group_id"
                  clearable
                  defaultExpandAll
                  :data="listTreeData"
                  placeholder="请选择主题域"
                  check-strictly
@@ -25,7 +26,7 @@
               </el-tree-select>
            </el-form-item>
            <el-form-item label="重要性" prop="metrics_important">
               <el-select v-model="queryParams.metrics_important" style="width: 186.4px" clearable>
               <el-select v-model="queryParams.metrics_important" style="width: 186.4px" clearable @change="selectImportantChange">
                  <el-option
                     v-for="item in Object.keys(eMetrics_Ops)"
                     :key="item"
@@ -35,7 +36,6 @@
               </el-select>
            </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-form-item>
         </el-form>
@@ -52,6 +52,8 @@
               highlight-current-row
               :headerCellStyle="{ backgroundColor: 'var(--el-table-header-bg-color)', textAlign: 'center' }"
            >
               <el-table-column type="index" label="序号" width="55" fixed="left" align="center"></el-table-column>
               <el-table-column prop="id" label="指标编号" width="225" fixed="left"></el-table-column>
               <el-table-column prop="title" label="指标名称" width="150" fixed="left" show-overflow-tooltip>
                  <template #default="scope">
                     <div class="text-[#1677ff]" @click="handleClickTitleRow(scope.row)">{{ scope.row.title }}</div>
@@ -71,13 +73,21 @@
                     >
                  </template>
               </el-table-column>
               <el-table-column prop="metrics_define" label="指标定义" show-overflow-tooltip> </el-table-column>

               <el-table-column prop="metrics_group" label="主题域" width="130" show-overflow-tooltip>
                  <template #default="scope">
                     {{ themeDomainMap[scope.row.metrics_group]?.group_name }}
                  </template>
               </el-table-column>
               <el-table-column prop="metrics_unit" label="单位" width="70" show-overflow-tooltip> </el-table-column>

               <el-table-column prop="metrics_define" width="180" label="指标定义" show-overflow-tooltip> </el-table-column>
               <el-table-column prop="calcu_method" label="指标计算公式" width="180" show-overflow-tooltip> </el-table-column>
               <el-table-column prop="metrics_type" label="类别" show-overflow-tooltip width="120" align="center"> </el-table-column>
               <el-table-column label="操作" width="80" fixed="right" show-overflow-tooltip>
                  <template #default="scope">
                     <div class="space-x-3 items-center flex">
                        <el-tooltip
                        <!-- <el-tooltip
                           effect="dark"
                           :content="scope.row.published === SupervisorPublished.Y ? '取消发布' : '发布'"
                           placement="top"
@@ -95,7 +105,7 @@
                                 )
                              "
                           ></i>
                        </el-tooltip>
                        </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>
@@ -127,10 +137,12 @@

<script setup lang="ts">
import { useDraggable } from '@vueuse/core';
import axios, { CancelTokenSource } from 'axios';
import type { CancelTokenSource } from 'axios';
import axios from 'axios';
import { debounce } from 'lodash';
import { computed, nextTick, onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';
import { SupervisorPublished } from '../../lowCode/sqlAmis/types';
import type { SupervisorPublished } from '../../lowCode/sqlAmis/types';
import * as agentGroupApi from '/@/api/ai/agentGroup';
import * as metricApi from '/@/api/metrics';
import Chat from '/@/components/chat/Chat.vue';
@@ -138,9 +150,10 @@
import { usePageDisplay } from '/@/hooks/usePageDisplay';
import { useQueryTable } from '/@/hooks/useQueryTable';
import { useCompRef } from '/@/utils/types';
import { convertListToTree } from '/@/utils/util';
import { eMetrics_Ops, eMetrics_Ops_Color } from '/@/views/types/metrics';
import { convertListToTree, getItemMap } from '/@/utils/util';
import { OptClassificationMap, classificationEnum, eMetrics_Ops, eMetrics_Ops_Color } from '/@/views/types/metrics';
const router = useRouter();

//#region ====================== 表格数据，table init ======================
const tableLoading = ref(false);
const tableData = ref([]);
@@ -158,16 +171,43 @@
   const res = await agentGroupApi.getSceneGroupTreeByPost();
   themeDomainData.value = res.groups || [];
};

const themeDomainMap = computed(() => {
   return getItemMap(themeDomainData.value, 'group_id');
});
const listTreeData = computed(() => {
   return convertListToTree(themeDomainData.value, {
   const byParentData = convertListToTree(themeDomainData.value, {
      ID: 'group_id',
      Children: 'Children',
      ParentID: 'p_group_id',
   });
   const result = [];
   byParentData.forEach((item) => {
      if (
         item.group_type != OptClassificationMap[classificationEnum.Office] &&
         item.group_type != OptClassificationMap[classificationEnum.Knowledge]
      ) {
         result.push(item);
      }
   });
   return result;
});
const debounceQuery = debounce(() => handleQueryTable(), 500);
//按指标名称查询
const selectTitleChange = (val) => {
   debounceQuery();
};
//按主题域查询
const selectMetricsChange = (val) => {
   queryParams.value.metrics_group = val;
   handleQueryTable();
};
//按重要性查询
const selectImportantChange = (val) => {
   queryParams.value.metrics_important = val;
   handleQueryTable();
};

const queryParams = ref({
   title: '',
   metrics_group: '',