From fa76b4e7194fcad0878be3273007faa64b4f1821 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Czhuzihan=E2=80=9D=E2=80=83?= <“772644120@qq.com”> Date: Fri, 27 Jun 2025 15:54:55 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=AF=A6=E6=83=85=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/LabDetail.vue | 35 +- src/components/LabDrawerDetail.vue | 1259 +++++----------------------- src/config.js | 2 +- 3 files changed, 227 insertions(+), 1069 deletions(-) diff --git a/src/components/LabDetail.vue b/src/components/LabDetail.vue index e98e225..bf5d163 100644 --- a/src/components/LabDetail.vue +++ b/src/components/LabDetail.vue @@ -45,17 +45,17 @@
-
- + +
ID: {{ lab.basicInformation.name0 || lab.id }}
-
+
@@ -228,14 +228,18 @@ const updateAllRadarCharts = () => { const chart = echarts.init(chartDom); // 从二级维度生成指标 - // const indicators = lab.dynamicColumns.index; - const indicators = lab.dynamicColumns.index.map(index => ({ name: index.label})); + // const indicators = lab.dimension; + 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; diff --git a/src/components/LabDrawerDetail.vue b/src/components/LabDrawerDetail.vue index 80ecdb2..bb362cc 100644 --- a/src/components/LabDrawerDetail.vue +++ b/src/components/LabDrawerDetail.vue @@ -1,348 +1,70 @@ @@ -1095,59 +215,34 @@ const fakeFileChange = (file) => { /* 标签导航 */ .tab-navigation { - display: flex; - border-bottom: 1px solid rgba(73,134,255,0.3); - margin-bottom: 20px; + display: none; /* 隐藏标签导航 */ } .tab-item { - padding: 10px 20px; - cursor: pointer; - font-size: 16px; - color: rgba(255,255,255,0.7); - position: relative; + display: none; /* 隐藏标签项 */ } -.tab-item.active { - color: #4986ff; - font-weight: bold; -} - -.tab-item.active::after { - content: ''; - position: absolute; - bottom: -1px; - left: 0; - width: 100%; - height: 2px; - background-color: #4986ff; -} - -/* URL输入部分 */ +/* URL输入部分 - 已移除 */ .url-input-container { - display: flex; - margin-bottom: 20px; + display: none; } .url-input { - flex: 1; - margin-right: 10px; + display: none; } -/* 上传部分 */ +/* 上传部分 - 已移除 */ .upload-container { - margin-bottom: 20px; + display: none; } .el-upload__tip { - color: rgba(255,255,255,0.7); - margin-top: 5px; + display: none; } -/* 手动输入提示 */ +/* 手动输入提示 - 已移除 */ .manual-input-tip { - margin-bottom: 20px; - color: rgba(255,255,255,0.7); + display: none; } /* 工程研究中心信息表单 */ @@ -1161,6 +256,7 @@ const fakeFileChange = (file) => { } .image-section { + /* 尽管不再显示图片，但保留此样式以防万一或未来修改 */ margin-right: 20px; display: flex; flex-direction: column; @@ -1211,27 +307,106 @@ const fakeFileChange = (file) => { color: rgba(255,255,255,0.7); } -/* 详细信息部分 */ +/* 新增的显示文本样式 */ +.display-text { + background-color: rgba(255,255,255,0.1); + box-shadow: 0 0 0 1px rgba(73,134,255,0.3) inset; + padding: 9px 15px; + border-radius: 4px; + min-height: 32px; /* 保持与input类似的高度 */ + display: flex; + align-items: center; + color: white; + word-break: break-all; /* 防止长文本溢出 */ +} + +.display-textarea { + /* 尽管不再有直接的textarea，但保留此样式以防万一或未来修改 */ + background-color: rgba(255,255,255,0.1); + box-shadow: 0 0 0 1px rgba(73,134,255,0.3) inset; + padding: 9px 15px; + border-radius: 4px; + min-height: 100px; /* 保持与textarea类似的高度 */ + color: white; + line-height: 1.8; + white-space: pre-wrap; /* 保留换行符和空格 */ + word-break: break-all; + /* 为内部布局设置 flex */ + display: flex; + flex-direction: column; + gap: 20px; /* 各个分类之间的间距 */ +} + +/* 新增样式以匹配图片布局 */ +.category-section { + padding-bottom: 15px; + border-bottom: 1px solid rgba(73,134,255,0.2); /* 分类标题下的分隔线 */ +} + +.category-section:last-child { + border-bottom: none; /* 最后一个分类没有下划线 */ + padding-bottom: 0; +} + +.category-title { + font-size: 16px; + font-weight: bold; + color: #4986ff; /* 标题颜色 */ + margin-top: 0; + margin-bottom: 15px; +} + +.category-content { + display: grid; + grid-template-columns: repeat(3, 1fr); /* 每行三列 */ + gap: 15px 30px; /* 行间距和列间距 */ +} + +.category-item { + display: flex; + justify-content: space-between; /* 标签和分数左右对齐 */ + align-items: baseline; + word-break: break-all; +} + +.item-label { + flex: 1; /* 标签占据大部分空间 */ + color: rgba(255,255,255,0.9); + margin-right: 10px; /* 标签和分数之间的间距 */ + line-height: 20px; + font-size: 16px; +} + +.item-score { + font-weight: bold; + color: #4986ff; /* 分数颜色 */ + flex-shrink: 0; /* 分数不收缩 */ +} + +/* 详细信息部分 - 样式已移除或不再需要 */ .detail-sections { - margin-bottom: 30px; - background-color: #1f3266; border-radius: 8px; padding: 15px; + background-color: #1f3266; border: 1px solid rgba(73,134,255,0.3); } .section-title { + /* 此样式已不再需要 */ margin: 15px 0 10px; font-size: 16px; color: rgba(255,255,255,0.9); } .section-content { + /* 此样式已不再需要 */ margin-bottom: 20px; } -/* 雷达图部分 */ +/* 雷达图部分 - 样式已移除或不再需要 */ .evaluation-chart-section { + /* 此部分已不再包含雷达图DOM，可以考虑移除整个section或将其display: none */ + display: none; /* 隐藏雷达图容器 */ background-color: #1f3266; border-radius: 8px; padding: 15px; @@ -1239,9 +414,10 @@ const fakeFileChange = (file) => { } .radar-chart { + /* 此样式已不再需要 */ width: 100%; - height: 300px; /* 明确指定雷达图高度 */ - min-height: 300px; /* 确保最小高度 */ + height: 0px; /* 设置高度为0或display: none */ + min-height: 0px; } /* 抽屉页脚 */ @@ -1273,48 +449,7 @@ const fakeFileChange = (file) => { } .confirm-btn { - background-color: rgba(14,62,167,1); - color: rgba(255,255,255,1); - border: 1px solid rgba(73,134,255,1); -} - -/* Element Plus组件的深色主题覆盖样式 */ -:deep(.el-input__wrapper), -:deep(.el-textarea__wrapper) { - background-color: rgba(255,255,255,0.1); - box-shadow: 0 0 0 1px rgba(73,134,255,0.3) inset; -} - -:deep(.el-input__inner), -:deep(.el-textarea__inner) { - background-color: transparent; - color: white; -} - -:deep(.el-input__inner::placeholder), -:deep(.el-textarea__inner::placeholder) { - color: rgba(255,255,255,0.5); -} - -:deep(.el-select .el-input__wrapper) { - background-color: rgba(255,255,255,0.1); - box-shadow: 0 0 0 1px rgba(73,134,255,0.3) inset; -} - -:deep(.el-select-dropdown__item) { - color: #606266; -} - -:deep(.el-date-editor) { - background-color: rgba(255,255,255,0.1); - border-color: rgba(73,134,255,0.3); - color: white; -} - -:deep(.el-upload), -:deep(.el-upload-dragger) { - background-color: rgba(255,255,255,0.1); - border-color: rgba(73,134,255,0.3); + display: none; /* 隐藏确定按钮 */ } /* 滚动条样式 */ @@ -1381,34 +516,13 @@ const fakeFileChange = (file) => { background-color: white; } -/* 年份tab样式 */ +/* 年份tab样式 - 隐藏 */ .year-tabs { - display: flex; - border-bottom: 1px solid rgba(73,134,255,0.3); - margin-bottom: 20px; - overflow-x: auto; + display: none; } .year-tab { - padding: 12px 20px; - cursor: pointer; - border-bottom: 2px solid transparent; - color: rgba(255,255,255,0.6); - font-weight: 500; - white-space: nowrap; - transition: all 0.3s; - margin-right: 10px; -} - -.year-tab:hover { - color: #4986ff; - background-color: rgba(73,134,255,0.1); -} - -.year-tab.active { - color: #4986ff; - border-bottom-color: #4986ff; - background-color: rgba(73,134,255,0.2); + display: none; } /* 年度信息展示样式 */ @@ -1488,7 +602,32 @@ const fakeFileChange = (file) => { color: #4986ff; margin: 0 0 10px 0; } + +/* 新增：总分显示样式 */ +.overall-score-section { + margin-top: 20px; /* 与上方内容的间距 */ + padding: 15px; + background-color: rgba(12, 22, 51, 0.3); + border-radius: 8px; + border: 1px solid rgba(73, 134, 255, 0.3); + display: flex; + justify-content: flex-end; /* 靠右对齐 */ + align-items: center; + font-size: 18px; + font-weight: bold; + color: #4986ff; +} + +.overall-score-label { + margin-right: 10px; + color: rgba(255,255,255,0.9); +} + +.overall-score-value { + color: #4986ff; /* 突出显示总分 */ +} + +} \ No newline at end of file diff --git a/src/config.js b/src/config.js index 4616a1b..49a221e 100644 --- a/src/config.js +++ b/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',