大屏同步修改点

web_admin/src/views/largeScreen.vue

@@ -46,7 +46,7 @@
           </div>
         </div>
         <div class="echarts-item-box">
-          <h3 class="section-title">BMI/吸烟喝酒占比</h3>
+          <h3 class="section-title">BMI/吸烟饮酒</h3>
           <div class="item-box-BMI">
             <div class="box-BMI-left">
               <div
@@ -94,7 +94,16 @@
           style="min-height: 300px; max-height: 300px"
         >
           <h3 class="section-title">评估结果统计</h3>
-          <div ref="scaleTypebution" style="width: 100%; height: 100%"></div>
+          <div
+            style="
+              width: 100%;
+              height: 100%;
+              box-sizing: border-box;
+              padding: 0 10px;
+            "
+          >
+            <div ref="scaleTypebution" style="width: 100%; height: 100%"></div>
+          </div>
         </div>
       </div>
       <div class="echarts-right">
@@ -105,8 +114,19 @@
           </div>
         </div>
         <div class="echarts-item-box">
-          <h3 class="section-title">T值分析/多重用药人数占比</h3>
-          <div class="item-box-BMI">
+          <h3 class="section-title">学历统计</h3>
+          <div
+            style="
+              width: 100%;
+              height: 100%;
+              box-sizing: border-box;
+              padding: 0 10px;
+            "
+          >
+            <div ref="education" style="width: 100%; height: 100%"></div>
+          </div>
+
+          <!-- <div class="item-box-BMI">
             <div class="box-BMI-left">
               <div ref="TValuebution" style="width: 100%; height: 100%"></div>
             </div>
@@ -116,7 +136,7 @@
                 style="width: 100%; height: 100%"
               ></div>
             </div>
-          </div>
+          </div> -->
         </div>
         <div
           class="echarts-item-box"
@@ -154,6 +174,7 @@ import {
   comorbidity,
   scaleType,
   henanMap,
+  education,
   // 接口
   nnicd,
   nntotal,
@@ -163,6 +184,7 @@ import {
   nntgb,
   nnscale,
   nnmap,
+  qualificationStatistics,
 } from "./index.js";
 import shanxiMapData from "./广东省.json";
 export default {
@@ -179,17 +201,19 @@ export default {
       nntotalList: {},
       nnlastList: [],
       nnicdList: [],
+      educationChart: null,
     };
   },
   mounted() {
     // 106 因孚
     // 108 罗胡医院
-    let deptId = 106;
+    let deptId = this.$route.query.deptId || 106;
     localStorage.setItem("hospitalId", deptId);
     this.getProjressMemberList();
     echarts.registerMap("shanxi", shanxiMapData);
     this.initMapChart();
     this.getNnicd();
+    this.getEducation();
     // 窗口大小改变时重新调整图表大小
     window.addEventListener("resize", this.handleResize);
   },
@@ -207,7 +231,7 @@ export default {
         console.log(res);
         this.nntotalList = res.data;
       });
-      // BMI/吸烟喝酒占比
+      // BMI/吸烟饮酒
       nnbmihjxy().then((res) => {
         console.log(res);
         this.bmiChart = echarts.init(this.$refs.unitDistribution, "macarons");
@@ -219,7 +243,7 @@ export default {
           { name: "非常肥胖", value: res.data.bmi5 },
         ];
         this.bmiChart.setOption(BMI);
-        // 吸烟喝酒占比
+        // 吸烟饮酒
         // this.projressMemberList = res.data;
         this.smokingChart = echarts.init(this.$refs.smokingbution, "macarons");
         smoking.series[0].data = [
@@ -287,13 +311,13 @@ export default {
           this.$refs.scaleTypebution,
           "macarons"
         );
-        // scaleType.xAxis[0].data = res.data.map((item) => item.name);
+        scaleType.xAxis[0].data = res.data.map((item) => item.name);
         // 正常
-        // scaleType.series[0].data = res.data.map((item) => item.ntotal);
+        scaleType.series[0].data = res.data.map((item) => item.normal);
         // 异常
-        // scaleType.series[1].data = res.data.map((item) => item.xtotal);
+        scaleType.series[1].data = res.data.map((item) => item.abnormal);
         // 评估人次
-        // scaleType.series[2].data = res.data.map((item) => item.total);
+        scaleType.series[2].data = res.data.map((item) => item.total);
         this.scaleTypeChart.setOption(scaleType);
       });
 
@@ -308,7 +332,25 @@ export default {
         this.henanMapchart.setOption(henanMap);
       });
     },
-
+    getEducation() {
+      // 学历统计
+      qualificationStatistics().then((res) => {
+        this.educationChart = echarts.init(this.$refs.education, "macarons");
+        let qualification = {
+          1: "文盲",
+          2: "小学",
+          3: "初中",
+          4: "高中/技校/中专",
+          5: "大专/大学",
+          6: "研究生及以上",
+        };
+        education.xAxis[0].data = res.data.map(
+          (item) => qualification[item.qualification]
+        );
+        education.series[0].data = res.data.map((item) => item.num);
+        this.educationChart.setOption(education);
+      });
+    },
     // 初始化地图
     initMapChart() {
       if (!this.$refs.mapChart) return;
@@ -438,7 +480,7 @@ export default {
       }
     }
 
-    // BMI/吸烟喝酒占比
+    // BMI/吸烟饮酒
     .item-box-BMI {
       flex: 1;
       display: flex;