@ued_fpi/data-visual 1.2.28 → 1.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/es/ipes/src/AnnualEventStatistics/index.vue.mjs +3 -3
  2. package/dist/es/ipes/src/BasicSecurityManagement/index.vue.mjs +1 -1
  3. package/dist/es/ipes/src/EmengercyPlan/index.vue.mjs +1 -1
  4. package/dist/es/ipes/src/EmergencyWatch/index.vue.mjs +9 -16
  5. package/dist/es/ipes/src/GasControl/index.vue.mjs +1 -1
  6. package/dist/es/ipes/src/GroundwaterMonitor/index.vue.mjs +14 -7
  7. package/dist/es/ipes/src/HazardousWasteManagement/index.vue.mjs +19 -4
  8. package/dist/es/ipes/src/HomeworkVolumeTrend/index.vue.mjs +6 -2
  9. package/dist/es/ipes/src/Level3AirDefense/components/PercentageItem.vue.mjs +3 -3
  10. package/dist/es/ipes/src/RiskClassification/index.vue.mjs +3 -5
  11. package/dist/es/ipes/src/WasteGas/index.vue.mjs +3 -11
  12. package/dist/es/ipes/src/WasteWater/index.vue.mjs +3 -11
  13. package/dist/es/ipes/src/WastewaterTargetRate/index.vue.mjs +22 -4
  14. package/dist/es/ipes/src/WaterQualityStandard/index.vue.mjs +8 -7
  15. package/dist/es/style.css +1 -1
  16. package/dist/es/wgms/src/ChangeAlongRiver/index.vue.mjs +6 -3
  17. package/dist/es/wgms/src/DistributionOfWaterQualityLevels/index.vue.mjs +3 -3
  18. package/dist/es/wgms/src/DrinkingWaterComplianceRate/index.vue.mjs +5 -6
  19. package/dist/es/wgms/src/RegionalQualityAnalysis/index.vue.mjs +24 -13
  20. package/dist/es/wgms/src/UpstreamImpact/index.vue.mjs +7 -4
  21. package/dist/es/wgms/src/WaterQualityRainfall/index.vue.mjs +10 -8
  22. package/dist/es/wgms/src/WaterQualitySituation/index.vue.mjs +29 -22
  23. package/dist/es/wgms/src/WaterQualityStatesAnalysis/index.vue.mjs +11 -6
  24. package/dist/es/wgms/src/common/popup-table.vue.mjs +1 -1
  25. package/dist/es/wgms/utils/echarts/echartsOptions.mjs +2 -2
  26. package/dist/es/wgms/utils/tools.mjs +7 -1
  27. package/dist/lib/ipes/src/AnnualEventStatistics/index.vue.js +3 -3
  28. package/dist/lib/ipes/src/BasicSecurityManagement/index.vue.js +1 -1
  29. package/dist/lib/ipes/src/EmengercyPlan/index.vue.js +1 -1
  30. package/dist/lib/ipes/src/EmergencyWatch/index.vue.js +8 -15
  31. package/dist/lib/ipes/src/GasControl/index.vue.js +1 -1
  32. package/dist/lib/ipes/src/GroundwaterMonitor/index.vue.js +13 -6
  33. package/dist/lib/ipes/src/HazardousWasteManagement/index.vue.js +18 -3
  34. package/dist/lib/ipes/src/HomeworkVolumeTrend/index.vue.js +6 -2
  35. package/dist/lib/ipes/src/Level3AirDefense/components/PercentageItem.vue.js +3 -3
  36. package/dist/lib/ipes/src/RiskClassification/index.vue.js +3 -5
  37. package/dist/lib/ipes/src/WasteGas/index.vue.js +2 -10
  38. package/dist/lib/ipes/src/WasteWater/index.vue.js +2 -10
  39. package/dist/lib/ipes/src/WastewaterTargetRate/index.vue.js +21 -3
  40. package/dist/lib/ipes/src/WaterQualityStandard/index.vue.js +7 -6
  41. package/dist/lib/style.css +1 -1
  42. package/dist/lib/wgms/src/ChangeAlongRiver/index.vue.js +6 -3
  43. package/dist/lib/wgms/src/DistributionOfWaterQualityLevels/index.vue.js +3 -3
  44. package/dist/lib/wgms/src/DrinkingWaterComplianceRate/index.vue.js +5 -6
  45. package/dist/lib/wgms/src/RegionalQualityAnalysis/index.vue.js +23 -12
  46. package/dist/lib/wgms/src/UpstreamImpact/index.vue.js +7 -4
  47. package/dist/lib/wgms/src/WaterQualityRainfall/index.vue.js +9 -7
  48. package/dist/lib/wgms/src/WaterQualitySituation/index.vue.js +29 -22
  49. package/dist/lib/wgms/src/WaterQualityStatesAnalysis/index.vue.js +11 -6
  50. package/dist/lib/wgms/src/common/popup-table.vue.js +1 -1
  51. package/dist/lib/wgms/utils/echarts/echartsOptions.js +2 -2
  52. package/dist/lib/wgms/utils/tools.js +7 -0
  53. package/dist/style/style-ipes.css +1 -1
  54. package/package.json +2 -2
@@ -10,7 +10,7 @@ const _hoisted_2 = { class: "pie-card" };
10
10
  const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "top" }, null, -1);
11
11
  const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom" }, null, -1);
12
12
  const _hoisted_5 = { class: "label" };
13
- const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 地下水监控 ", -1);
13
+ const _hoisted_6 = { class: "title" };
14
14
  const _hoisted_7 = { class: "total mgt8" };
15
15
  const _hoisted_8 = { class: "legend" };
16
16
  const _hoisted_9 = { class: "typename" };
@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
26
26
  const colors = vue.ref([]);
27
27
  const waterTotal = vue.ref(0);
28
28
  const legendData = vue.ref([]);
29
+ const waterName = vue.ref("地下水监控");
29
30
  const groundwaterChart = vue.ref();
30
31
  function drawChart(data) {
31
32
  const Highcharts = window.Highcharts;
@@ -44,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
44
45
  title: {
45
46
  text: null
46
47
  },
47
- colors,
48
+ colors: colors.value,
48
49
  tooltip: {
49
50
  enabled: false
50
51
  },
@@ -80,9 +81,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
80
81
  method: "get",
81
82
  url: "/ipes-data-aggregation-server/api/v2/gis/env/gw-level-stat"
82
83
  });
83
- const { total, gwLevels } = result.data;
84
+ const { name, total } = result.data;
85
+ let { gwLevels } = result.data;
84
86
  const seriesData = [];
85
87
  const colorList = [];
88
+ gwLevels = gwLevels.filter((item) => {
89
+ return item.count !== 0;
90
+ });
86
91
  gwLevels.forEach((item) => {
87
92
  seriesData.push([item.name, item.count]);
88
93
  colorList.push(item.color);
@@ -90,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
90
95
  colors.value = colorList;
91
96
  legendData.value = gwLevels;
92
97
  waterTotal.value = total;
98
+ waterName.value = name;
93
99
  drawChart(seriesData);
94
100
  } catch (error) {
95
101
  console.log(error);
@@ -102,15 +108,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
102
108
  return (_ctx, _cache) => {
103
109
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
104
110
  vue.createElementVNode("div", _hoisted_2, [
105
- vue.createElementVNode("div", {
111
+ waterTotal.value ? (vue.openBlock(), vue.createElementBlock("div", {
112
+ key: 0,
106
113
  ref_key: "groundwaterChart",
107
114
  ref: groundwaterChart,
108
115
  class: "pie"
109
- }, null, 512),
116
+ }, null, 512)) : vue.createCommentVNode("", true),
110
117
  _hoisted_3,
111
118
  _hoisted_4,
112
119
  vue.createElementVNode("div", _hoisted_5, [
113
- _hoisted_6,
120
+ vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(waterName.value), 1),
114
121
  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(waterTotal.value), 1)
115
122
  ])
116
123
  ]),
@@ -2,6 +2,9 @@
2
2
 
3
3
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
4
 
5
+ const es = require('element-plus/es');
6
+ require('element-plus/es/components/base/style/css');
7
+ require('element-plus/es/components/tooltip/style/css');
5
8
  const bgLight = require('./images/bg-light.png.js');
6
9
  const bg = require('./images/bg.png.js');
7
10
  const selfUseLight = require('./images/selfUse-light.png.js');
@@ -22,9 +25,9 @@ const _hoisted_2 = { class: "box" };
22
25
  const _hoisted_3 = ["src"];
23
26
  const _hoisted_4 = { class: "info" };
24
27
  const _hoisted_5 = { class: "name" };
25
- const _hoisted_6 = { class: "right" };
28
+ const _hoisted_6 = { class: "right flex" };
26
29
  const _hoisted_7 = { class: "value" };
27
- const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "吨", -1);
30
+ const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "unit" }, " ", -1);
28
31
  const __default__ = {
29
32
  name: "DvIpesHazardousWasteManagement",
30
33
  title: "危废管理"
@@ -73,6 +76,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
73
76
  getData();
74
77
  });
75
78
  return (_ctx, _cache) => {
79
+ const _component_el_tooltip = es.ElTooltip;
76
80
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
77
81
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(basicInfos.value, (item) => {
78
82
  return vue.openBlock(), vue.createElementBlock("div", {
@@ -86,7 +90,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
86
90
  vue.createElementVNode("div", _hoisted_4, [
87
91
  vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.name), 1),
88
92
  vue.createElementVNode("div", _hoisted_6, [
89
- vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(getShowData(infoData.value[item.key])), 1),
93
+ vue.createVNode(_component_el_tooltip, {
94
+ disabled: getShowData(infoData.value[item.key]) && getShowData(infoData.value[item.key]).length < 8,
95
+ class: "item",
96
+ effect: "dark",
97
+ content: getShowData(infoData.value[item.key]),
98
+ placement: "top-start"
99
+ }, {
100
+ default: vue.withCtx(() => [
101
+ vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(getShowData(infoData.value[item.key])), 1)
102
+ ]),
103
+ _: 2
104
+ }, 1032, ["disabled", "content"]),
90
105
  _hoisted_8
91
106
  ])
92
107
  ])
@@ -62,7 +62,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
62
62
  xAxis: {
63
63
  type: "category",
64
64
  axisLabel: {
65
- color: xlabelColor.value
65
+ color: xlabelColor.value,
66
+ fontFamily: "var(--dv-font-family-number)",
67
+ fontSize: "var(--dv-text-number2)"
66
68
  },
67
69
  axisTick: {
68
70
  show: false
@@ -77,7 +79,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
77
79
  yAxis: {
78
80
  type: "value",
79
81
  axisLabel: {
80
- color: ylabelColor.value
82
+ color: ylabelColor.value,
83
+ fontFamily: "var(--dv-font-family-number)",
84
+ fontSize: "var(--dv-text-number2)"
81
85
  },
82
86
  splitLine: {
83
87
  lineStyle: {
@@ -43,11 +43,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
43
43
  });
44
44
  return (_ctx, _cache) => {
45
45
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
46
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data.value, (name, value) => {
46
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data.value, (name, index) => {
47
47
  return vue.openBlock(), vue.createElementBlock("div", {
48
- key: value,
48
+ key: index,
49
49
  class: "dv-ipes-percentage-item",
50
- style: vue.normalizeStyle({ backgroundColor: colors[value], width: `${name}%` })
50
+ style: vue.normalizeStyle({ backgroundColor: colors[index], width: `${name}%` })
51
51
  }, null, 4);
52
52
  }), 128))
53
53
  ]);
@@ -9,8 +9,8 @@ require('../../utils/highchartsPiePlugins.js');
9
9
 
10
10
  const _hoisted_1 = { class: "dv-ipes-risk-classification" };
11
11
  const _hoisted_2 = { class: "chart-box" };
12
- const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "flex": "1" } }, [
13
- /* @__PURE__ */ vue.createElementVNode("div", null, "企业风险分级"),
12
+ const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "topChartBox" }, [
13
+ /* @__PURE__ */ vue.createElementVNode("div", { style: { "padding-left": "8px" } }, " 企业风险分级 "),
14
14
  /* @__PURE__ */ vue.createElementVNode("div", {
15
15
  id: "pieChart",
16
16
  class: "pie-chart"
@@ -55,7 +55,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
55
55
  });
56
56
  levelData.value = data;
57
57
  const seriesData = handleSeriesData(data);
58
- console.log(seriesData);
59
58
  drawChart(seriesData);
60
59
  } catch (error) {
61
60
  console.log(error);
@@ -89,7 +88,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
89
88
  const highcharts = window.Highcharts;
90
89
  function loadFunction() {
91
90
  const each = highcharts.each;
92
- console.log(this);
93
91
  const points = this.series[0].points;
94
92
  each(points, (p) => {
95
93
  p.graphic.attr({
@@ -139,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
139
137
  allowPointSelect: true,
140
138
  cursor: "pointer",
141
139
  innerSize: "50%",
142
- size: 80,
140
+ size: 90,
143
141
  depth: 25,
144
142
  dataLabels: {
145
143
  enabled: false
@@ -26,8 +26,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
26
26
  ...__default__,
27
27
  setup(__props) {
28
28
  const factorList = vue.ref([]);
29
- const isRolling = vue.ref(false);
30
- const actionType = vue.ref("none");
31
29
  async function getData() {
32
30
  try {
33
31
  const { data } = await request.default({
@@ -35,11 +33,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
35
33
  url: "/ipes-data-aggregation-server/api/v1/env-protection/discharge"
36
34
  });
37
35
  const water = data.find((e) => e.name === "年度废气排放量");
38
- if (water && water.factorList) {
36
+ if (water && water.factorList)
39
37
  factorList.value = water.factorList;
40
- isRolling.value = factorList.value.length > 2;
41
- actionType.value = factorList.value.length > 2 ? "hover" : "none";
42
- }
43
38
  } catch (error) {
44
39
  console.log(error);
45
40
  }
@@ -51,9 +46,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
51
46
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
52
47
  _hoisted_2,
53
48
  vue.createVNode(vue.unref(elementPlusExpand.FpiElRolling), {
54
- modelValue: vue.unref(isRolling),
55
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isRolling) ? isRolling.value = $event : null),
56
- action: vue.unref(actionType),
57
49
  class: "box",
58
50
  direction: "y",
59
51
  time: 15
@@ -82,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
82
74
  }), 128))
83
75
  ]),
84
76
  _: 1
85
- }, 8, ["modelValue", "action"])
77
+ })
86
78
  ]);
87
79
  };
88
80
  }
@@ -26,8 +26,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
26
26
  ...__default__,
27
27
  setup(__props) {
28
28
  const factorList = vue.ref([]);
29
- const isRolling = vue.ref(false);
30
- const actionType = vue.ref("none");
31
29
  async function getData() {
32
30
  try {
33
31
  const { data } = await request.default({
@@ -35,11 +33,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
35
33
  url: "/ipes-data-aggregation-server/api/v1/env-protection/discharge"
36
34
  });
37
35
  const water = data.find((e) => e.name === "年度废水排放量");
38
- if (water && water.factorList) {
36
+ if (water && water.factorList)
39
37
  factorList.value = water.factorList;
40
- isRolling.value = factorList.value.length > 2;
41
- actionType.value = factorList.value.length > 2 ? "hover" : "none";
42
- }
43
38
  } catch (error) {
44
39
  console.log(error);
45
40
  }
@@ -51,9 +46,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
51
46
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
52
47
  _hoisted_2,
53
48
  vue.createVNode(vue.unref(elementPlusExpand.FpiElRolling), {
54
- modelValue: vue.unref(isRolling),
55
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isRolling) ? isRolling.value = $event : null),
56
- action: vue.unref(actionType),
57
49
  class: "box",
58
50
  direction: "y",
59
51
  time: 15
@@ -82,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
82
74
  }), 128))
83
75
  ]),
84
76
  _: 1
85
- }, 8, ["modelValue", "action"])
77
+ })
86
78
  ]);
87
79
  };
88
80
  }
@@ -24,7 +24,6 @@ const _hoisted_10 = { class: "right-waste-water-box" };
24
24
  const _hoisted_11 = ["src"];
25
25
  const _hoisted_12 = { class: "info" };
26
26
  const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, " 污水厂总排口 ", -1);
27
- const _hoisted_14 = { class: "value" };
28
27
  const __default__ = {
29
28
  name: "DvIpesWastewaterTargetRate",
30
29
  title: "废水达标率"
@@ -58,7 +57,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
58
57
  { name: "未达标率", y: 100 - +(data.onlineRatio || 0) }
59
58
  ];
60
59
  const seriesData = legendData;
61
- console.log(seriesData);
62
60
  const highcharts = window.Highcharts;
63
61
  highcharts.chart("wasteWaterChart", {
64
62
  chart: {
@@ -103,6 +101,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
103
101
  ]
104
102
  });
105
103
  }
104
+ function getSiteStateColor(runStatus) {
105
+ const statusColors = {
106
+ stop_running: "#FF792E",
107
+ // 停运
108
+ stop_using: "rgb(233, 169, 0)",
109
+ // 停用
110
+ offline: "rgb(116, 116, 116)",
111
+ // 离线
112
+ exceed: "rgb(228, 56, 52)",
113
+ // 超标
114
+ abnormal: "rgb(143, 32, 253)",
115
+ // 异常
116
+ normal: "rgb(58, 183, 93)"
117
+ // 正常
118
+ };
119
+ return statusColors[runStatus] || "#0084ff";
120
+ }
106
121
  vue.onMounted(() => {
107
122
  getInfoData();
108
123
  });
@@ -126,7 +141,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
126
141
  }, null, 8, _hoisted_11),
127
142
  vue.createElementVNode("div", _hoisted_12, [
128
143
  _hoisted_13,
129
- vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(info.value.runStatusName), 1)
144
+ vue.createElementVNode("div", {
145
+ class: "value",
146
+ style: vue.normalizeStyle({ color: getSiteStateColor(info.value.runStatus) })
147
+ }, vue.toDisplayString(info.value.runStatusName), 5)
130
148
  ])
131
149
  ])
132
150
  ]);
@@ -15,9 +15,8 @@ const request = require('../../service/request.js');
15
15
  const _hoisted_1 = { class: "dv-ipes-water-quality-standard" };
16
16
  const _hoisted_2 = { class: "title" };
17
17
  const _hoisted_3 = { class: "info-box-count" };
18
- const _hoisted_4 = { class: "value" };
19
- const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "类", -1);
20
- const _hoisted_6 = ["src"];
18
+ const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "类", -1);
19
+ const _hoisted_5 = ["src"];
21
20
  const __default__ = {
22
21
  name: "WaterQualityStandard",
23
22
  title: "水环境质量达标"
@@ -70,11 +69,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
70
69
  }, [
71
70
  vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(basicInfoData.value[item.title]), 1),
72
71
  vue.createElementVNode("div", _hoisted_3, [
73
- vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(basicInfoData.value[item.key]), 1),
74
- _hoisted_5,
72
+ vue.createElementVNode("span", {
73
+ class: vue.normalizeClass(["value", item.key])
74
+ }, vue.toDisplayString(basicInfoData.value[item.key]), 3),
75
+ _hoisted_4,
75
76
  vue.createElementVNode("img", {
76
77
  src: getImg(basicInfoData.value[item.standardKey])
77
- }, null, 8, _hoisted_6)
78
+ }, null, 8, _hoisted_5)
78
79
  ])
79
80
  ]);
80
81
  }), 128))