@ued_fpi/data-visual 1.2.9 → 1.2.11

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

@@ -6,51 +6,30 @@ const es = require('element-plus/es');
 require('element-plus/es/components/base/style/css');
 require('element-plus/es/components/empty/style/css');
 const vue = require('vue');
-const blue_2 = require('./images/blue_2.svg.js');
-const blue_1 = require('./images/blue_1.svg.js');
 const request = require('../../service/request.js');
 const newNodata = require('./images/new-nodata.svg.js');
 
 const _hoisted_1 = { class: "dv-ipes-air-pollution" };
-const _hoisted_2 = { class: "enterprise-statistics" };
-const _hoisted_3 = { class: "statistics-charts" };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("img", {
-  src: blue_2.default,
-  alt: "",
-  class: "img2"
-}, null, -1);
-const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("img", {
-  src: blue_1.default,
-  alt: "",
-  class: "img1"
-}, null, -1);
-const _hoisted_6 = { class: "statistics-list" };
-const _hoisted_7 = { class: "row flex" };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, " 企业总数 ", -1);
-const _hoisted_9 = { class: "value" };
-const _hoisted_10 = { class: "num" };
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "家", -1);
-const _hoisted_12 = { class: "row flex mgt8" };
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, " 在线监测 ", -1);
-const _hoisted_14 = { class: "value" };
-const _hoisted_15 = { class: "num" };
-const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "家", -1);
-const _hoisted_17 = { class: "discharge-total" };
-const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-title" }, " 年度累计排放总量 ", -1);
-const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("div", { class: "flex" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-label" }, " 污染物 "),
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-unit" }, " 排放量/允许排放量（吨） ")
+const _hoisted_2 = { class: "discharge-total" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-title" }, [
+  /* @__PURE__ */ vue.createElementVNode("span", null, "年度累计排放总量 "),
+  /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "（吨）")
 ], -1);
-const _hoisted_20 = {
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "discharge-label flex" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", null, " 污染物 "),
+  /* @__PURE__ */ vue.createElementVNode("div", null, " 排放量/允许排放量 ")
+], -1);
+const _hoisted_5 = {
   key: 0,
   class: "box"
 };
-const _hoisted_21 = { class: "chart-statistics-head" };
-const _hoisted_22 = ["title"];
-const _hoisted_23 = { class: "statistics-he;ad-number" };
-const _hoisted_24 = ["title"];
-const _hoisted_25 = { class: "chart-statistics-body" };
-const _hoisted_26 = { class: "chart-statistics-body-box" };
+const _hoisted_6 = { class: "chart-statistics-head" };
+const _hoisted_7 = ["title"];
+const _hoisted_8 = { class: "statistics-head-number" };
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "separator" }, " / ", -1);
+const _hoisted_10 = ["title"];
+const _hoisted_11 = { class: "chart-statistics-body" };
+const _hoisted_12 = { class: "chart-statistics-body-box" };
 const __default__ = {
   name: "DvIpesAirPollutionDischarge",
   title: "大气污染物排放"
@@ -63,62 +42,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       companyNum: 0,
       monitorCompanyNum: 0
     });
-    const statisticsCharts = vue.ref();
-    function drawChart(data) {
-      const Highcharts = window.Highcharts;
-      Highcharts && Highcharts.chart(statisticsCharts.value, {
-        credits: {
-          enabled: false
-          // 隐藏版权信息
-        },
-        chart: {
-          type: "pie",
-          options3d: {
-            enabled: true,
-            alpha: 64,
-            // 内旋转角度
-            beta: 0
-            // 外旋转角度
-          },
-          backgroundColor: "rgba(0,0,0,0)"
-        },
-        title: {
-          text: "",
-          style: {
-            fontSize: "14px",
-            color: "#fff"
-            // fontFamily: 'shzhjt',
-          },
-          align: "left"
-        },
-        tooltip: {
-          enabled: false
-        },
-        plotOptions: {
-          pie: {
-            size: "55px",
-            depth: 9,
-            // 饼图厚度
-            dataLabels: {
-              enabled: false
-            },
-            showInLegend: true,
-            colors: ["#00DD78", "#8FAFC7"]
-            // 绿色 灰色
-          }
-        },
-        series: [
-          {
-            name: "占比",
-            data
-            // colors: ['#00DD78', '#8FAFC7'],
-          }
-        ],
-        legend: {
-          enabled: false
-        }
-      });
-    }
+    vue.ref();
     const fetchData = async () => {
       try {
         const result = await request.default({
@@ -131,11 +55,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const arr = data.factorList.slice(0, 3).map((item) => {
           let flag = parseInt(item.factorValue) / parseInt(item.targetValue) * 100;
           if (flag <= 80)
-            item.color = "#03D5FB";
+            item.color = "var(--dv-color-success)";
           else if (flag > 80 && flag <= 100)
-            item.color = "#FFBE00";
+            item.color = "var(--dv-color-warning)";
           else if (flag > 100)
-            item.color = "#FF553C";
+            item.color = "var(--dv-color-danger)";
           isNaN(flag) && (flag = 0);
           item.percent = flag > 100 ? 100 : flag;
           return item;
@@ -148,7 +72,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             data.companyNum - data.monitorCompanyNum
           ]
         ];
-        drawChart(seriesData);
       } catch (error) {
         console.log(error);
       }
@@ -161,58 +84,32 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_el_empty = es.ElEmpty;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", {
-              ref_key: "statisticsCharts",
-              ref: statisticsCharts,
-              style: { "width": "68px", "height": "36px" }
-            }, null, 512),
-            _hoisted_4,
-            _hoisted_5
-          ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
-              _hoisted_8,
-              vue.createElementVNode("div", _hoisted_9, [
-                vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(discharge.companyNum), 1),
-                _hoisted_11
-              ])
-            ]),
-            vue.createElementVNode("div", _hoisted_12, [
-              _hoisted_13,
-              vue.createElementVNode("div", _hoisted_14, [
-                vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(discharge.monitorCompanyNum), 1),
-                _hoisted_16
-              ])
-            ])
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_17, [
-          _hoisted_18,
-          _hoisted_19,
-          chartStatistics.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
+          _hoisted_3,
+          _hoisted_4,
+          chartStatistics.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(chartStatistics, (item, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
                 class: "chart-statistics"
               }, [
-                vue.createElementVNode("div", _hoisted_21, [
+                vue.createElementVNode("div", _hoisted_6, [
                   vue.createElementVNode("div", {
                     class: "statistics-head-name",
                     title: item.factorName
-                  }, vue.toDisplayString(item.factorName), 9, _hoisted_22),
-                  vue.createElementVNode("div", _hoisted_23, [
+                  }, vue.toDisplayString(item.factorName), 9, _hoisted_7),
+                  vue.createElementVNode("div", _hoisted_8, [
                     vue.createElementVNode("span", {
+                      class: "statistics-head-number-left",
                       style: vue.normalizeStyle({ color: item.color })
                     }, vue.toDisplayString(item.factorValue || "0"), 5),
+                    _hoisted_9,
                     vue.createElementVNode("span", {
-                      style: { "opacity": "0.5" },
                       title: item.targetValue
-                    }, "/ " + vue.toDisplayString(item.targetValue), 9, _hoisted_24)
+                    }, vue.toDisplayString(item.targetValue), 9, _hoisted_10)
                   ])
                 ]),
-                vue.createElementVNode("div", _hoisted_25, [
-                  vue.createElementVNode("div", _hoisted_26, [
+                vue.createElementVNode("div", _hoisted_11, [
+                  vue.createElementVNode("div", _hoisted_12, [
                     vue.createElementVNode("div", {
                       class: "statistics-body-left",
                       style: vue.normalizeStyle({