=0729

qingtian_vue/src/views/Epidemic.vue

@@ -181,21 +181,21 @@
           </div>
         </el-col>
       </el-row>
-      <el-row :gutter="20">
-        <el-col :sm="12" :xs="24">
+      <el-row :gutter="24">
+        <el-col :sm="24" :xs="24" >
           <div class="daily-news unify-item">
-            <h3 class="module-tit">各区县工作进度</h3>
-            <p class="ep-name">各区县新冠病毒疫苗供应及接种情况</p>
-            <div id="bar_1" style="width: 85%; height: 300px"></div>
+            <h3 class="module-tit">各乡镇、街道工作进度</h3>
+            <p class="ep-name">各乡镇、街道新常住人口及第一剂接种情况</p>
+            <div id="bar_1" style="width: 100%; height: 350px;overflow-x:scroll"></div>
           </div>
         </el-col>
-        <el-col :sm="12" :xs="24">
+        <!-- <el-col :sm="12" :xs="24">
           <div class="key-groups unify-item">
             <h3 class="module-tit">各地库存量</h3>
             <p class="ep-name">各地疫苗库存量（昨日）</p>
             <div id="bar_2" style="width: 85%; height: 300px"></div>
           </div>
-        </el-col>
+        </el-col> -->
       </el-row>
     </div>
     <div class="vaccine-traceability shadow" v-show="epidemic_tabs_idx == 1">
@@ -541,6 +541,7 @@
         components: {Breadcrumb},
         data() {
             return {
+              bar_1:null,
                 breadData: {
                     page_name: "常态化疫情防控",
                     annual_target: "暂无数据",
@@ -709,16 +710,22 @@
             this.init_circle_1();
             this.init_circle_2();
             this.init_line_1();
-            this.init_bar_2();
+            //this.init_bar_2();
             this.init_bar_1();
+             let _this = this;
             window.parent.postMessage(document.body.scrollHeight, '*');
             window.onresize = () => {
                 return (() => {
                     window.parent.postMessage(document.body.scrollHeight, '*');
+                    
+                     _this.init_bar_1();
                 })();
             };
             window.addEventListener("resize", function (e) {
                 window.parent.postMessage(document.body.scrollHeight, '*');
+                debugger;
+                //.dispose()
+                  _this.init_bar_1();
             });
         },
         methods: {
@@ -924,7 +931,7 @@
                         orient: "horizontal",
                         x: "left",
                         y: "top",
-                        data: ["供应数", "接种数"],
+                        data: ["常住人口数", "接种数"],
                     },
                     tooltip: {
                         show: true, // 是否显示提示框，默认为true
@@ -955,22 +962,45 @@
                         },
                         show: true, // 是否显示
                         data: [
-                            "莲都",
-                            "龙泉",
-                            "青田",
-                            "云和",
-                            "庆元",
-                            "缙云",
-                            "遂昌",
-                            "松阳",
-                            "景宁",
-                            "开发区",
+                            "贵岙乡",
+                            "小舟山乡",
+                            "万山乡",
+                            "北山镇",
+                            "巨浦乡",
+                            "汤垟乡",
+                            "阜山乡",
+                            "油竹街道",
+                            "腊口镇",
+                            "季宅乡",
+                            "仁庄镇",
+                            "吴坑乡",
+                            "章旦乡",
+                            "祯旺乡",
+                            "高湖镇",
+                            "舒桥乡",
+                            "温溪镇",
+                            "方山乡",
+                            "黄垟乡",
+"仁宫乡",
+"瓯南街道",
+"章村乡",
+"海溪乡",
+"海口镇",
+"山口镇",
+"三溪口街道",
+"祯埠镇",
+"万阜乡",
+"鹤城街道",
+"东源镇",
+"船寮镇",
+"高市乡",
+
                         ],
                     },
                     //   ------   y轴  ----------
                     yAxis: {
                         show: true, // 是否显示
-                        name: "单位(万剂)", // 轴名称
+                        name: "单位(人/剂)", // 轴名称
                         type: "value", // 轴类型，默认为 ‘category’
                         nameTextStyle: {
                             // 坐标轴名称样式
@@ -982,7 +1012,7 @@
                     //  -------   内容数据 -------
                     series: [
                         {
-                            name: "供应数", // 序列名称
+                            name: "常住人口数", // 序列名称
                             type: "bar", // 类型
                             legendHoverLink: true, // 是否启用图列 hover 时的联动高亮
                             itemStyle: {
@@ -991,7 +1021,24 @@
                             },
                             barWidth: 12, // 柱形的宽度
                             barCategoryGap: "10%", // 柱形的间距
-                            data: [100, 78, 90, 85, 93, 86, 98, 95, 80, 78],
+                            data: [1478, 988, 571, 2089, 2000, 1525, 4352, 27064, 16191, 4659,4992,2148,1811,1715,12880,5669,
+61518,
+2904,
+1720,
+3818,
+32252,
+5850,
+4146,
+10468,
+8984,
+6260,
+9498,
+2715,
+69838,
+16771,
+30339,
+4226
+],
                         },
                         {
                             name: "接种数", // 序列名称
@@ -1003,7 +1050,24 @@
                             },
                             barWidth: 12, // 柱形的宽度
                             barCategoryGap: "10%", // 柱形的间距
-                            data: [100, 78, 90, 85, 93, 86, 98, 95, 80, 78],
+                            data: [1935, 1054, 555, 1852, 1773, 1349, 3513, 21832, 12980, 3654,3911,1659,1398,1312,9709,4058,
+43962,
+2066,
+1223,
+2704,
+22751,
+4123,
+2902,
+7284,
+6142,
+4203,
+6347,
+1791,
+43841,
+10342,
+17083,
+2279
+],
                         },
                     ],
                 });