修改当前保存数据页面样式
This commit is contained in:
parent
61a673c862
commit
00bba8f7cf
@ -192,7 +192,7 @@
|
||||
<!-- 数据详情 -->
|
||||
<el-dialog class="detailsDialog" v-model="detailsDialogVisible" top="5vh" title="当前保存数据" width="1000px"
|
||||
:before-close="detailshandleClose">
|
||||
<div style="margin: 20px 50px; height: calc(100vh - 200px);overflow: auto;">
|
||||
<div style="margin: 20px 0px; height: calc(100vh - 200px);overflow: auto;">
|
||||
<div>
|
||||
<div class="patient-detail-box">
|
||||
<div class="detail-header">
|
||||
@ -267,7 +267,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: center;align-items: center;">
|
||||
<img :src="BACKEND_URL+'/' + profileForm.body_image" alt="">
|
||||
<img :src="BACKEND_URL+'/' + profileForm.body_image" alt="" style="width: 500px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="patient-profile-dialog-box" style="height: 230px;">
|
||||
@ -282,15 +282,29 @@
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
最大旋转角：<span class="detail-head-text">左：{{headPoseMaxValues.rotationLeftMax.toFixed(1)}}°</span>
|
||||
<span class="detail-head-text">右：{{ headPoseMaxValues.rotationRightMax.toFixed(1) }}°</span>
|
||||
最大旋转角：<span class="detail-head-text">左：
|
||||
<span class="head-text-color">{{headPoseMaxValues.rotationLeftMax.toFixed(1)}}°</span>
|
||||
</span>
|
||||
<span class="detail-head-text">右：
|
||||
<span class="head-text-color">{{ headPoseMaxValues.rotationRightMax.toFixed(1) }}°</span>
|
||||
</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;">最大倾斜角：
|
||||
<span class="detail-head-text">左：{{ headPoseMaxValues.tiltLeftMax.toFixed(1) }}°</span>
|
||||
<span class="detail-head-text">右：{{ headPoseMaxValues.tiltRightMax.toFixed(1) }}°</span></div>
|
||||
<span class="detail-head-text">左：
|
||||
<span class="head-text-color">{{ headPoseMaxValues.tiltLeftMax.toFixed(1) }}°</span>
|
||||
</span>
|
||||
<span class="detail-head-text">右：
|
||||
<span class="head-text-color">{{ headPoseMaxValues.tiltRightMax.toFixed(1) }}°</span>
|
||||
</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;">最大俯仰角：
|
||||
<span class="detail-head-text">俯：{{ headPoseMaxValues.pitchDownMax.toFixed(1) }}°</span>
|
||||
<span class="detail-head-text">仰：{{ headPoseMaxValues.pitchUpMax.toFixed(1) }}°</span></div>
|
||||
<span class="detail-head-text">俯：
|
||||
<span class="head-text-color">{{ headPoseMaxValues.pitchDownMax.toFixed(1) }}°</span>
|
||||
</span>
|
||||
<span class="detail-head-text">仰：
|
||||
<span class="head-text-color">{{ headPoseMaxValues.pitchUpMax.toFixed(1) }}°</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -300,7 +314,7 @@
|
||||
<div class="module-title-text">足底压力</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: center;margin-bottom: 8px;font-size: 20px; color: #FFFFFF;">
|
||||
<div style="display: flex;justify-content: center;margin-bottom: 8px;font-size: 16px; color: #FFFFFF;">
|
||||
<div>
|
||||
<span>左足</span>
|
||||
</div>
|
||||
@ -308,8 +322,8 @@
|
||||
<span>右足</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: center;align-items: center; width: 460px;margin: 0 auto; position: relative;">
|
||||
<div class="foot-container-left" style="font-size: 18px;color: #FFFFFF;">
|
||||
<div style="display: flex;justify-content: center;align-items: center; width: 400px;height:280px;margin: 0 auto; position: relative;">
|
||||
<div class="foot-container-left" style="font-size: 16px;color: #FFFFFF;">
|
||||
<div style="width: 180px;text-align: right;">
|
||||
<span>左前足</span>
|
||||
<span class="foot-container-paddingcolor">{{ footPressure.left_front
|
||||
@ -320,10 +334,10 @@
|
||||
<span class="foot-container-paddingcolor">{{ footPressure.left_rear }}%</span>
|
||||
</div>
|
||||
</div>
|
||||
<img :src="BACKEND_URL+'/' + profileForm.foot_data_image" alt="" style="margin: 0 10px;">
|
||||
<img :src="BACKEND_URL+'/' + profileForm.foot_data_image" alt="" style="width: 280px;height: 280px; margin: 0 10px;">
|
||||
<div class="foot-container-shuline"></div>
|
||||
<div class="foot-container-hengline"></div>
|
||||
<div class="foot-container-right" style="font-size: 18px;color: #FFFFFF;">
|
||||
<div class="foot-container-right" style="font-size: 16px;color: #FFFFFF;">
|
||||
<div style="width: 180px;">
|
||||
<span>右前足</span>
|
||||
<span class="foot-container-paddingcolor">{{ footPressure.right_front
|
||||
@ -337,18 +351,18 @@
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="display: flex;justify-content: center;font-size: 18px;width: 456px;color:#FFFFFF;margin: auto;">
|
||||
<div style="width: 215px;display: flex;align-items: center;justify-content: flex-end;">
|
||||
<div style="width:95px;">左足总压力</div>
|
||||
<div style="" class="foot-container-paddingcolor">{{ footPressure.left_total
|
||||
}}%</div>
|
||||
style="display: flex;justify-content: center;font-size: 16px;width: 470px;color:#FFFFFF;margin: auto;">
|
||||
<div style="width: 245px;display: flex;align-items: center;justify-content: flex-end;">
|
||||
<div style="">左足总压力</div>
|
||||
<div style="" class="foot-container-paddingcolor">{{ footPressure.left_total
|
||||
}}%</div>
|
||||
</div>
|
||||
<div class="foot-container-marginleft" style="width: 245px;display: flex;align-items: center;margin-left: 15px;">
|
||||
<div style="">右足总压力</div>
|
||||
<div style="width:130px;" class="foot-container-paddingcolor">100.2{{ footPressure.right_total
|
||||
}}%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-container-marginleft" style="width: 215px;display: flex;align-items: center;">
|
||||
<div style="width:95px;">右足总压力</div>
|
||||
<div style="width:130px;" class="foot-container-paddingcolor">{{ footPressure.right_total
|
||||
}}%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -457,7 +471,6 @@ function bigImgClick(row) {
|
||||
}
|
||||
|
||||
function getDayNum(date2,index){
|
||||
console.log(date2,index)
|
||||
// 解析日期字符串
|
||||
const parseDate = (dateStr) => {
|
||||
if (!dateStr) return new Date();
|
||||
@ -1485,7 +1498,7 @@ onMounted(() => {
|
||||
.basic-info-text {
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.basic-info-textcolor {
|
||||
@ -1510,7 +1523,7 @@ onMounted(() => {
|
||||
padding: 20px;
|
||||
font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size:14px;
|
||||
font-size:16px;
|
||||
}
|
||||
.detail-head-text{
|
||||
margin: 0px 20px;
|
||||
@ -1529,12 +1542,12 @@ onMounted(() => {
|
||||
.foot-container-paddingcolor{
|
||||
padding-left: 10px;
|
||||
color: #ff9900;
|
||||
font-size: 30px;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.foot-container-shuline{
|
||||
width: 0px;
|
||||
height: calc(100% + 20px);
|
||||
height: calc(100% + 60px);
|
||||
border-left: 1px dashed red;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -1544,12 +1557,12 @@ onMounted(() => {
|
||||
margin: auto;
|
||||
}
|
||||
.foot-container-hengline{
|
||||
width: calc(100% + 20px);
|
||||
width: calc(100% );
|
||||
height: 0;
|
||||
border-top: 1px dashed red;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -10px;
|
||||
left: 0px;
|
||||
right: 10;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
@ -1557,4 +1570,7 @@ onMounted(() => {
|
||||
.foot-container-margintop {
|
||||
margin-top: 80px;
|
||||
}
|
||||
.head-text-color{
|
||||
color: #ff9900;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user