- 
+ 
-
+
+
-
@@ -48,6 +55,7 @@ export default {
return {
dyLeft: [],
dyRight: [],
+ dyService: [],
};
},
created() {
@@ -77,6 +85,16 @@ export default {
this.initRightCharts();
})
.catch(() => {});
+ this.$http
+ .get("/actual/base/peopleRoomOverview/partyPie?type=2")
+ .then(({ data: res }) => {
+ if (res.code !== 0) {
+ return this.$message.error(res.msg);
+ }
+ this.dyService = dataFormatter(res.data);
+ this.initServiceCharts();
+ })
+ .catch(() => {});
},
initLeftCharts() {
let div = document.getElementById("dyLeftChart");
@@ -275,7 +293,7 @@ export default {
{
type: "pie",
radius:
- this.dyRight && this.dyRight.length > 0 ? [30, 130] : [0, 0],
+ this.dyRight && this.dyRight.length > 0 ? [30, 130] : [0, 0],
center: ["50%", "50%"],
roseType: "area",
itemStyle: {
@@ -311,6 +329,124 @@ export default {
this.myChart2.setOption(option);
window.addEventListener("resize", () => this.myChart2.resize());
},
+
+ initServiceCharts() {
+ let div = document.getElementById("dyServiceChart");
+ this.myChart3 = echarts.init(div);
+ const option = {
+ color: [
+ "#15a7ed",
+ "#22b998",
+ "#5f6ff4",
+ "#a66eeb",
+ "#faa834",
+ "#fd6200",
+ "#fb3905",
+ ],
+ legend: {
+ orient: "vertical",
+ top: 20,
+ left: 10,
+ icon: "rect",
+ itemHeight: 14,
+ itemWidth: 14,
+ textStyle: {
+ color: "#ffffff",
+ rich: {
+ name: {
+ width: 80,
+ fontSize: 12,
+ color: "#dddee7",
+ },
+ value: {
+ width: 30,
+ align: "right",
+ fontSize: 18,
+ },
+ },
+ },
+ data: this.dyService,
+ formatter: (name) => {
+ if (this.dyService.length) {
+ const item = this.dyService.filter((item) => item.name === name)[0];
+ return `{name|${name}}{value| ${item.value}}`;
+ }
+ },
+ },
+ toolbox: {
+ show: false,
+ feature: {
+ mark: { show: true },
+ dataView: { show: true, readOnly: false },
+ restore: { show: true },
+ saveAsImage: { show: true },
+ },
+ },
+ title: {
+ show: !this.dyService || this.dyService.length == 0, // 是否要展示“暂无数据”矢量图
+ text: " {a|}", // 写入占位符a，以便后续填充内容
+ x: "center",
+ y: "center",
+ subtext: "暂无数据", // 子标题
+ itemGap: -10, // 设置主副标题间隔
+ textStyle: {
+ rich: {
+ a: {
+ height: 128, // 设置图片高度
+ width: 268, // 设置图片宽度
+ backgroundColor: {
+ // 引入图片，作为背景图，填写相对路径
+ image: require("@/assets/images/overview/zanwu.png"),
+ },
+ },
+ },
+ },
+ subtextStyle: {
+ // 配置副标题的文字样式
+ fontSize: 12,
+ color: "#ffffff",
+ },
+ },
+ series: [
+ {
+ type: "pie",
+ radius:
+ this.dyService && this.dyService.length > 0 ? [30, 130] : [0, 0],
+ center: ["50%", "50%"],
+ roseType: "area",
+ itemStyle: {
+ borderRadius: 0,
+ },
+ top: 20,
+ left: -40,
+ label: {
+ position: "inside",
+ formatter: "{d}%",
+ textStyle: {
+ color: "#ffffff",
+ fontSize: 12,
+ },
+ },
+ data: this.dyService,
+ },
+ ],
+ };
+ this.myChart3.on("click", (e) => {
+ this.$router.push({
+ path: "/dataBoard/renfang/resi-class-new",
+ query: {
+ org_id: this.org_id,
+ type_id: "aged",
+ type_name: "党员",
+ pageType: "normal",
+ type: "dangyuan",
+ cultureLevel: e.data.name,
+ },
+ });
+ });
+ this.myChart3.setOption(option);
+ window.addEventListener("resize", () => this.myChart3.resize());
+ },
},
};
diff --git a/src/views/dataBoard/renfang/visualizing/components/dibaorenyuan.vue b/src/views/dataBoard/renfang/visualizing/components/dibaorenyuan.vue
index 8e14787db..c07a42898 100644
--- a/src/views/dataBoard/renfang/visualizing/components/dibaorenyuan.vue
+++ b/src/views/dataBoard/renfang/visualizing/components/dibaorenyuan.vue
@@ -27,6 +27,12 @@
+
+
-
+
-
+
+
-
+
@@ -431,6 +448,7 @@ import jmgl from "@/views/dataBoard/renfang/cpts/jmgl";
import rkfx from "@/views/dataBoard/renfang/cpts/rkfx";
import rkyj from "@/views/dataBoard/renfang/cpts/rkyj";
import szsq from "@/views/dataBoard/renfang/cpts/szsq";
+import mapRight from "@/views/dataBoard/renfang/cpts/map-right.vue";
import cptBread from "@/views/dataBoard/renfang/cpts/bread";
import cptLoading from "@/views/dataBoard/cpts/loading";
import houseDetails from "@/views/dataBoard/cpts/house-details";
@@ -466,6 +484,7 @@ export default {
cptBread,
houseDetails,
resiDetails,
+ mapRight
},
data() {
diff --git a/src/views/dataBoard/renfang/visualizing/components/dangyuan.vue b/src/views/dataBoard/renfang/visualizing/components/dangyuan.vue
index 8ed932df3..7d47452dc 100644
--- a/src/views/dataBoard/renfang/visualizing/components/dangyuan.vue
+++ b/src/views/dataBoard/renfang/visualizing/components/dangyuan.vue
@@ -13,6 +13,13 @@
+
+
+
+
+
+
+
+
+