画像编辑修改
This commit is contained in:
shidongli
parent
f0a77e48f5
commit
c0fb9904d6
@ -1,6 +1,49 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="header">
|
||||
<div class="topheader">
|
||||
<div class="user">
|
||||
<img
|
||||
class="headsculpture"
|
||||
src="../../../assets/manage/touxiang.png"
|
||||
alt=""
|
||||
v-if="this.$route.query.sex == 'MALE'"
|
||||
/>
|
||||
<img
|
||||
class="headsculpture"
|
||||
src="../../../assets/manage/nvtouxiang.png"
|
||||
alt=""
|
||||
v-if="this.$route.query.sex == 'FEMALE'"
|
||||
/>
|
||||
|
||||
<div class="name">
|
||||
|
||||
{{ this.$route.query.patientName }}
|
||||
</div>
|
||||
<div class="gender">
|
||||
性别：
|
||||
{{ this.$route.query.sex == "MALE" ? "男" : this.$route.query.sex == "FEMALE" ? "女" : "" }}
|
||||
</div>
|
||||
<div class="gender">
|
||||
年龄：
|
||||
{{ this.$route.query.age }}
|
||||
</div>
|
||||
<div class="gender">
|
||||
出生日期：
|
||||
{{ this.$route.query.birthDate }}
|
||||
</div>
|
||||
<div class="gender">
|
||||
医院：{{this.$route.query.hospitalAgencyName}}
|
||||
|
||||
</div>
|
||||
<div class="gender">
|
||||
诊断：{{this.$route.query.mainDiagnosis}}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
|
||||
<div class="timelist">
|
||||
<div class="left" ref="box">
|
||||
<div class="name">画像分组</div>
|
||||
@ -33,8 +76,9 @@
|
||||
"
|
||||
>
|
||||
{{ ulitem.taskTypeName
|
||||
}}<span class="spanitme" v-if="ulitem.taskTypeName">~</span
|
||||
}}<span class="spanitme" v-if="ulitem.taskTypeName">-</span
|
||||
>{{ ulitem.taskPartitionDictName }}
|
||||
<span class="count" v-if="ulitem.fieldSort">{{ulitem.fieldSort}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -43,7 +87,7 @@
|
||||
<div class="topform">
|
||||
<div style="margin-bottom: 20px">
|
||||
<div v-for="(aitem, aindex) in getParamslistData" :key="aindex">
|
||||
<div style="margin-left: 80px;">
|
||||
<div style="margin-left: 80px">
|
||||
<!-- {{aitem}} -->
|
||||
<div class="toptitle">{{ aitem.taskPartitionDictName }}</div>
|
||||
<div
|
||||
@ -105,7 +149,7 @@ export default {
|
||||
DepartmentoList: [],
|
||||
// 左侧传值
|
||||
querydepartmen: {
|
||||
// patientId: this.$route.query.patientId,
|
||||
patientId: this.$route.query.patientId,
|
||||
taskPartitionDictName: "",
|
||||
},
|
||||
itemdata: {},
|
||||
@ -276,13 +320,13 @@ export default {
|
||||
padding: 2px 44px 0;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
bottom: 66px;
|
||||
bottom: 90px;
|
||||
}
|
||||
.texts {
|
||||
// overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
width: 72%;
|
||||
height: calc(100vh - 157px);
|
||||
height: calc(100vh - 246px);
|
||||
background-color: #fff;
|
||||
.topform {
|
||||
width: 100%;
|
||||
@ -331,30 +375,60 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.app-container{
|
||||
padding: 0px 0 10px 0px;
|
||||
height: calc(100vh - 46px);
|
||||
}
|
||||
.header {
|
||||
// background-color: #f2f4f5;
|
||||
// padding-top: 10px;
|
||||
height: calc(100vh - 84px);
|
||||
padding: 0px 10px 10px 0px;
|
||||
// height: calc(100vh - 46px);
|
||||
.topheader{
|
||||
width: 99%;
|
||||
height: 80px;
|
||||
margin: 0 auto;
|
||||
.user {
|
||||
// background: #fff;
|
||||
width: 100%;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
height: 80px;
|
||||
align-items: center;
|
||||
line-height: 80px;
|
||||
.name {
|
||||
font-size: 20px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.gender {
|
||||
padding-left: 40px;
|
||||
}
|
||||
.headsculpture {
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.list {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: calc(100% - 11px);
|
||||
height: calc(100% - 40px);
|
||||
background-color: #f2f4f5;
|
||||
display: flex;
|
||||
padding-top: 15px;
|
||||
padding-top: 9px;
|
||||
justify-content: space-evenly;
|
||||
::v-deep .el-card {
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
.timelist {
|
||||
width: 25%;
|
||||
width: 27%;
|
||||
overflow: hidden;
|
||||
.left {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 17px 20px;
|
||||
height: calc(100vh - 156px);
|
||||
background-color: #fff;
|
||||
padding: 17px 20px;
|
||||
height: calc(100vh - 243px);
|
||||
overflow-y: auto;
|
||||
.name {
|
||||
font-weight: 700;
|
||||
@ -362,7 +436,7 @@ export default {
|
||||
}
|
||||
|
||||
.listitem {
|
||||
width: 100%;
|
||||
// width: 100%;
|
||||
height: 50px;
|
||||
border-bottom: 1px solid #dcdfe6;
|
||||
.spanitme {
|
||||
@ -371,12 +445,10 @@ export default {
|
||||
}
|
||||
|
||||
.count {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
// right: -172px;
|
||||
left: 210px;
|
||||
float: right;
|
||||
right: 20px;
|
||||
margin-right: 30px;
|
||||
color: #a4a6aa;
|
||||
top: -35px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@ -395,14 +467,6 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timetitle {
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
::v-deep .el-timeline {
|
||||
width: 100%;
|
||||
padding: 15px 0 0 !important;
|
||||
@ -413,35 +477,10 @@ export default {
|
||||
border: 1px solid #409eff;
|
||||
border-left: 5px solid #409eff;
|
||||
}
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.toptop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
span {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
i:nth-child(2) {
|
||||
padding-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-timeline-item__timestamp {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
::v-deep .el-timeline-item__wrapper {
|
||||
padding-left: 14px !important;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user