调整位置

src/views/outHistorygrouping.vue

@@ -42,6 +42,13 @@
             医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span>
           </div>
         </div>
+         <div class="outsetgrouping_top_message_blow">
+					<span class="outsetgrouping_top_message_blow_tu7"><img src="../assets/img/daoru.png" alt=""></span>
+					<div class="outsetgrouping_top_message_blow_t4">
+						分组类型:<span>{{ casehisObj?casehisObj.drgs.disNature:'' }}</span>
+					</div>
+        </div>
+      
       </div>
     </div>
     <div class="outsetgrouping_top2">
@@ -67,7 +74,9 @@
               casehisObj ? casehisObj.drgs.actualfee : ""
             }}</span>
           </div>
+           
 				</div>
+        
       </div>
     </div>
     <div class="outsetgrouping_top3"></div>
@@ -96,6 +105,7 @@
               <div class="outsetgrouping_centent_totalnum_left_text_msg1_text1">
                 <span> 诊断名称:{{ item.diagMapName }}</span>
                 <span> 诊断类型:{{ item.diagOrder }}</span>
+                <span> 分组类型:{{item.disNature}}</span>
               </div>
               <div class="outsetgrouping_centent_totalnum_left_text_msg1_text2">
                 <span>操作名称:{{ item.opsMapName }}</span>
@@ -393,7 +403,7 @@ export default {
       justify-content: space-between;
 
       &_left {
-        width: 33%;
+        width: 25%;
         height: 51px;
         display: flex;
         justify-content: start;
@@ -429,7 +439,7 @@ export default {
       }
 
       &_centert {
-        width: 33%;
+        width: 25%;
         height: 51px;
         display: flex;
         justify-content: start;
@@ -466,7 +476,7 @@ export default {
       }
 
       &_right {
-        width: 33%;
+        width: 25%;
         height: 51px;
         display: flex;
         justify-content: start;
@@ -501,7 +511,38 @@ export default {
           }
         }
       }
+      &_blow {
+        width: 25%;
+        height: 51px;
+        display: flex;
+        justify-content: start;
+        align-items: center;
+        background-color: #f3fafd;
+        font-family: PingFang SC;
+
+       
+         &_tu7{
+            padding-left: 29px;
+          font-size: 23px;
+        }
+
+        &_t4 {
+          width: 80%;
+          height: 42px;
+          display: flex;
+          justify-content: start;
+          padding-left: 10px;
+          align-items: center;
+          background-color: #fff;
+          color: #abafb3;
+          font-size: 14px;
+          margin-left: 29px;
 
+          span {
+            color: #787e8a;
+          }
+        }
+      }
     }
   }
 
@@ -602,11 +643,7 @@ export default {
         background-color: #f3fafd;
         font-family: PingFang SC;
 
-        // .iconfont {
-        //   color: #2cabe3;
-        //   padding-left: 29px;
-        //   font-size: 23px;
-        // }
+       
          &_tu6{
             padding-left: 29px;
           font-size: 23px;
@@ -629,6 +666,7 @@ export default {
           }
         }
       }
+      
     }
   }
 
@@ -727,17 +765,17 @@ export default {
               width: 100%;
               height: 48%;
               display: flex;
-              justify-content: space-between;
+              justify-content: start;
 
               span {
                 height: 100%;
-                width: 50%;
+                width: 32%;
                 margin: 0px 5px;
                 display: flex;
                 justify-content: start;
                 align-items: center;
                 font-size: 14px;
-                padding-left: 10px;
+                padding-left: 11px;
                 font-family: PingFang SC;
                 font-weight: 300;
                 color: #6a707e;