1.媒体查询

2.调整字段的宽度 大小 高度

src/views/outpatientDetails.vue

@@ -170,6 +170,7 @@
 						style="width: 100%;"
 						height='98%'
 						row-key="id"
+            size="small"
 						:default-expand-all="false"
 						:highlight-current-row="true"
 						:tree-props="{ children: 'inpat_FeeDatas', hasChildren: 'hasChildren' }"
@@ -211,7 +212,7 @@
             style="width: 100%"
             :default-sort="{ prop: 'date', order: 'descending' }"
             :row-class-name="tableRowClassName"
-            height="575"
+            height='98%'
           >
             <el-table-column
               label="开单日期"
@@ -641,7 +642,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "../styles/mixin.scss";
-// @import '../styles/media/components/outpatientDetails.scss';
+@import '../styles/media/components/outpatientDetails.scss';
 
 
 // 左侧表格点击高亮背景色
@@ -836,8 +837,66 @@ color: #55a6da !important;
     }
    span:nth-child(2) {
 			margin-left: 21px;
+			width: 200px;
+			height: 39px;
+			background-color: #fff;
+			font-size: 14px;
+			color: #6d7381;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-family: PingFang SC;
+			margin-right: 5px;
+		}
+		span:nth-child(3) {
+			width: 200px;
+			height: 39px;
+			background-color: #fff;
+			font-size: 14px;
+			color: #6d7381;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-family: PingFang SC;
+			margin-right: 5px;
+		}
+		span:nth-child(4) {
+			width: 258px;
+			height: 39px;
+			background-color: #fff;
+			font-size: 14px;
+			color: #6d7381;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-family: PingFang SC;
+			margin-right: 5px;
+		}
+		span:nth-child(5) {
+			width: 200px;
+			height: 39px;
+			background-color: #fff;
+			font-size: 14px;
+			color: #6d7381;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-family: PingFang SC;
+			margin-right: 5px;
 		}
-    span:nth-child(n + 2) {
+		span:nth-child(6) {
+			width: 200px;
+			height: 39px;
+			background-color: #fff;
+			font-size: 14px;
+			color: #6d7381;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-family: PingFang SC;
+			margin-right: 5px;
+		}
+		span:nth-child(n + 7) {
 			width: 258px;
 			height: 39px;
 			background-color: #fff;
@@ -1178,6 +1237,7 @@ color: #55a6da !important;
       }
       &_right {
         width: 65%;
+        height: 90%;
         // 无数据样式
         &_box {
           width: 100%;
@@ -1213,7 +1273,7 @@ color: #55a6da !important;
       width: 20%;
       height: 100%;
       border: 1px solid #f6f6f8;
-      padding: 10px;
+      padding:0 10px;
       &_top {
         height: 20%;
         width: 100%;
@@ -1247,7 +1307,7 @@ color: #55a6da !important;
             font-family: PingFang SC;
             font-weight: 400;
             color: #5d5d5d;
-            margin-right: 5px;
+            // margin-right: 5px;
              cursor: pointer;/*鼠标移上有小手*/
           }
           &_span1background{