@ued_fpi/data-visual 1.1.4 → 1.1.5

package/dist/lib/ipes/src/EnterpriseProtectionCode/index.vue.js

@@ -2,10 +2,143 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const request = require('../../service/request.js');
 
-const _EnterpriseProtectionCode = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-cb11ab14"]]);
+const _hoisted_1 = { class: "enterprise-protection-code" };
+const _hoisted_2 = { class: "env-codeList" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  fill: "none",
+  version: "1.1",
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
+};
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+  /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "master_svg0_809_2528" }, [
+    /* @__PURE__ */ vue.createElementVNode("rect", {
+      x: "0",
+      y: "0",
+      width: "32",
+      height: "32",
+      rx: "2"
+    })
+  ])
+], -1);
+const _hoisted_6 = { "clip-path": "url(#master_svg0_809_2528)" };
+const _hoisted_7 = ["fill"];
+const _hoisted_8 = ["fill"];
+const _hoisted_9 = { class: "value" };
+const _hoisted_10 = {
+  class: "env-list",
+  style: { "max-height": "308px" }
+};
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("div", { class: "env-list-header flex" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "th" }, " 重点问题企业 "),
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "th" }, " 问题数 ")
+], -1);
+const _hoisted_12 = {
+  key: 0,
+  class: "env-list-con"
+};
+const _hoisted_13 = { class: "tr name" };
+const _hoisted_14 = ["title"];
+const _hoisted_15 = { class: "tr value" };
+const _hoisted_16 = {
+  key: 1,
+  class: "no-data"
+};
+const __default__ = {
+  name: "DvIpesEnterpriseProtectionCode",
+  title: "环保码统计"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    // 获取企业环保码
+    getCode: {
+      type: String,
+      default: "/ipes-prj-server/web/api/v1/thirdcode/getInfo"
+    },
+    // 统计数据
+    getCompany: {
+      type: String,
+      default: "/ipes-prj-map-server/api/v1/web/harmful-alarm/count/today-alarm-count-info"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const companyInfo = vue.reactive({ companys: [{ companyName: "得中化学", num: 6 }, { companyName: "宝利新能源", num: 4 }, { companyName: "五恒化学", num: 3 }], colors: [{ color: "red", num: 8 }, { color: "yellow", num: 1 }, { color: "green", num: 31 }] });
+    async function getCodeData() {
+      const data = await request.default({
+        method: "get",
+        url: props.getCode
+      });
+      companyInfo.colors = data?.data.colors;
+      companyInfo.companys = data?.data.companys;
+      console.log(companyInfo);
+    }
+    getCodeData();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(companyInfo.colors, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: "code-wrap"
+              }, [
+                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, [
+                  _hoisted_5,
+                  vue.createElementVNode("g", _hoisted_6, [
+                    vue.createElementVNode("rect", {
+                      x: "0",
+                      y: "0",
+                      width: "32",
+                      height: "32",
+                      rx: "2",
+                      fill: item.color,
+                      "fill-opacity": "0.10000000149011612"
+                    }, null, 8, _hoisted_7),
+                    vue.createElementVNode("g", null, [
+                      vue.createElementVNode("path", {
+                        d: "M25.6667,27.999755859375L25.6667,25.666455859375L28,25.666455859375L28,27.999755859375L25.6667,27.999755859375ZM21,27.999755859375L21,25.666455859375L23.3333,25.666455859375L23.3333,27.999755859375L21,27.999755859375ZM16.6667,27.999755859375L16.6667,16.666455859375L23.3333,16.666455859375L23.3333,18.999755859375L19,18.999755859375L19,27.999755859375L16.6667,27.999755859375ZM4,27.999755859375L4,16.666455859375L15.3333,16.666455859375L15.3333,27.999755859375L4,27.999755859375ZM6.33333,25.666455859375L13,25.666455859375L13,18.999755859375L6.33333,18.999755859375L6.33333,25.666455859375ZM8.5,23.499755859375L8.5,21.166455859375L10.83333,21.166455859375L10.83333,23.499755859375L8.5,23.499755859375ZM21.3333,23.333055859375L21.3333,18.999755859375L28,18.999755859375L28,23.333055859375L21.3333,23.333055859375ZM25.6667,18.999755859375L25.6667,16.666455859375L28,16.666455859375L28,18.999755859375L25.6667,18.999755859375ZM16.6667,15.333055859375L16.6667,3.999755859375L28,3.999755859375L28,15.333055859375L16.6667,15.333055859375ZM19,12.999755859375L25.6667,12.999755859375L25.6667,6.333085859375L19,6.333085859375L19,12.999755859375ZM4,15.333055859375L4,3.999755859375L15.3333,3.999755859375L15.3333,15.333055859375L4,15.333055859375ZM6.33333,12.999755859375L13,12.999755859375L13,6.333085859375L6.33333,6.333085859375L6.33333,12.999755859375ZM21.1667,10.833085859375L21.1667,8.499755859375L23.5,8.499755859375L23.5,10.833085859375L21.1667,10.833085859375ZM8.5,10.833085859375L8.5,8.499755859375L10.83333,8.499755859375L10.83333,10.833085859375L8.5,10.833085859375Z",
+                        fill: item.color,
+                        "fill-opacity": "1"
+                      }, null, 8, _hoisted_8)
+                    ])
+                  ])
+                ])),
+                vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(item.num), 1)
+              ]);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_10, [
+          _hoisted_11,
+          companyInfo.companys && companyInfo.companys.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(companyInfo.companys, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: "flex"
+              }, [
+                vue.createElementVNode("div", _hoisted_13, [
+                  vue.createElementVNode("a", {
+                    href: "javascript:void(0);",
+                    title: item.companyName
+                  }, vue.toDisplayString(item.companyName), 9, _hoisted_14)
+                ]),
+                vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(item.num), 1)
+              ]);
+            }), 128))
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, " 暂无数据 "))
+        ])
+      ]);
+    };
+  }
+});
 
-exports.default = _EnterpriseProtectionCode;
+exports.default = _sfc_main;

package/dist/lib/ipes/src/EnterpriseProtectionCode/index.vue2.js

@@ -2,116 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const red = require('./images/red.svg.js');
-const yellow = require('./images/yellow.svg.js');
-const green = require('./images/green.svg.js');
-const request = require('../../service/request.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-cb11ab14"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { class: "enterprise-protection-code" };
-const _hoisted_2 = { class: "env-codeList" };
-const _hoisted_3 = { class: "flex" };
-const _hoisted_4 = {
-  key: 0,
-  src: red.default
-};
-const _hoisted_5 = {
-  key: 1,
-  src: yellow.default
-};
-const _hoisted_6 = {
-  key: 2,
-  src: green.default
-};
-const _hoisted_7 = { class: "value" };
-const _hoisted_8 = {
-  class: "env-list",
-  style: { "max-height": "308px" }
-};
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "env-list-header flex" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "th" }, " 重点问题企业 "),
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "th" }, " 问题数 ")
-], -1));
-const _hoisted_10 = {
-  key: 0,
-  class: "env-list-con"
-};
-const _hoisted_11 = { class: "tr name" };
-const _hoisted_12 = ["title"];
-const _hoisted_13 = { class: "tr value" };
-const _hoisted_14 = {
-  key: 1,
-  class: "no-data"
-};
-const __default__ = {
-  name: "EnterpriseProtectionCode",
-  title: "环保码统计"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    // 获取企业环保码
-    getCode: {
-      type: String,
-      default: "/ipes-prj-server/web/api/v1/thirdcode/getInfo"
-    },
-    // 统计数据
-    getCompany: {
-      type: String,
-      default: "/ipes-prj-map-server/api/v1/web/harmful-alarm/count/today-alarm-count-info"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const companyInfo = vue.reactive({ companys: [{ companyName: "得中化学", num: 6 }, { companyName: "宝利新能源", num: 4 }, { companyName: "五恒化学", num: 3 }], colors: [{ color: "red", num: 8 }, { color: "yellow", num: 1 }, { color: "green", num: 31 }] });
-    async function getCodeData() {
-      const data = await request.default({
-        method: "get",
-        url: props.getCode
-      });
-      companyInfo.colors = data?.data.colors;
-      companyInfo.companys = data?.data.companys;
-      console.log(companyInfo);
-    }
-    getCodeData();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(companyInfo.colors, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: index,
-                class: "code-wrap"
-              }, [
-                index === 0 ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_4)) : index === 1 ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_5)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_6)),
-                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(item.num), 1)
-              ]);
-            }), 128))
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_8, [
-          _hoisted_9,
-          companyInfo.companys && companyInfo.companys.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(companyInfo.companys, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: index,
-                class: "flex"
-              }, [
-                vue.createElementVNode("div", _hoisted_11, [
-                  vue.createElementVNode("a", {
-                    href: "javascript:void(0);",
-                    title: item.companyName
-                  }, vue.toDisplayString(item.companyName), 9, _hoisted_12)
-                ]),
-                vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(item.num), 1)
-              ]);
-            }), 128))
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, " 暂无数据 "))
-        ])
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/ipes/src/EnterpriseProtectionCode/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_cb11ab14_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_cb11ab14_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/ipes/src/EnvManage/index.d.ts

@@ -1,5 +1,5 @@
 import _EnvManage from './index.vue';
-export declare const EnvManage: {
+export declare const DvIpesEnvManage: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

package/dist/lib/ipes/src/EnvManage/index.js

@@ -6,7 +6,7 @@ const utils = require('../../../utils.js');
 const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
 require('./index.vue2.js');
 
-const EnvManage = utils.install(index_vue_vue_type_script_setup_true_lang.default);
+const DvIpesEnvManage = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
 exports.default = index_vue_vue_type_script_setup_true_lang.default;
-exports.EnvManage = EnvManage;
+exports.DvIpesEnvManage = DvIpesEnvManage;

package/dist/lib/ipes/src/EnvManage/index.vue.js

@@ -51,7 +51,7 @@ const _hoisted_35 = { class: "child" };
 const _hoisted_36 = /* @__PURE__ */ vue.createElementVNode("div", { class: "space" }, " / ", -1);
 const _hoisted_37 = { class: "parent" };
 const __default__ = {
-  name: "EnvManage"
+  name: "DvIpesEnvManage"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,

package/dist/lib/ipes/src/EnvironmentalProtection/index.d.ts

@@ -1,5 +1,5 @@
 import _EnvironmentalProtection from './index.vue';
-export declare const EnvironmentalProtection: {
+export declare const DvIpesEnvironmentalProtection: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

package/dist/lib/ipes/src/EnvironmentalProtection/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const EnvironmentalProtection = utils.install(index.default);
+const DvIpesEnvironmentalProtection = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
-exports.EnvironmentalProtection = EnvironmentalProtection;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvIpesEnvironmentalProtection = DvIpesEnvironmentalProtection;

package/dist/lib/ipes/src/EnvironmentalProtection/index.vue.js

@@ -2,10 +2,172 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const moduleTitleIcon = require('./images/module-title-icon.png.js');
+const pietop = require('./images/pietop.png.js');
+const piebottom = require('./images/piebottom.png.js');
+const request = require('../../service/request.js');
 
-const _EnvironmentalProtection = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4960bedc"]]);
+const _hoisted_1 = { class: "risk-emergency-manage" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "module-title" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, [
+    /* @__PURE__ */ vue.createElementVNode("img", {
+      class: "icon",
+      src: moduleTitleIcon.default,
+      alt: ""
+    }),
+    /* @__PURE__ */ vue.createElementVNode("span", null, "企业环境风险分级")
+  ])
+], -1);
+const _hoisted_3 = { class: "risk_body" };
+const _hoisted_4 = { class: "pie-card" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("img", {
+  class: "top",
+  src: pietop.default
+}, null, -1);
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("img", {
+  class: "bottom",
+  src: piebottom.default
+}, null, -1);
+const _hoisted_7 = { class: "label" };
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 企业总数 ", -1);
+const _hoisted_9 = { class: "total mgt8" };
+const _hoisted_10 = { class: "legend" };
+const _hoisted_11 = { class: "typename" };
+const _hoisted_12 = { class: "value" };
+const _hoisted_13 = { class: "footer" };
+const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("span", { class: "mgr16" }, "环境风险单元总数", -1);
+const _hoisted_15 = { class: "total" };
+const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("span", null, "个", -1);
+const __default__ = {
+  name: "DvIpesEnvironmentalProtection",
+  title: "环境风险应急管理"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  emits: ["openPopup"],
+  setup(__props, { emit }) {
+    const colors = ["#FF4646", "#FFA700", "#00D4FF", "#C0C4CC"];
+    const totalCount = vue.ref(0);
+    const companyTotal = vue.ref(0);
+    const legendData = vue.ref([]);
+    const pieChart = vue.ref();
+    function drawChart(data) {
+      const Highcharts = window.Highcharts;
+      Highcharts && Highcharts.chart(pieChart.value, {
+        chart: {
+          type: "pie",
+          margin: 0,
+          backgroundColor: "transparent",
+          options3d: {
+            enabled: true,
+            alpha: 68,
+            beta: 0
+          }
+        },
+        credits: { enabled: false },
+        title: {
+          text: null
+        },
+        colors,
+        tooltip: {
+          enabled: false
+        },
+        plotOptions: {
+          pie: {
+            center: ["50%", "50%"],
+            animation: false,
+            enableMouseTracking: false,
+            cursor: "pointer",
+            depth: 15,
+            innerSize: "80%",
+            size: "135%",
+            dataLabels: {
+              enabled: false
+            }
+          }
+        },
+        series: [
+          {
+            type: "pie",
+            name: "企业总数",
+            data
+          }
+        ],
+        legend: {
+          enabled: false
+        }
+      });
+    }
+    const fetchData = async () => {
+      try {
+        const result = await request.default({
+          method: "get",
+          url: "/bmp-company-manager-server/api/v1/company/management/statistics/envRiskLevel"
+        });
+        const { totalRiskUnitCount, ...companyData } = result;
+        const list = Object.values(companyData).reverse();
+        let totla = 0;
+        const seriesData = [];
+        list.forEach((item) => {
+          totla += item.count;
+          seriesData.push([item.name, item.count]);
+        });
+        legendData.value = list;
+        companyTotal.value = totla;
+        totalCount.value = totalRiskUnitCount;
+        drawChart(seriesData);
+      } catch (error) {
+        console.log(error);
+      }
+    };
+    vue.onMounted(async () => {
+      await vue.nextTick();
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _hoisted_2,
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", {
+              ref_key: "pieChart",
+              ref: pieChart,
+              class: "pie"
+            }, null, 512),
+            _hoisted_5,
+            _hoisted_6,
+            vue.createElementVNode("div", _hoisted_7, [
+              _hoisted_8,
+              vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(companyTotal.value), 1)
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_10, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(legendData.value, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: "legend-item"
+              }, [
+                vue.createElementVNode("div", {
+                  class: "circle",
+                  style: vue.normalizeStyle({ background: colors[index] })
+                }, null, 4),
+                vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(item.name), 1),
+                vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(item.count || 0), 1)
+              ]);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_13, [
+          _hoisted_14,
+          vue.createElementVNode("div", _hoisted_15, [
+            vue.createTextVNode(vue.toDisplayString(totalCount.value) + " ", 1),
+            _hoisted_16
+          ])
+        ])
+      ]);
+    };
+  }
+});
 
-exports.default = _EnvironmentalProtection;
+exports.default = _sfc_main;