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

修改报告图片样式

Browse Source
This commit is contained in:
limengnan 2025-12-15 12:18:06 +08:00
parent a8654c4036
commit b3ae7ec7b8
14 changed files with 52 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/renderer/main/main.js
View File

@ -189,8 +189,8 @@ function stopBackendService() {
function createWindow() { function createWindow() {
splashWindow = new BrowserWindow({ splashWindow = new BrowserWindow({
width: 480, width: 1920,
height: 320, height: 1080,
frame: false, frame: false,
resizable: false, resizable: false,
alwaysOnTop: true, alwaysOnTop: true,

BIN
frontend/src/renderer/src/assets/archive/pitch.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
frontend/src/renderer/src/assets/archive/pitch111.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
frontend/src/renderer/src/assets/archive/roll.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
frontend/src/renderer/src/assets/archive/roll1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
frontend/src/renderer/src/assets/archive/yaw.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
frontend/src/renderer/src/assets/archive/yaw11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

16
frontend/src/renderer/src/views/AloneReportComparison.vue
View File

@ -37,21 +37,21 @@
<div class="AloneReportComparison-container-userinfotext2" style="width: 100px;"> <div class="AloneReportComparison-container-userinfotext2" style="width: 100px;">
鞋码：{{ selectedPatient.shoe_size }}码 鞋码：{{ selectedPatient.shoe_size }}码
</div> </div>
<div class="AloneReportComparison-container-userinfotext2" style="width: 140px;">
职业：{{ selectedPatient.occupation }}
</div>
<div class="AloneReportComparison-container-userinfotext2" style="width: 180px;"> <div class="AloneReportComparison-container-userinfotext2" style="width: 180px;">
电话：{{ selectedPatient.phone }} 电话：{{ selectedPatient.phone }}
</div> </div>
<div class="AloneReportComparison-container-userinfotext2" style="width: 340px"> <div class="AloneReportComparison-container-userinfotext2" style="padding-left:10px;width: auto;">
邮箱：{{ selectedPatient.email }} 邮箱：{{ selectedPatient.email }}
</div> </div>
<div class="AloneReportComparison-container-userinfotext2 " style="width: 440px;"> <div class="AloneReportComparison-container-userinfotext2 " style="padding-left:10px;width: auto;">
居住地：{{ selectedPatient.residence }} 居住地：{{ selectedPatient.residence }}
</div> </div>
<div class="AloneReportComparison-container-userinfotext2" style="width: 180px;">
职业：{{ selectedPatient.occupation }}
</div>
</div> </div>
<div class="AloneReportComparison-container-testdatatitle">【检测数据】</div> <div class="AloneReportComparison-container-testdatatitle">【检测数据】</div>
<div class="AloneReportComparison-containerdisplay"> <div class="AloneReportComparison-containerdisplay">
@ -78,7 +78,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 460px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationLeftMax}}° {{headPoseMaxValuesLeft.rotationLeftMax}}°
</span> </span>
@ -90,7 +90,7 @@
{{headPoseMaxValuesLeft.pitchDownMax}}° {{headPoseMaxValuesLeft.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 460px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationRightMax}}° {{headPoseMaxValuesLeft.rotationRightMax}}°
</span></div> </span></div>

8
frontend/src/renderer/src/views/GenerateReport.vue
View File

@ -77,7 +77,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationLeftMax}}° {{headPoseMaxValuesLeft.rotationLeftMax}}°
</span> </span>
@ -89,7 +89,7 @@
{{headPoseMaxValuesLeft.pitchDownMax}}° {{headPoseMaxValuesLeft.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationRightMax}}° {{headPoseMaxValuesLeft.rotationRightMax}}°
</span></div> </span></div>
@ -144,7 +144,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationLeftMax}}° {{headPoseMaxValuesRight.rotationLeftMax}}°
</span> </span>
@ -156,7 +156,7 @@
{{headPoseMaxValuesRight.pitchDownMax}}° {{headPoseMaxValuesRight.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationRightMax}}° {{headPoseMaxValuesRight.rotationRightMax}}°
</span></div> </span></div>

4
frontend/src/renderer/src/views/ImageDetails.vue
View File

@ -21,7 +21,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationLeftMax}}° {{headPoseMaxValuesRight.rotationLeftMax}}°
</span> </span>
@ -33,7 +33,7 @@
{{headPoseMaxValuesRight.pitchDownMax}}° {{headPoseMaxValuesRight.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationRightMax}}° {{headPoseMaxValuesRight.rotationRightMax}}°
</span></div> </span></div>

8
frontend/src/renderer/src/views/ImageDetailsCompare.vue
View File

@ -40,7 +40,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationLeftMax}}° {{headPoseMaxValuesLeft.rotationLeftMax}}°
</span> </span>
@ -52,7 +52,7 @@
{{headPoseMaxValuesLeft.pitchDownMax}}° {{headPoseMaxValuesLeft.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationRightMax}}° {{headPoseMaxValuesLeft.rotationRightMax}}°
</span></div> </span></div>
@ -78,7 +78,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationLeftMax}}° {{headPoseMaxValuesRight.rotationLeftMax}}°
</span> </span>
@ -90,7 +90,7 @@
{{headPoseMaxValuesRight.pitchDownMax}}° {{headPoseMaxValuesRight.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 575px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationRightMax}}° {{headPoseMaxValuesRight.rotationRightMax}}°
</span></div> </span></div>

14
frontend/src/renderer/src/views/PopUpOnlyReport.vue
View File

@ -34,21 +34,19 @@
<div class="PopUpOnlyReport-container-userinfotext2" style="width: 100px;"> <div class="PopUpOnlyReport-container-userinfotext2" style="width: 100px;">
鞋码：{{ selectedPatient.shoe_size }}码 鞋码：{{ selectedPatient.shoe_size }}码
</div> </div>
<div class="PopUpOnlyReport-container-userinfotext2" style="width: 140px;">
职业：{{ selectedPatient.occupation }}
</div>
<div class="PopUpOnlyReport-container-userinfotext2" style="width: 180px;"> <div class="PopUpOnlyReport-container-userinfotext2" style="width: 180px;">
电话：{{ selectedPatient.phone }} 电话：{{ selectedPatient.phone }}
</div> </div>
<div class="PopUpOnlyReport-container-userinfotext2" style="padding-left:10px;width: auto;">
<div class="PopUpOnlyReport-container-userinfotext2" style="width: 340px">
邮箱：{{ selectedPatient.email }} 邮箱：{{ selectedPatient.email }}
</div> </div>
<div class="PopUpOnlyReport-container-userinfotext2 " style="padding-left:10px;width: auto;">
<div class="PopUpOnlyReport-container-userinfotext2 " style="width: 440px;">
居住地：{{ selectedPatient.residence }} 居住地：{{ selectedPatient.residence }}
</div> </div>
<div class="PopUpOnlyReport-container-userinfotext2" style="width: 180px;">
职业：{{ selectedPatient.occupation }}
</div>
</div> </div>
<div class="PopUpOnlyReport-container-testdatatitle">【检测数据】</div> <div class="PopUpOnlyReport-container-testdatatitle">【检测数据】</div>
<div class="PopUpOnlyReport-containerdisplay"> <div class="PopUpOnlyReport-containerdisplay">

20
frontend/src/renderer/src/views/PopUpReport.vue
View File

@ -33,21 +33,21 @@
<div class="PopUpReport-container-userinfotext2" style="width: 100px;"> <div class="PopUpReport-container-userinfotext2" style="width: 100px;">
鞋码：{{ selectedPatient.shoe_size }}码 鞋码：{{ selectedPatient.shoe_size }}码
</div> </div>
<div class="PopUpReport-container-userinfotext2" style="width: 140px;">
职业：{{ selectedPatient.occupation }}
</div>
<div class="PopUpReport-container-userinfotext2" style="width: 180px;"> <div class="PopUpReport-container-userinfotext2" style="width: 180px;">
电话：{{ selectedPatient.phone }} 电话：{{ selectedPatient.phone }}
</div> </div>
<div class="PopUpReport-container-userinfotext2 " style="width: 340px"> <div class="PopUpReport-container-userinfotext2 " style="padding-left:10px;width: auto;">
邮箱：{{ selectedPatient.email }} 邮箱：{{ selectedPatient.email }}
</div> </div>
<div class="PopUpReport-container-userinfotext2 " style="width: 420px;"> <div class="PopUpReport-container-userinfotext2 " style="padding-left:10px;width: auto;">
居住地：{{ selectedPatient.residence }} 居住地：{{ selectedPatient.residence }}
</div> </div>
<div class="PopUpReport-container-userinfotext2" style="width: 180px;">
职业：{{ selectedPatient.occupation }}
</div>
</div> </div>
<div class="PopUpReport-container-testdatatitle">【检测数据】</div> <div class="PopUpReport-container-testdatatitle">【检测数据】</div>
<div class="PopUpReport-containerdisplay"> <div class="PopUpReport-containerdisplay">
@ -74,7 +74,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 460px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationLeftMax}}° {{headPoseMaxValuesLeft.rotationLeftMax}}°
</span> </span>
@ -86,7 +86,7 @@
{{headPoseMaxValuesLeft.pitchDownMax}}° {{headPoseMaxValuesLeft.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 460px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationRightMax}}° {{headPoseMaxValuesLeft.rotationRightMax}}°
</span></div> </span></div>
@ -139,7 +139,7 @@
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 460px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationLeftMax}}° {{headPoseMaxValuesRight.rotationLeftMax}}°
</span> </span>
@ -151,7 +151,7 @@
{{headPoseMaxValuesRight.pitchDownMax}}° {{headPoseMaxValuesRight.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 460px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationRightMax}}° {{headPoseMaxValuesRight.rotationRightMax}}°
</span></div> </span></div>

28
frontend/src/renderer/src/views/ReportComparison.vue
View File

@ -7,44 +7,48 @@
style="cursor: pointer;position: fixed; right: 60px; top: 17px;z-index: 99;height: 28px;" style="cursor: pointer;position: fixed; right: 60px; top: 17px;z-index: 99;height: 28px;"
@click="generatePDF"> @click="generatePDF">
<div class="ReportComparison-container-body" id="pdf-content"> <div class="ReportComparison-container-body" id="pdf-content">
<div style="height: 100%; padding:0 90px; box-sizing: border-box;"> <div style="height: 100%; padding:0 40px; box-sizing: border-box;">
<div class="ReportComparison-container-bodytitle">体态测量报告单对比</div> <div class="ReportComparison-container-bodytitle">体态测量报告单对比</div>
<div class="ReportComparison-container-display"> <div class="ReportComparison-container-display">
<!-- <div class="ReportComparison-container-userinfotext">检测时间：{{ detectionInfo.start_time }}</div> <!-- <div class="ReportComparison-container-userinfotext">检测时间：{{ detectionInfo.start_time }}</div>
<div class="ReportComparison-container-userinfotext">ID：{{ detectionInfo.id }}</div> --> <div class="ReportComparison-container-userinfotext">ID：{{ detectionInfo.id }}</div> -->
</div> </div>
<div class="ReportComparison-container-userinfodisplay"> <div class="ReportComparison-container-userinfodisplay">
<div class="ReportComparison-container-userinfotext2"> <div class="ReportComparison-container-userinfotext2" style="width: 180px;">
ID：{{ selectedPatient.id }} ID：{{ selectedPatient.id }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-210"> <div class="ReportComparison-container-userinfotext2" style="width: 180px;">
姓名：{{ selectedPatient.name }} 姓名：{{ selectedPatient.name }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-195"> <div class="ReportComparison-container-userinfotext2" style="width: 100px;">
性别：{{ selectedPatient.gender }} 性别：{{ selectedPatient.gender }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-195"> <div class="ReportComparison-container-userinfotext2" style="width: 120px;">
年龄：{{ calculateAge(selectedPatient.birth_date) }}岁 年龄：{{ calculateAge(selectedPatient.birth_date) }}岁
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-235">
<div class="ReportComparison-container-userinfotext2" style="width: 120px;">
身高：{{ selectedPatient.height }}cm 身高：{{ selectedPatient.height }}cm
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-215"> <div class="ReportComparison-container-userinfotext2" style="width: 120px;">
体重：{{ selectedPatient.weight }}kg 体重：{{ selectedPatient.weight }}kg
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-95"> <div class="ReportComparison-container-userinfotext2" style="width: 100px;">
鞋码：{{ selectedPatient.shoe_size }}码 鞋码：{{ selectedPatient.shoe_size }}码
</div> </div>
<div class="ReportComparison-container-userinfotext2">
<div class="ReportComparison-container-userinfotext2" style="width: 180px;">
电话：{{ selectedPatient.phone }} 电话：{{ selectedPatient.phone }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-405">
<div class="ReportComparison-container-userinfotext2" style="width: 340px">
邮箱：{{ selectedPatient.email }} 邮箱：{{ selectedPatient.email }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-430">
<div class="ReportComparison-container-userinfotext2 " style="width: 440px;">
居住地：{{ selectedPatient.residence }} 居住地：{{ selectedPatient.residence }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-310"> <div class="ReportComparison-container-userinfotext2" style="width: 180px;">
职业：{{ selectedPatient.occupation }} 职业：{{ selectedPatient.occupation }}
</div> </div>
</div> </div>