画像编辑修改

src/views/manage/Portraitedit/index.vue

@@ -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{
+.header {
-  padding: 0px 0 10px 0px;
+  // background-color: #f2f4f5;
-  height: calc(100vh - 46px);
+  // 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);
+      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;
+          float: right;
-          position: relative;
+          right: 20px;
-          // right: -172px;
+          margin-right: 30px;
-          left: 210px;
           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;
 }