修改检查页面样式
This commit is contained in:
parent
c71f07f931
commit
68bbeb63fd
@ -3,7 +3,6 @@
|
|||||||
<Header />
|
<Header />
|
||||||
<div class="displaycontainer">
|
<div class="displaycontainer">
|
||||||
<div class="displayleft" style="width: 550px;">
|
<div class="displayleft" style="width: 550px;">
|
||||||
|
|
||||||
<img src="@/assets/detection/progress.png" alt="" style=" margin-left:10px;margin-right:15px">
|
<img src="@/assets/detection/progress.png" alt="" style=" margin-left:10px;margin-right:15px">
|
||||||
<div style="
|
<div style="
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@ -48,7 +47,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width:100%;height: calc(100% - 131px);" ref="contenGridRef">
|
<div style="width:100%;height: calc(100% - 115px);" ref="contenGridRef">
|
||||||
<!-- 主内容区域 -->
|
<!-- 主内容区域 -->
|
||||||
<el-row :gutter="15" style="padding: 10px;padding-top:0" >
|
<el-row :gutter="15" style="padding: 10px;padding-top:0" >
|
||||||
<el-col :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
|
<el-col :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
|
||||||
@ -193,74 +192,93 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="body-footbottom-box" ref="pressureRef">
|
<div class="body-footbottom-box" ref="pressureRef">
|
||||||
<div class="body-footbottom-left">
|
<div style="width: 100%;height: calc(100% - 57px);display: flex; align-items: center;justify-content: center;">
|
||||||
<div style="width:100%;height: 50px;"></div>
|
<div class="body-footbottom-left">
|
||||||
<div class="body-footbottom-leftbottom">
|
<div style="width:100%;height: 50px;"></div>
|
||||||
<div class="body-footbottom-leftbox">
|
<div class="body-footbottom-leftbottom">
|
||||||
<span class="currencytext1">左前足</span>
|
<div class="body-footbottom-leftbox">
|
||||||
<span class="currencytext2">
|
<span class="currencytext1">左前足</span>
|
||||||
{{ footPressure.left_front }}%
|
<span class="currencytext2">
|
||||||
</span>
|
{{ footPressure.left_front }}%
|
||||||
</div>
|
</span>
|
||||||
<div class="body-footbottom-leftbox">
|
</div>
|
||||||
<span class="currencytext1">左后足</span>
|
<div class="body-footbottom-leftbox">
|
||||||
<span class="currencytext2">
|
<span class="currencytext1">左后足</span>
|
||||||
{{ footPressure.left_rear }}%
|
<span class="currencytext2">
|
||||||
</span>
|
{{ footPressure.left_rear }}%
|
||||||
</div>
|
</span>
|
||||||
<div class="body-footbottom-leftbox">
|
</div>
|
||||||
<span class="currencytext1">左足总压力</span>
|
<!-- <div class="body-footbottom-leftbox">
|
||||||
<span class="currencytext2">
|
<span class="currencytext1">左足总压力</span>
|
||||||
{{ footPressure.left_total}}%
|
<span class="currencytext2">
|
||||||
</span>
|
{{ footPressure.left_total}}%
|
||||||
|
</span>
|
||||||
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="body-footbottom-center">
|
||||||
<div class="body-footbottom-center">
|
<div class="body-footbottom-topbox">
|
||||||
<div class="body-footbottom-topbox">
|
<div class="currencytext1" style="font-size:22px;text-align:center;">左足</div>
|
||||||
<div class="currencytext1" style="font-size:22px;text-align:center;">左足</div>
|
<div class="currencytext1" style="font-size:22px;text-align:center;">右足</div>
|
||||||
<div class="currencytext1" style="font-size:22px;text-align:center;">右足</div>
|
</div>
|
||||||
</div>
|
<div style="position: relative;width: 100%;height:calc(100% - 60px) ;"
|
||||||
<div style="position: relative;width: 100%;height:calc(100% - 60px) ;"
|
:class="(pressureStatus === '已连接' && footImgSrc)?'':'noImageSvg-bg'">
|
||||||
:class="(pressureStatus === '已连接' && footImgSrc)?'':'noImageSvg-bg'">
|
|
||||||
|
|
||||||
<img v-if="(pressureStatus === '已连接' && footImgSrc)" :src="footImgSrc" style="width: 100%;height: 100%;" alt="">
|
<img v-if="(pressureStatus === '已连接' && footImgSrc)" :src="footImgSrc" style="width: 100%;height: 100%;" alt="">
|
||||||
<div v-else style="width:90px;height:60px">
|
<div v-else style="width:90px;height:60px">
|
||||||
<img :src="noImageSvg" style="margin-left: 15px;">
|
<img :src="noImageSvg" style="margin-left: 15px;">
|
||||||
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
|
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
|
||||||
|
</div>
|
||||||
|
<div class="xline"></div>
|
||||||
|
<div class="yline"></div>
|
||||||
|
<!-- <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="xline"></div>
|
||||||
|
<div v-if="(pressureStatus === '已连接' && footImgSrc)" class="yline"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<div v-if="(pressureStatus === '已连接' && footImgSrc)" class="xline"></div>
|
|
||||||
<div v-if="(pressureStatus === '已连接' && footImgSrc)" class="yline"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="body-footbottom-left">
|
||||||
<div class="body-footbottom-left">
|
<div style="width:100%;height: 50px;"></div>
|
||||||
<div style="width:100%;height: 50px;"></div>
|
<div class="body-footbottom-leftbottom">
|
||||||
<div class="body-footbottom-leftbottom">
|
<div class="body-footbottom-leftbox">
|
||||||
<div class="body-footbottom-leftbox">
|
<span class="currencytext1">右前足</span>
|
||||||
<span class="currencytext1">右前足</span>
|
<span class="currencytext2">
|
||||||
<span class="currencytext2">
|
{{ footPressure.right_front }}%
|
||||||
{{ footPressure.right_front }}%
|
</span>
|
||||||
</span>
|
</div>
|
||||||
</div>
|
<div class="body-footbottom-leftbox">
|
||||||
<div class="body-footbottom-leftbox">
|
<span class="currencytext1">右后足</span>
|
||||||
<span class="currencytext1">右后足</span>
|
<span class="currencytext2">
|
||||||
<span class="currencytext2">
|
{{ footPressure.right_rear }}%
|
||||||
{{ footPressure.right_rear }}%
|
</span>
|
||||||
</span>
|
</div>
|
||||||
</div>
|
<!-- <div class="body-footbottom-leftbox">
|
||||||
<div class="body-footbottom-leftbox">
|
<span class="currencytext1">右足总压力</span>
|
||||||
<span class="currencytext1">右足总压力</span>
|
<span class="currencytext2">
|
||||||
<span class="currencytext2">
|
{{ footPressure.right_total}}%
|
||||||
{{ footPressure.right_total}}%
|
</span>
|
||||||
</span>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="display: flex;justify-content: center; width: 100%;">
|
||||||
|
<div class="body-footbottom-leftbox" style="width:calc(22% + 2px)">
|
||||||
|
<span class="currencytext1">左足总压力</span>
|
||||||
|
<span class="currencytext2">
|
||||||
|
{{ footPressure.left_total}}%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="body-footbottom-leftbox" style="width:calc(22% + 2px);margin-left: 20px">
|
||||||
|
<span class="currencytext1">右足总压力</span>
|
||||||
|
<span class="currencytext2">
|
||||||
|
{{ footPressure.right_total}}%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-if="camera1Status === '已连接' && camera2Status === '已连接'"
|
<el-col v-if=" false || camera1Status === '已连接' && camera2Status === '已连接'"
|
||||||
:span="6" style="flex: 0 0 24%;height: calc(100% - 0px); position: relative;">
|
:span="6" style="flex: 0 0 24%;height: calc(100% - 0px); position: relative;">
|
||||||
<div class="body-userinfo-box" :class="isExpand == true?'body-userinfo-expandbox':''">
|
<div class="body-userinfo-box" :class="isExpand == true?'body-userinfo-expandbox':''">
|
||||||
<div class="body-title-display">
|
<div class="body-title-display">
|
||||||
@ -430,9 +448,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-if="camera1Status === '已连接' || camera2Status === '已连接'"
|
<el-col v-if="true || camera1Status === '已连接' || camera2Status === '已连接'"
|
||||||
:span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
|
:span="6" style="flex: 0 0 24%;height: calc(100% - 0px);position: relative;">
|
||||||
<div class="body-userinfo-box1">
|
<div class="body-userinfo-box1" :class="isExpand == true?'body-userinfo-expandbox':''">
|
||||||
<div class="body-title-display">
|
<div class="body-title-display">
|
||||||
<div class="body-son-display">
|
<div class="body-son-display">
|
||||||
<img src="@/assets/detection/title4.png" alt="" style="margin-right: 8px;">
|
<img src="@/assets/detection/title4.png" alt="" style="margin-right: 8px;">
|
||||||
@ -444,7 +462,7 @@
|
|||||||
<div class="body-userinfo-content-top">
|
<div class="body-userinfo-content-top">
|
||||||
|
|
||||||
<img src="@/assets/detection/useredit.png" alt="" title="编辑患者信息"
|
<img src="@/assets/detection/useredit.png" alt="" title="编辑患者信息"
|
||||||
class="userinfo-edit-img" style="cursor: pointer;" @click="handleEditUserInfo">
|
class="userinfo-edit-img" style="cursor: pointer;" @click="handleEditUserInfo">
|
||||||
<div class="useravatar-box">
|
<div class="useravatar-box">
|
||||||
<img src="@/assets/detection/useravatar.svg" alt="">
|
<img src="@/assets/detection/useravatar.svg" alt="">
|
||||||
</div>
|
</div>
|
||||||
@ -461,61 +479,116 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="body-userinfo-content-bottom1">
|
<div class="body-userinfo-content-bottom0" v-if="isExpand == false">
|
||||||
<div class="userinfo-disyplaypadding4">
|
<img src="@/assets/detection/userinfo.png" alt=""
|
||||||
<div class="userinfo-text4">出生日期</div>
|
class="userinfo-edit-img" style="cursor: pointer;"
|
||||||
|
@click="viewClick(true)">
|
||||||
|
<div class="userinfo-disyplaypadding1 ">
|
||||||
|
<div class="userinfo-text4 padding10">出生日期</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
<span v-if="patientInfo && patientInfo.birth_date">
|
<span v-if="patientInfo && patientInfo.birth_date">
|
||||||
{{ formatDate(patientInfo.birth_date) }}
|
{{ formatDate(patientInfo.birth_date) }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding5">
|
<div class="userinfo-disyplaypadding2">
|
||||||
<div class="userinfo-text4">身高</div>
|
<div class="userinfo-text4 padding10">身高</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.height ==''||patientInfo.height ==null ?'—':patientInfo.height}}cm
|
{{ patientInfo.height ==''||patientInfo.height ==null ?'—':patientInfo.height}}cm
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding4">
|
<div class="userinfo-disyplaypadding1">
|
||||||
<div class="userinfo-text4">体重</div>
|
<div class="userinfo-text4 padding10">体重</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.weight ==''||patientInfo.weight ==null ?'—':patientInfo.weight}}kg
|
{{ patientInfo.weight ==''||patientInfo.weight ==null ?'—':patientInfo.weight}}kg
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding5">
|
<div class="userinfo-disyplaypadding2">
|
||||||
<div class="userinfo-text4">鞋码</div>
|
<div class="userinfo-text4 padding10">鞋码</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.shoe_size ==''||patientInfo.shoe_size ==null ?'—':patientInfo.shoe_size}}码</div>
|
{{ patientInfo.shoe_size ==''||patientInfo.shoe_size ==null ?'—':patientInfo.shoe_size}}码</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding4">
|
<div class="userinfo-disyplaypadding1">
|
||||||
<div class="userinfo-text4">电话</div>
|
<div class="userinfo-text4 padding10">电话</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.phone ==''||patientInfo.phone ==null ?'—':patientInfo.phone}}
|
{{ patientInfo.phone ==''||patientInfo.phone ==null ?'—':patientInfo.phone}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding5">
|
<div class="userinfo-disyplaypadding2">
|
||||||
<div class="userinfo-text4">民族</div>
|
<div class="userinfo-text4 padding10">民族</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.nationality ==''||patientInfo.nationality ==null ?'—':patientInfo.nationality}}</div>
|
{{ patientInfo.nationality ==''||patientInfo.nationality ==null ?'—':patientInfo.nationality}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding4">
|
<div class="userinfo-disyplaypadding1">
|
||||||
<div class="userinfo-text4">身份证号</div>
|
<div class="userinfo-text4 padding10">身份证号</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.idcode ==''||patientInfo.idcode ==null ?'—':patientInfo.idcode}}
|
{{ patientInfo.idcode ==''||patientInfo.idcode ==null ?'—':patientInfo.idcode}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding5">
|
<div class="userinfo-disyplaypadding2">
|
||||||
<div class="userinfo-text4">职业</div>
|
<div class="userinfo-text4 padding10">职业</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.occupation ==''||patientInfo.occupation ==null ?'—':patientInfo.occupation}}</div>
|
{{ patientInfo.occupation ==''||patientInfo.occupation ==null ?'—':patientInfo.occupation}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding6">
|
</div>
|
||||||
<div class="userinfo-text4">居住地</div>
|
<div class="body-userinfo-content-bottom2" v-if="isExpand == true">
|
||||||
|
<img src="@/assets/detection/userinfo.png" alt=""
|
||||||
|
class="userinfo-edit-img" style="cursor: pointer;"
|
||||||
|
@click="viewClick(false)">
|
||||||
|
<div class="userinfo-disyplaypadding1 ">
|
||||||
|
<div class="userinfo-text4 padding10">出生日期</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
<span v-if="patientInfo && patientInfo.birth_date">
|
||||||
|
{{ formatDate(patientInfo.birth_date) }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding2">
|
||||||
|
<div class="userinfo-text4 padding10">身高</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.height ==''||patientInfo.height ==null ?'—':patientInfo.height}}cm
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding1">
|
||||||
|
<div class="userinfo-text4 padding10">体重</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.weight ==''||patientInfo.weight ==null ?'—':patientInfo.weight}}kg
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding2">
|
||||||
|
<div class="userinfo-text4 padding10">鞋码</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.shoe_size ==''||patientInfo.shoe_size ==null ?'—':patientInfo.shoe_size}}码</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding1">
|
||||||
|
<div class="userinfo-text4 padding10">电话</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.phone ==''||patientInfo.phone ==null ?'—':patientInfo.phone}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding2">
|
||||||
|
<div class="userinfo-text4 padding10">民族</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.nationality ==''||patientInfo.nationality ==null ?'—':patientInfo.nationality}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding1">
|
||||||
|
<div class="userinfo-text4 padding10">身份证号</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.idcode ==''||patientInfo.idcode ==null ?'—':patientInfo.idcode}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding2">
|
||||||
|
<div class="userinfo-text4 padding10">职业</div>
|
||||||
|
<div class="userinfo-text5">
|
||||||
|
{{ patientInfo.occupation ==''||patientInfo.occupation ==null ?'—':patientInfo.occupation}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="userinfo-disyplaypadding3">
|
||||||
|
<div class="userinfo-text4 padding10">居住地</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.residence ==''||patientInfo.residence ==null ?'—':patientInfo.residence}}</div>
|
{{ patientInfo.residence ==''||patientInfo.residence ==null ?'—':patientInfo.residence}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="userinfo-disyplaypadding6">
|
<div class="userinfo-disyplaypadding3">
|
||||||
<div class="userinfo-text4">邮箱</div>
|
<div class="userinfo-text4 padding10">邮箱</div>
|
||||||
<div class="userinfo-text5">
|
<div class="userinfo-text5">
|
||||||
{{ patientInfo.email ==''||patientInfo.email ==null ?'—':patientInfo.email}}</div>
|
{{ patientInfo.email ==''||patientInfo.email ==null ?'—':patientInfo.email}}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -523,7 +596,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="body-video-box1">
|
<div class="body-video-box1" style="position: absolute; top: 522px; width: calc(100% - 15px);">
|
||||||
|
|
||||||
<div class="body-title-display">
|
<div class="body-title-display">
|
||||||
<div class="body-son-display">
|
<div class="body-son-display">
|
||||||
<img src="@/assets/detection/title5.png" alt="" style="margin-right: 8px;">
|
<img src="@/assets/detection/title5.png" alt="" style="margin-right: 8px;">
|
||||||
@ -538,14 +612,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="body-video-content">
|
<div class="body-video-content" style="padding: 0;">
|
||||||
<div v-show="camera1Status === '已连接'" class="body-video-imgbox3" ref="camera1Ref" :class="(camera1Status === '已连接' && camera1ImgSrc)?'':'noImageSvg-bg'">
|
<div v-show="camera1Status === '已连接'" class="body-video-imgbox3" ref="camera1Ref" :class="(camera1Status === '已连接' && camera1ImgSrc)?'':'noImageSvg-bg'">
|
||||||
<div v-if="(camera1Status === '已连接' && camera1ImgSrc)"
|
<div v-if="(camera1Status === '已连接' && camera1ImgSrc)"
|
||||||
@click="isBig1 = true" class="big-img">
|
@click="isBig1 = true" class="big-img">
|
||||||
<img src="@/assets/detection/big.png">
|
<img src="@/assets/detection/big.png">
|
||||||
</div>
|
</div>
|
||||||
<img v-if="(camera1Status === '已连接' && camera1ImgSrc)" :src="camera1ImgSrc" alt="camera1"
|
<img v-if="(camera1Status === '已连接' && camera1ImgSrc)" :src="camera1ImgSrc" alt="camera1"
|
||||||
style="width: 100%; height: 100%;" />
|
style="width: 100%; height: 100%;object-fit:contain;" />
|
||||||
<div v-else style="width:90px;height:60px">
|
<div v-else style="width:90px;height:60px">
|
||||||
<img :src="noImageSvg" style="margin-left: 15px;">
|
<img :src="noImageSvg" style="margin-left: 15px;">
|
||||||
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
|
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
|
||||||
@ -557,7 +631,7 @@
|
|||||||
<img src="@/assets/detection/big.png">
|
<img src="@/assets/detection/big.png">
|
||||||
</div>
|
</div>
|
||||||
<img v-if="(camera2Status === '已连接' && camera2ImgSrc)" :src="camera2ImgSrc" alt="camera2"
|
<img v-if="(camera2Status === '已连接' && camera2ImgSrc)" :src="camera2ImgSrc" alt="camera2"
|
||||||
style="width: 100%; height: 100%;" />
|
style="width: 100%; height: 100%;object-fit:contain;" />
|
||||||
<div v-else style="width:90px;height:60px">
|
<div v-else style="width:90px;height:60px">
|
||||||
<img :src="noImageSvg" style="margin-left: 15px;">
|
<img :src="noImageSvg" style="margin-left: 15px;">
|
||||||
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
|
<div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
|
||||||
@ -566,7 +640,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-if="camera1Status !== '已连接' && camera2Status !== '已连接'" :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
|
<el-col v-if="false || camera1Status !== '已连接' && camera2Status !== '已连接'" :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
|
||||||
<div class="body-userinfo-box3">
|
<div class="body-userinfo-box3">
|
||||||
<div class="body-title-display">
|
<div class="body-title-display">
|
||||||
<div class="body-son-display">
|
<div class="body-son-display">
|
||||||
@ -713,6 +787,7 @@
|
|||||||
<div class="pop-up-tip-text" v-if="!isVideoOperation">本次检测未截图或录像操作，不予存档记录！</div>
|
<div class="pop-up-tip-text" v-if="!isVideoOperation">本次检测未截图或录像操作，不予存档记录！</div>
|
||||||
<div class="pop-up-tip-text" v-if="isVideoOperation">本次检测未截图操作，存档记录不可生成报告！</div>
|
<div class="pop-up-tip-text" v-if="isVideoOperation">本次检测未截图操作，存档记录不可生成报告！</div>
|
||||||
<div class="tipconfirmbutton-box">
|
<div class="tipconfirmbutton-box">
|
||||||
|
<div class="tipclosebutton" @click="handleCancel">取消</div>
|
||||||
<el-button type="primary" class="tipconfirmbutton" @click="closeTipClick">确定</el-button>
|
<el-button type="primary" class="tipconfirmbutton" @click="closeTipClick">确定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -824,7 +899,7 @@
|
|||||||
|
|
||||||
<PatientProfile v-if="historyDialogVisible"
|
<PatientProfile v-if="historyDialogVisible"
|
||||||
:archiveType="true"
|
:archiveType="true"
|
||||||
:selectedPatient="selectedPatient"
|
:selectedPatient="patientInfo"
|
||||||
@closePatientProfile="closePatientProfile"/>
|
@closePatientProfile="closePatientProfile"/>
|
||||||
|
|
||||||
<div v-if="isBig1" style="position: fixed;top: 122px;right: 0;
|
<div v-if="isBig1" style="position: fixed;top: 122px;right: 0;
|
||||||
@ -2634,9 +2709,23 @@ const isPhotoAlbum = ref(false)
|
|||||||
function closePhotoAlbum(){
|
function closePhotoAlbum(){
|
||||||
isPhotoAlbum.value = false
|
isPhotoAlbum.value = false
|
||||||
}
|
}
|
||||||
function closecreatbox(e){
|
function closecreatbox(e,info){
|
||||||
if(e === true){
|
if(e === '编辑'){
|
||||||
loadPatientInfo()
|
patientInfo.value.age = info.age
|
||||||
|
patientInfo.value.birth_date = info.birth_date
|
||||||
|
patientInfo.value.email = info.email
|
||||||
|
patientInfo.value.gender = info.gender
|
||||||
|
patientInfo.value.height = info.height
|
||||||
|
patientInfo.value.id = info.id
|
||||||
|
patientInfo.value.idcode = info.idcode
|
||||||
|
patientInfo.value.name = info.name
|
||||||
|
patientInfo.value.nationality = info.nationality
|
||||||
|
patientInfo.value.occupation = info.occupation
|
||||||
|
patientInfo.value.phone = info.phone
|
||||||
|
patientInfo.value.residence = info.residence
|
||||||
|
patientInfo.value.shoe_size = info.shoe_size
|
||||||
|
patientInfo.value.weight = info.weight
|
||||||
|
// loadPatientInfo()
|
||||||
}
|
}
|
||||||
isCloseCreat.value = false
|
isCloseCreat.value = false
|
||||||
}
|
}
|
||||||
@ -2678,7 +2767,7 @@ function viewClick(e){
|
|||||||
|
|
||||||
.displaycontainer {
|
.displaycontainer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 62px;
|
height: 46px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -2855,10 +2944,8 @@ function viewClick(e){
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.body-footbottom-box{
|
.body-footbottom-box{
|
||||||
display: flex;
|
height: calc(100% - 50px);
|
||||||
align-items: center;
|
padding-bottom: 15px;
|
||||||
justify-content: center;
|
|
||||||
height: calc(100% - 70px);
|
|
||||||
}
|
}
|
||||||
.body-footbottom-left{
|
.body-footbottom-left{
|
||||||
width: 28%;
|
width: 28%;
|
||||||
@ -2871,8 +2958,8 @@ function viewClick(e){
|
|||||||
.body-footbottom-leftbox{
|
.body-footbottom-leftbox{
|
||||||
min-width: 215px;
|
min-width: 215px;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
min-height: 60px;
|
min-height: 57px;
|
||||||
height: 20%;
|
height: 57px;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@ -2882,8 +2969,8 @@ function viewClick(e){
|
|||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
}
|
}
|
||||||
.body-footbottom-center{
|
.body-footbottom-center{
|
||||||
width: 40%;
|
width: 37%;
|
||||||
height: calc(100%);
|
height: calc(100% - 0px);
|
||||||
}
|
}
|
||||||
.body-footbottom-topbox{
|
.body-footbottom-topbox{
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -2918,7 +3005,7 @@ function viewClick(e){
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-content:space-between ;
|
align-content:space-around;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body-userinfo-box{
|
.body-userinfo-box{
|
||||||
@ -2926,18 +3013,18 @@ function viewClick(e){
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 346px;
|
height: 346px;
|
||||||
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
|
|
||||||
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
|
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
|
||||||
border: 1px solid #242E3D;
|
border: 1px solid #242E3D;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.body-userinfo-expandbox{
|
.body-userinfo-expandbox{
|
||||||
height: 638px ;
|
height: 680px !important;
|
||||||
}
|
}
|
||||||
.body-userinfo-box1{
|
.body-userinfo-box1{
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 534px ;
|
height: 524px ;
|
||||||
/* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
|
|
||||||
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
|
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
|
||||||
border: 1px solid #242E3D;
|
border: 1px solid #242E3D;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@ -2963,7 +3050,7 @@ function viewClick(e){
|
|||||||
}
|
}
|
||||||
.body-video-box1{
|
.body-video-box1{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 534px - 14px) ;
|
height: calc(100% - 534px - 4px) ;
|
||||||
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
|
background: linear-gradient(135deg, #1a1e2a 0%, #222b38 100%);
|
||||||
border: 1px solid #242E3D;
|
border: 1px solid #242E3D;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@ -3100,10 +3187,10 @@ function viewClick(e){
|
|||||||
}
|
}
|
||||||
.userinfo-disyplaypadding1{
|
.userinfo-disyplaypadding1{
|
||||||
width: calc(64%);
|
width: calc(64%);
|
||||||
padding-bottom: 15px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
.padding10{
|
.padding10{
|
||||||
padding-bottom: 5px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
.userinfo-disyplaypadding2{
|
.userinfo-disyplaypadding2{
|
||||||
width: calc(36%);
|
width: calc(36%);
|
||||||
@ -3338,6 +3425,25 @@ function viewClick(e){
|
|||||||
background:#14aaff;
|
background:#14aaff;
|
||||||
border:1px solid #14aaff;
|
border:1px solid #14aaff;
|
||||||
}
|
}
|
||||||
|
.tipclosebutton{
|
||||||
|
width: 80px;
|
||||||
|
height: 40px;
|
||||||
|
background-color: #597194;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 16px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-right: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tipclosebutton:hover{
|
||||||
|
background-color: #14aaff;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
.pop-up-tip-text{
|
.pop-up-tip-text{
|
||||||
width:100%;
|
width:100%;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|||||||
@ -608,6 +608,13 @@ const handleSave = async () => {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
.patient-create-container :deep(.el-input__wrapper:hover) {
|
||||||
|
|
||||||
|
border-color: #14aaff;
|
||||||
|
box-shadow: 0 0 0 1px transparent inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
:deep(.el-select__wrapper) {
|
:deep(.el-select__wrapper) {
|
||||||
background-color: #2a3649;
|
background-color: #2a3649;
|
||||||
@ -619,7 +626,7 @@ const handleSave = async () => {
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
:deep(.el-select__wrapper:hover){
|
:deep(.el-select__wrapper:hover){
|
||||||
border-color: #3d4c65;
|
border-color: #14aaff;
|
||||||
box-shadow: 0 0 0 1px transparent inset;
|
box-shadow: 0 0 0 1px transparent inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -724,4 +731,6 @@ const handleSave = async () => {
|
|||||||
.el-date-editor.el-input{
|
.el-date-editor.el-input{
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1633,8 +1633,8 @@ function closecreatbox(e,info){
|
|||||||
box-shadow: 0 0 0 1px #191D28 inset;
|
box-shadow: 0 0 0 1px #191D28 inset;
|
||||||
}
|
}
|
||||||
.patientprofile-container-dataInfobg .el-select__wrapper:hover{
|
.patientprofile-container-dataInfobg .el-select__wrapper:hover{
|
||||||
background: #191D28;
|
border-color: #14aaff;
|
||||||
box-shadow: 0 0 0 1px #0b94d5 inset !important;
|
box-shadow: 0 0 0 1px transparent inset;
|
||||||
}
|
}
|
||||||
.patientprofile-container-dataInfobg-rightbottombox{
|
.patientprofile-container-dataInfobg-rightbottombox{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user