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-03 10:22:30 +08:00
parent c16dc20540
commit 7ff97bd871
7 changed files with 79 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
backend/devices/test/templates/deviceTest.html
View File

@ -14,7 +14,7 @@
} }
body { body {
font-family: 'Microsoft YaHei', Arial, sans-serif; font-family: 'Noto Sans SC';
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: #ffffff; color: #ffffff;
min-height: 100vh; min-height: 100vh;

2
frontend/src/renderer/index.html
View File

@ -8,7 +8,7 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Microsoft YaHei', sans-serif; font-family: 'Noto Sans SC';
/* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */ /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
background:#191d28; background:#191d28;
} }

2
frontend/src/renderer/src/style.css
View File

@ -7,7 +7,7 @@
} }
body { body {
font-family: 'Noto Sans SC', sans-serif; font-family: 'Noto Sans SC';
background-color: #f5f5f5; background-color: #f5f5f5;
color: #333; color: #333;
line-height: 1.6; line-height: 1.6;

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

@ -7,12 +7,12 @@
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
color: #00CC00; color: #3BF2C6;
margin-left:20px">检测中...</div> margin-left:20px">检测中...</div>
<div class="patientInfotop1">{{ patientInfo.name }}</div> <div class="patientInfotop1">{{ patientInfo.name }}</div>
<div> {{ patientInfo.gender }}</div> <div style="font-size: 22px;"> {{ patientInfo.gender }}</div>
<div class="username-line"></div> <div class="username-line"></div>
<div>{{ calculateAge(patientInfo.birth_date) }}</div> <div style="font-size: 22px;">{{ calculateAge(patientInfo.birth_date) }}</div>
<el-button type="primary" class="endbutton" @click="endClick">结束监测</el-button> <el-button type="primary" class="endbutton" @click="endClick">结束监测</el-button>
</div> </div>
<div class="displayleft"> <div class="displayleft">
@ -54,15 +54,14 @@
<div class="body-son-display"> <div class="body-son-display">
<img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;"
@click="refreshClick('femtobolt')" title="重启深度相机"> @click="refreshClick('femtobolt')" title="重启深度相机">
<div class="connecttext" :style="{ color: femtoboltStatus == '已连接' ? '#00CC00' : '#808080' }"> <div class="connecttext" :style="{ color: femtoboltStatus == '已连接' ? '#3bf2c6' : '#808080' }">
{{ femtoboltStatus }} {{ femtoboltStatus }}
</div> </div>
</div> </div>
</div> </div>
<div ref="wholeBodyRef" style="display: flex;justify-content: center;height:calc( 100% - 50px);padding-top: 0px; <div ref="wholeBodyRef" style="display: flex;justify-content: center;height:calc( 100% - 50px);padding-top: 0px;">
background-color: red;">
<img :src="(femtoboltStatus === '已连接' && depthCameraImgSrc) ? depthCameraImgSrc : noImageSvg" alt="深度相机视频流" <img :src="(femtoboltStatus === '已连接' && depthCameraImgSrc) ? depthCameraImgSrc : noImageSvg" alt="深度相机视频流"
style="width: 100%;height: calc(100%);object-fit:contain;background:#323232;"> style="width: 100%;height: calc(100%);object-fit:contain;">
</div> </div>
</div> </div>
</el-col> </el-col>
@ -87,7 +86,7 @@
<div class="body-son-display"> <div class="body-son-display">
<img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" title="重启IMU" <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" title="重启IMU"
@click="refreshClick('imu')"> @click="refreshClick('imu')">
<div class="connecttext" :style="{ color: imuStatus == '已连接' ? '#00CC00' : '#808080' }"> <div class="connecttext" :style="{ color: imuStatus == '已连接' ? '#3bf2c6' : '#808080' }">
{{ imuStatus }} {{ imuStatus }}
</div> </div>
</div> </div>
@ -172,7 +171,7 @@
<div class="body-son-display"> <div class="body-son-display">
<img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" title="重启足底压力板" <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" title="重启足底压力板"
@click="refreshClick('pressure')"> @click="refreshClick('pressure')">
<div class="connecttext" :style="{ color: pressureStatus == '已连接' ? '#00CC00' : '#808080' }"> <div class="connecttext" :style="{ color: pressureStatus == '已连接' ? '#3bf2c6' : '#808080' }">
{{ pressureStatus }} {{ pressureStatus }}
</div> </div>
</div> </div>
@ -309,7 +308,7 @@
<img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;"
title="重启视频" title="重启视频"
@click="refreshClick('camera')"> @click="refreshClick('camera')">
<div class="connecttext" :style="{ color: cameraStatus == '已连接' ? '#00CC00' : '#808080' }"> <div class="connecttext" :style="{ color: cameraStatus == '已连接' ? '#3bf2c6' : '#808080' }">
{{ cameraStatus }} {{ cameraStatus }}
</div> </div>
</div> </div>
@ -317,11 +316,11 @@
<div class="body-video-content" ref="videoImgRef"> <div class="body-video-content" ref="videoImgRef">
<div class="body-video-imgbox1" ref="camera1Ref"> <div class="body-video-imgbox1" ref="camera1Ref">
<img :src="(camera1Status === '已连接' && camera1ImgSrc) ? camera1ImgSrc : noImageSvg" alt="camera1" <img :src="(camera1Status === '已连接' && camera1ImgSrc) ? camera1ImgSrc : noImageSvg" alt="camera1"
style="width: 100%; height: 100%; object-fit: contain; background:#323232;" /> style="width: 100%; height: 100%; object-fit: contain; " />
</div> </div>
<div class="body-video-imgbox2" ref="camera2Ref"> <div class="body-video-imgbox2" ref="camera2Ref">
<img :src="(camera2Status === '已连接' && camera2ImgSrc) ? camera2ImgSrc : noImageSvg" alt="camera2" <img :src="(camera2Status === '已连接' && camera2ImgSrc) ? camera2ImgSrc : noImageSvg" alt="camera2"
style="width: 100%; height: 100%; object-fit: contain; background:#323232;" /> style="width: 100%; height: 100%; object-fit: contain; " />
</div> </div>
</div> </div>
</div> </div>
@ -345,7 +344,7 @@
<!-- 诊断信息 --> <!-- 诊断信息 -->
<div class="pop-up-mask" v-if="isDiagnosticMessage"> <div class="pop-up-mask" v-if="isDiagnosticMessage">
<DiagnosticMessage @closeDiagnosticMessage="closeDiagnosticMessage" <DiagnosticMessage @closeDiagnosticMessage="closeDiagnosticMessage"
:selectedPatient="selectedPatient" v-if="isDiagnosticMessage"/> :selectedPatient="patientInfo" v-if="isDiagnosticMessage"/>
</div> </div>
<div class="pop-up-mask" v-if="isCloseCreat"> <div class="pop-up-mask" v-if="isCloseCreat">
@ -2148,7 +2147,7 @@ function closePatientProfile(){
.detection-container-box { .detection-container-box {
/* display: flex; */ /* display: flex; */
height: 100vh; height: 100vh;
background-color: #000000; background-color: #191d28;
color: #FFFFFF; color: #FFFFFF;
} }
@ -2159,7 +2158,7 @@ function closePatientProfile(){
.username-line { .username-line {
width: 2px; width: 2px;
height: 15px; height: 22px;
margin: 0 10px; margin: 0 10px;
background-color: #fff; background-color: #fff;
} }
@ -2167,7 +2166,6 @@ function closePatientProfile(){
.displaycontainer { .displaycontainer {
width: 100%; width: 100%;
height: 62px; height: 62px;
background: #000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -2208,7 +2206,8 @@ function closePatientProfile(){
.body-posture-box{ .body-posture-box{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #282828; background: linear-gradient(to bottom right, #1a1e2a, #222b38);
border: 1px solid #262d40;
border-radius: 4px; border-radius: 4px;
} }
.body-header-box{ .body-header-box{
@ -2227,7 +2226,7 @@ function closePatientProfile(){
.body-title-display{ .body-title-display{
width: 100%; width: 100%;
height: 50px; height: 50px;
border-bottom: 1px solid #000; /* border-bottom: 1px solid #000; */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -2243,9 +2242,9 @@ function closePatientProfile(){
align-items: center; align-items: center;
} }
.connecttext{ .connecttext{
font-weight: 700; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 16px; font-size: 14px;
} }
.body-header-bottombox{ .body-header-bottombox{
@ -2512,12 +2511,14 @@ function closePatientProfile(){
color: #FFFFFF; color: #FFFFFF;
} }
.endbutton{ .endbutton{
width: 100px; width: 72px;
height: 36px; height: 29px;
background-color: rgba(255, 102, 0, 1); background-color: rgba(11, 148, 213, 1);
border:1px solid rgba(255, 102, 0, 1); border:1px solid rgba(11, 148, 213, 1);
font-size: 16px; font-weight: 400;
color: #FFFFFF; font-style: normal;
font-size: 14px;
color: #D7D7D7;
margin-left:20px margin-left:20px
} }

61
frontend/src/renderer/src/views/DiagnosticMessage.vue
View File

@ -9,13 +9,16 @@
<div style="padding:20px 40px;"> <div style="padding:20px 40px;">
<el-form :model="diagnosticForm" label-width="60px"> <el-form :model="diagnosticForm" label-width="60px">
<el-form-item label="记录"> <el-form-item label="记录">
<el-input v-model="diagnosticForm.diagnosis_info" :rows="6" type="textarea" placeholder="请输入" /> <el-input v-model="diagnosticForm.diagnosis_info" resize="none" :rows="10" type="textarea" placeholder="记录信息" />
</el-form-item> </el-form-item>
<el-form-item label="处理"> <el-form-item label="处理">
<el-input v-model="diagnosticForm.treatment_info" :rows="6" type="textarea" placeholder="请输入" /> <el-select v-model="diagnosticForm.treatment_info" placeholder="请选择">
<el-option :label="'保持观察，不予处理'" :value="'保持观察，不予处理'" />
</el-select>
<!-- <el-input v-model="diagnosticForm.treatment_info" :rows="6" type="textarea" placeholder="请输入" /> -->
</el-form-item> </el-form-item>
<el-form-item label="建议"> <el-form-item label="建议">
<el-input v-model="diagnosticForm.suggestion_info" :rows="6" type="textarea" placeholder="请输入" /> <el-input v-model="diagnosticForm.suggestion_info" resize="none" :rows="5" type="textarea" placeholder="备注信息" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="form-actions-display"> <div class="form-actions-display">
@ -46,7 +49,7 @@ const props = defineProps({
selectedPatient: { selectedPatient: {
required: false, required: false,
type: Object, type: Object,
default: null default: {}
}, },
}) })
@ -63,11 +66,11 @@ const handleCancel = async () => {
async function handleDiagnosticInfo(status) { async function handleDiagnosticInfo(status) {
try { try {
// 检查是否有活跃的会话ID // 检查是否有活跃的会话ID
if (!selectedPatient.value.sessionId) { if (!props.selectedPatient.sessionId) {
throw new Error('缺少会话Id') throw new Error('缺少会话Id')
} }
// 调用后端API采集检测数据 // 调用后端API采集检测数据
const response = await fetch(`${BACKEND_URL}/api/detection/${selectedPatient.value.sessionId}/save-info`, { const response = await fetch(`${BACKEND_URL}/api/detection/${props.selectedPatient.sessionId}/save-info`, {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
@ -77,7 +80,7 @@ async function handleDiagnosticInfo(status) {
treatment_info: diagnosticForm.treatment_info, treatment_info: diagnosticForm.treatment_info,
suggestion_info: diagnosticForm.suggestion_info, suggestion_info: diagnosticForm.suggestion_info,
status: status, status: status,
session_id: selectedPatient.value.sessionId, session_id: props.selectedPatient.sessionId,
}) })
}) })
if (!response.ok) { if (!response.ok) {
@ -111,20 +114,20 @@ async function handleDiagnosticInfo(status) {
<style scoped> <style scoped>
.DiagnosticMessage-container { .DiagnosticMessage-container {
width: 800px; width: 780px;
height: 620px; height: 610px;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
background: #1b1b1b; background: #35435a;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 0px 10px rgba(80, 80, 80, 1); box-shadow: 0px 0px 10px rgba(80, 80, 80, 1);
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(148, 148, 148, 1); border-color: #1b2535;
} }
.formreturnCancel { .formreturnCancel {
@ -161,14 +164,16 @@ async function handleDiagnosticInfo(status) {
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 14px; font-size: 14px;
color: #787878; color: rgba(255,255,255,0.7);
font-family: 'Noto Sans SC';
margin-right: 10px; margin-right: 10px;
} }
.DiagnosticMessage-container .el-textarea__inner{ .DiagnosticMessage-container .el-textarea__inner{
background: #282828; background: #2A3649;
box-shadow: 0 0 0 1px rgb(54, 54, 54) inset; box-shadow: 0 0 0 1px rgb(54, 54, 54) inset;
border-radius: 4px; border-radius: 4px;
color: #fff;
} }
.DiagnosticMessage-container .el-textarea__inner:hover{ .DiagnosticMessage-container .el-textarea__inner:hover{
box-shadow: 0 0 0 1px #266fff inset; box-shadow: 0 0 0 1px #266fff inset;
@ -179,17 +184,15 @@ async function handleDiagnosticInfo(status) {
.DiagnosticMessage-container .form-container-header{ .DiagnosticMessage-container .form-container-header{
width: 100%; width: 100%;
height: 50px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: rgba(46, 52, 59, 1);
box-sizing: border-box; box-sizing: border-box;
padding: 0 20px; padding: 0 30px;
font-family: 'Noto Sans SC'; font-weight: 650;
font-weight: 700;
font-style: normal; font-style: normal;
font-size: 16px; font-size: 20px;
color: #FFFFFF; color: #FFFFFF;
text-align: left; text-align: left;
border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;
@ -200,4 +203,24 @@ async function handleDiagnosticInfo(status) {
padding-top: 20px; padding-top: 20px;
padding-right: 0px; padding-right: 0px;
} }
</style>
<style>
.DiagnosticMessage-container .el-select__wrapper {
background-color: #2a3649;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: 4px;
box-shadow: none;
height: 40px;
}
.DiagnosticMessage-container .el-select__wrapper:hover{
border-color: #3d4c65;
box-shadow: 0 0 0 1px transparent inset;
}
.DiagnosticMessage-container .el-select__placeholder{
color: #ffffff;
}
</style> </style>

6
frontend/src/renderer/src/views/Login.vue
View File

@ -681,7 +681,7 @@ const copyPassword = async () => {
/* 系统标题 */ /* 系统标题 */
.system-title { .system-title {
text-align: center; text-align: center;
font-family: "阿里妈妈数黑体 Bold", 阿里妈妈数黑体, sans-serif; font-family: 'Noto Sans SC';
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-size: 40px; font-size: 40px;
@ -717,7 +717,7 @@ const copyPassword = async () => {
/* 卡片头部标题 */ /* 卡片头部标题 */
.card-header { .card-header {
font-family: 微软雅黑, sans-serif; font-family: 'Noto Sans SC';
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 30px; font-size: 30px;
@ -807,7 +807,7 @@ const copyPassword = async () => {
/* 注册按钮 */ /* 注册按钮 */
.register-btn { .register-btn {
font-family: 微软雅黑, sans-serif; font-family: 'Noto Sans SC';
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 14px; font-size: 14px;