年龄分布字体调整

web_admin/src/views/index.js

@@ -281,7 +281,7 @@ export let age = {
       color: ["#5070DD", "#B6D634", "#505372", "#FF994D", "#0CA8DF"],
       label: {
         position: "inner",
-        fontSize: 14,
+        fontSize: 12,
         color: "#fff",
         formatter: "{c}人",
       },

web_admin/src/views/index.vue

@@ -532,6 +532,16 @@ export default {
     // width: 100%;
     // height: 100%;
     // overflow: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+  }
+  .disease-item-group:nth-child(1) {
+    padding-right: 14px;
+  }
+  .disease-item-group:nth-child(2) {
+    padding-left: 14px;
+    border-left: 1px solid #e5e5e5;
   }
   // 隐藏滚动条
   .disease-item-group::-webkit-scrollbar {
@@ -540,12 +550,15 @@ export default {
   .content-disease-item {
     display: flex;
     align-content: center;
-    margin-bottom: 13px;
     .disease-item-name {
-      width: 130px;
+      width: 110px;
       color: #999999;
       line-height: 18px;
       margin-right: 14px;
+      // 单行显示
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     .disease-item-value {
       flex: 1;