Skip to content

Z
zhengfu
Commit 98156819 authored by 朱建丰's avatar 朱建丰
Browse files
Options

=0729

parent c2df1ad9
Hide whitespace changes
Inline Side-by-side
Showing with 87 additions and 23 deletions
qingtian_vue/src/views/Epidemic.vue
View file @ 98156819
...@@ -181,21 +181,21 @@ ...@@ -181,21 +181,21 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="24">
<el-col :sm="12" :xs="24"> <el-col :sm="24" :xs="24" >
<div class="daily-news unify-item"> <div class="daily-news unify-item">
<h3 class="module-tit">各区县工作进度</h3> <h3 class="module-tit">各乡镇、街道工作进度</h3>
<p class="ep-name">各区县新冠病毒疫苗供应及接种情况</p> <p class="ep-name">各乡镇、街道新常住人口及第一剂接种情况</p>
<div id="bar_1" style="width: 85%; height: 300px"></div> <div id="bar_1" style="width: 100%; height: 350px;overflow-x:scroll"></div>
</div> </div>
</el-col> </el-col>
<el-col :sm="12" :xs="24"> <!-- <el-col :sm="12" :xs="24">
<div class="key-groups unify-item"> <div class="key-groups unify-item">
<h3 class="module-tit">各地库存量</h3> <h3 class="module-tit">各地库存量</h3>
<p class="ep-name">各地疫苗库存量（昨日）</p> <p class="ep-name">各地疫苗库存量（昨日）</p>
<div id="bar_2" style="width: 85%; height: 300px"></div> <div id="bar_2" style="width: 85%; height: 300px"></div>
</div> </div>
</el-col> </el-col> -->
</el-row> </el-row>
</div> </div>
<div class="vaccine-traceability shadow" v-show="epidemic_tabs_idx == 1"> <div class="vaccine-traceability shadow" v-show="epidemic_tabs_idx == 1">
...@@ -541,6 +541,7 @@ ...@@ -541,6 +541,7 @@
components: {Breadcrumb}, components: {Breadcrumb},
data() { data() {
return { return {
bar_1:null,
breadData: { breadData: {
page_name: "常态化疫情防控", page_name: "常态化疫情防控",
annual_target: "暂无数据", annual_target: "暂无数据",
...@@ -709,16 +710,22 @@ ...@@ -709,16 +710,22 @@
this.init_circle_1(); this.init_circle_1();
this.init_circle_2(); this.init_circle_2();
this.init_line_1(); this.init_line_1();
this.init_bar_2(); //this.init_bar_2();
this.init_bar_1(); this.init_bar_1();
let _this = this;
window.parent.postMessage(document.body.scrollHeight, '*'); window.parent.postMessage(document.body.scrollHeight, '*');
window.onresize = () => { window.onresize = () => {
return (() => { return (() => {
window.parent.postMessage(document.body.scrollHeight, '*'); window.parent.postMessage(document.body.scrollHeight, '*');
_this.init_bar_1();
})(); })();
}; };
window.addEventListener("resize", function (e) { window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*'); window.parent.postMessage(document.body.scrollHeight, '*');
debugger;
//.dispose()
_this.init_bar_1();
}); });
}, },
methods: { methods: {
...@@ -924,7 +931,7 @@ ...@@ -924,7 +931,7 @@
orient: "horizontal", orient: "horizontal",
x: "left", x: "left",
y: "top", y: "top",
data: ["供应数", "接种数"], data: ["常住人口数", "接种数"],
}, },
tooltip: { tooltip: {
show: true, // 是否显示提示框，默认为true show: true, // 是否显示提示框，默认为true
...@@ -955,22 +962,45 @@ ...@@ -955,22 +962,45 @@
}, },
show: true, // 是否显示 show: true, // 是否显示
data: [ data: [
"莲都", "贵岙乡",
"龙泉", "小舟山乡",
"青田", "万山乡",
"云和", "北山镇",
"庆元", "巨浦乡",
"缙云", "汤垟乡",
"遂昌", "阜山乡",
"松阳", "油竹街道",
"景宁", "腊口镇",
"开发区", "季宅乡",
"仁庄镇",
"吴坑乡",
"章旦乡",
"祯旺乡",
"高湖镇",
"舒桥乡",
"温溪镇",
"方山乡",
"黄垟乡",
"仁宫乡",
"瓯南街道",
"章村乡",
"海溪乡",
"海口镇",
"山口镇",
"三溪口街道",
"祯埠镇",
"万阜乡",
"鹤城街道",
"东源镇",
"船寮镇",
"高市乡",
], ],
}, },
// ------ y轴 ---------- // ------ y轴 ----------
yAxis: { yAxis: {
show: true, // 是否显示 show: true, // 是否显示
name: "单位(万剂)", // 轴名称 name: "单位(人/剂)", // 轴名称
type: "value", // 轴类型，默认为 ‘category’ type: "value", // 轴类型，默认为 ‘category’
nameTextStyle: { nameTextStyle: {
// 坐标轴名称样式 // 坐标轴名称样式
...@@ -982,7 +1012,7 @@ ...@@ -982,7 +1012,7 @@
// ------- 内容数据 ------- // ------- 内容数据 -------
series: [ series: [
{ {
name: "供应数", // 序列名称 name: "常住人口数", // 序列名称
type: "bar", // 类型 type: "bar", // 类型
legendHoverLink: true, // 是否启用图列 hover 时的联动高亮 legendHoverLink: true, // 是否启用图列 hover 时的联动高亮
itemStyle: { itemStyle: {
...@@ -991,7 +1021,24 @@ ...@@ -991,7 +1021,24 @@
}, },
barWidth: 12, // 柱形的宽度 barWidth: 12, // 柱形的宽度
barCategoryGap: "10%", // 柱形的间距 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: "接种数", // 序列名称 name: "接种数", // 序列名称
...@@ -1003,7 +1050,24 @@ ...@@ -1003,7 +1050,24 @@
}, },
barWidth: 12, // 柱形的宽度 barWidth: 12, // 柱形的宽度
barCategoryGap: "10%", // 柱形的间距 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
],
}, },
], ],
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment