ThbTech/BodyBalanceEvaluation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
jingna 2025-08-07 14:48:14 +08:00
parent cbe52fb518
commit 07efcc7a71
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/renderer/src/views/Detection.vue
View File

@ -137,8 +137,8 @@
<div class="icon-box-text">历史数据</div> <div class="icon-box-text">历史数据</div>
</div> </div>
<!-- 历史数据表格 --> <!-- 历史数据表格 -->
<div style="display: flex;justify-content: center;padding: 0px 10px;margin-top: 5px;"> <div style="display: flex;justify-content: center;padding: 0px 10px;margin-top: 5px;height: 100%;">
<el-table :data="historyData" border style="width: 100%;overflow: auto;" :height="200" > <el-table :data="historyData" border style="width: 100%;overflow: auto;height: calc(100% - 280px);" >
<el-table-column prop="id" label="ID" align="center" width="60" /> <el-table-column prop="id" label="ID" align="center" width="60" />
<el-table-column label="最大旋转角" align="center"> <el-table-column label="最大旋转角" align="center">
<el-table-column prop="rotLeft" label="左" min-width="60" align="center" /> <el-table-column prop="rotLeft" label="左" min-width="60" align="center" />
@ -196,7 +196,7 @@
<div class="yline"></div> <div class="yline"></div>
</div> </div>
<div <div
style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 430px;margin-left: -20px;"> style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 430px;margin-left: -65px;">
<div> <div>
<span>左足总压力</span> <span>左足总压力</span>
<span class="foot-container-paddingcolor">{{ footPressure.left_total <span class="foot-container-paddingcolor">{{ footPressure.left_total
@ -238,7 +238,6 @@
<img src="@/assets/svg/u164.svg" alt="" srcset="" style="margin-right: 5px;"> <img src="@/assets/svg/u164.svg" alt="" srcset="" style="margin-right: 5px;">
基础信息 基础信息
</div> </div>
</div> </div>
<el-icon class="edit-icon" style="width: 24px;height: 24px;font-size: 24px;"> <el-icon class="edit-icon" style="width: 24px;height: 24px;font-size: 24px;">
<Edit /> <Edit />
@ -982,7 +981,7 @@ function updateHistoryTable() {
if (historyData.value) { if (historyData.value) {
historyData.value.push(newHistoryItem) historyData.value.push(newHistoryItem)
} }
historyData.value.sort((a, b) => b.id - a.id);
console.log('📋 历史数据表格已更新') console.log('📋 历史数据表格已更新')
} }
} catch (error) { } catch (error) {
@ -2323,7 +2322,7 @@ onUnmounted(() => {
display: flex; display: flex;
/* justify-content: center; /* justify-content: center;
box-sizing: border-box; */ box-sizing: border-box; */
padding-top: 20px; padding-top: 15px;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
} }
@ -2450,20 +2449,20 @@ onUnmounted(() => {
.xline { .xline {
position: absolute; position: absolute;
width: 400px; width: 350px;
/* height: 1px; */ /* height: 1px; */
border-top: 1px dashed red; border-top: 1px dashed red;
top: 50%; top: 50%;
left: -20px; left: -25px;
} }
.yline { .yline {
position: absolute; position: absolute;
/* width:1px; */ /* width:1px; */
height: 400px; height: 350px;
/* height: 1px; */ /* height: 1px; */
border-left: 1px dashed red; border-left: 1px dashed red;
top: -20px; top: -25px;
left: 50%; left: 50%;
} }
@ -2519,6 +2518,9 @@ onUnmounted(() => {
background-color: #282828 !important; background-color: #282828 !important;
border-right: 1px solid rgb(81, 81, 81) !important; border-right: 1px solid rgb(81, 81, 81) !important;
} }
:deep(.el-scrollbar__wrap){
background: #282828 !important;
}
</style> </style>
<style> <style>
.dashboard-container.dashboard-container-home .el-table--border .el-table__inner-wrapper:after, .dashboard-container.dashboard-container-home .el-table--border .el-table__inner-wrapper:after,