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 {
font-family: 'Microsoft YaHei', Arial, sans-serif;
font-family: 'Noto Sans SC';
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: #ffffff;
min-height: 100vh;

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

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

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

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

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

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

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

@ -9,13 +9,16 @@
<div style="padding:20px 40px;">
<el-form :model="diagnosticForm" label-width="60px">
<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 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 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>
<div class="form-actions-display">
@ -46,7 +49,7 @@ const props = defineProps({
selectedPatient: {
required: false,
type: Object,
default: null
default: {}
},
})
@ -63,11 +66,11 @@ const handleCancel = async () => {
async function handleDiagnosticInfo(status) {
try {
// 检查是否有活跃的会话ID
if (!selectedPatient.value.sessionId) {
if (!props.selectedPatient.sessionId) {
throw new Error('缺少会话Id')
}
// 调用后端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',
headers: {
'Content-Type': 'application/json'
@ -77,7 +80,7 @@ async function handleDiagnosticInfo(status) {
treatment_info: diagnosticForm.treatment_info,
suggestion_info: diagnosticForm.suggestion_info,
status: status,
session_id: selectedPatient.value.sessionId,
session_id: props.selectedPatient.sessionId,
})
})
if (!response.ok) {
@ -111,20 +114,20 @@ async function handleDiagnosticInfo(status) {
<style scoped>
.DiagnosticMessage-container {
width: 800px;
height: 620px;
width: 780px;
height: 610px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background: #1b1b1b;
background: #35435a;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(80, 80, 80, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(148, 148, 148, 1);
border-color: #1b2535;
}
.formreturnCancel {
@ -161,14 +164,16 @@ async function handleDiagnosticInfo(status) {
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #787878;
color: rgba(255,255,255,0.7);
font-family: 'Noto Sans SC';
margin-right: 10px;
}
.DiagnosticMessage-container .el-textarea__inner{
background: #282828;
box-shadow: 0 0 0 1px rgb(54, 54, 54) inset;
border-radius: 4px;
background: #2A3649;
box-shadow: 0 0 0 1px rgb(54, 54, 54) inset;
border-radius: 4px;
color: #fff;
}
.DiagnosticMessage-container .el-textarea__inner:hover{
box-shadow: 0 0 0 1px #266fff inset;
@ -179,17 +184,15 @@ async function handleDiagnosticInfo(status) {
.DiagnosticMessage-container .form-container-header{
width: 100%;
height: 50px;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(46, 52, 59, 1);
box-sizing: border-box;
padding: 0 20px;
font-family: 'Noto Sans SC';
font-weight: 700;
padding: 0 30px;
font-weight: 650;
font-style: normal;
font-size: 16px;
font-size: 20px;
color: #FFFFFF;
text-align: left;
border-radius:10px 10px 0 0;
@ -200,4 +203,24 @@ async function handleDiagnosticInfo(status) {
padding-top: 20px;
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>

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

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

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

@ -259,8 +259,8 @@
<div class="patientprofile-container-dataInfobg-rightbox">
<div class="patientprofile-container-dataInfobg-lefttext" style="padding-top:0px">处理</div>
<el-select v-model="profileInfo.treatment_info" placeholder="请选择">
<el-option :label="'保持观察，不予处理'" :value="'保持观察，不予处理'" />
</el-select>
<el-option :label="'保持观察，不予处理'" :value="'保持观察，不予处理'" />
</el-select>
</div>
<div class="patientprofile-container-dataInfobg-rightbottombox">
<div class="patientprofile-container-dataInfobg-lefttext" style="padding-top:0px">建议</div>