新增详情页面

src/components/LabDetail.vue

@@ -45,17 +45,17 @@
 
         <!-- 工程研究中心卡片列表 -->
         <div class="lab-card-grid custom-scrollbar">
-          <div v-for="(lab, index) in filteredLabs" :key="index" class="lab-card" style="height: 440px;">
+          <!-- <div v-for="(lab, index) in filteredLabs" :key="index" class="lab-card" style="height: 440px;"> -->
-          <!-- <div v-for="(lab, index) in filteredLabs" :key="index" class="lab-card" style="height: 440px;" @click="openLabDetail(lab)"> -->
+          <div v-for="(lab, index) in filteredLabs" :key="index" class="lab-card" style="height: 440px;" @click="openLabDetail(lab)">
             <div class="card-header">
               <span class="lab-id">ID: {{ lab.basicInformation.name0 || lab.id }}</span>
               <!-- <span class="total-score">综合评估分数: <span class="score-value">{{ lab.score }}分</span></span> -->
             </div>
 
             <div class="card-content">
-              <div class="lab-image">
+              <!-- <div class="lab-image">
                 <img :src="lab.basicInformation.name5" alt="工程研究中心图片" />
-              </div>
+              </div> -->
 
               <div class="lab-info">
                 <div class="info-item">
@@ -228,14 +228,18 @@ const updateAllRadarCharts = () => {
       const chart = echarts.init(chartDom);
       
       // 从二级维度生成指标
-      // const indicators = lab.dynamicColumns.index;
+      // const indicators = lab.dimension;
-      const indicators = lab.dynamicColumns.index.map(index => ({ name: index.label}));
+      const indicators = lab.dimension.map(index => ({ name: index}));
       // 准备雷达图数据
       let radarData = lab.result;
       
 
     console.log('radarData:', indicators,radarData);
       chart.setOption({
+        // tooltip: {
+        //   trigger: 'item', // 触发类型为数据项
+        //   formatter: '{b}: {c}' // 提示框内容格式，b 为数据项名称，c 为数值
+        // },
         radar: {
           indicator: indicators,
           splitArea: {
@@ -254,7 +258,7 @@ const updateAllRadarCharts = () => {
           name: {
             textStyle: {
               color: '#fff',
-              fontSize: 10
+              fontSize: 11
             }
           }
         },
@@ -274,6 +278,19 @@ const updateAllRadarCharts = () => {
                 },
                 itemStyle: {
                   color: 'rgba(255, 0, 255, 0.8)'
+                },
+                 label: {
+                  show: true, // 显示标签
+                  position: 'top', // 标签位置
+                  color: '#fff', // 标签颜色
+                  fontSize: 10 // 标签字体大小
+                },
+                emphasis: {
+                  label: {
+                    show: true, // 鼠标悬停时也显示标签
+                    fontSize: 12, // 鼠标悬停时字体变大
+                    fontWeight: 'bold' // 鼠标悬停时字体加粗
+                  }
                 }
               }
             ]
@@ -310,7 +327,9 @@ const handleSearch = () => {
 };
 
 // 打开工程研究中心详情抽屉
-const openLabDetail = (lab) => {
+const openLabDetail = async (lab) => {
+  // const response = await axios.get(`${getApiBaseUrl()}/pg/evaluation-results/get-preview?id=${lab.id}`);
+  // console.log('responseresponseresponseresponse',response)
   selectedLab.value = lab;
   isEditMode.value = true;
   drawerVisible.value = true;

src/config.js

@@ -3,7 +3,7 @@ const env = import.meta.env.MODE || 'development';
 
 const config = {
   development: {
-    apiBaseUrl: 'http://192.168.18.25:48080',
+    apiBaseUrl: 'http://192.168.18.9:48080',
   },
   production: {
     apiBaseUrl: 'http://36.103.203.89:48089',