@ued_fpi/data-visual 1.2.9 → 1.2.11

package/dist/es/ipes/src/AccessVehicleManage/index.vue.mjs

@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onChange: handleTimeTypeChange
               }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.timeTypeOptions, (item) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.timeTypeOptions, (item) => {
                     return openBlock(), createBlock(_component_el_option, {
                       key: item.value,
                       value: item.value,
@@ -102,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createElementVNode("div", _hoisted_8, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.accessStatistic, (item, idx) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.accessStatistic, (item, idx) => {
               return openBlock(), createElementBlock("div", {
                 key: idx,
                 class: normalizeClass(["access-statistics-item", `access-statistics-item--${item.type}`])
@@ -128,9 +128,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   image: unref(noDataImg),
                   description: ""
                 }, null, 8, ["image"]), [
-                  [vShow, !props.accessRecord.length]
+                  [vShow, !_ctx.accessRecord.length]
                 ]),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(props.accessRecord, (item, key) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.accessRecord, (item, key) => {
                   return openBlock(), createElementBlock(Fragment, null, [
                     item ? (openBlock(), createElementBlock("div", {
                       key,

package/dist/es/ipes/src/AirPollutionDischarge/index.vue.mjs

@@ -1,52 +1,31 @@
 import { ElEmpty } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/empty/style/css';
-import { defineComponent, reactive, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle, createBlock, unref, toRefs } from 'vue';
-import _imports_0 from './images/blue_2.svg.mjs';
-import _imports_1 from './images/blue_1.svg.mjs';
+import { defineComponent, reactive, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, Fragment, renderList, toDisplayString, normalizeStyle, createBlock, unref, toRefs } from 'vue';
 import requestControl from '../../service/request.mjs';
 import noDataImg from './images/new-nodata.svg.mjs';
 
 const _hoisted_1 = { class: "dv-ipes-air-pollution" };
-const _hoisted_2 = { class: "enterprise-statistics" };
-const _hoisted_3 = { class: "statistics-charts" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0,
-  alt: "",
-  class: "img2"
-}, null, -1);
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_1,
-  alt: "",
-  class: "img1"
-}, null, -1);
-const _hoisted_6 = { class: "statistics-list" };
-const _hoisted_7 = { class: "row flex" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "label" }, " 企业总数 ", -1);
-const _hoisted_9 = { class: "value" };
-const _hoisted_10 = { class: "num" };
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "家", -1);
-const _hoisted_12 = { class: "row flex mgt8" };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", { class: "label" }, " 在线监测 ", -1);
-const _hoisted_14 = { class: "value" };
-const _hoisted_15 = { class: "num" };
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "家", -1);
-const _hoisted_17 = { class: "discharge-total" };
-const _hoisted_18 = /* @__PURE__ */ createElementVNode("div", { class: "discharge-title" }, " 年度累计排放总量 ", -1);
-const _hoisted_19 = /* @__PURE__ */ createElementVNode("div", { class: "flex" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "discharge-label" }, " 污染物 "),
-  /* @__PURE__ */ createElementVNode("div", { class: "discharge-unit" }, " 排放量/允许排放量（吨） ")
+const _hoisted_2 = { class: "discharge-total" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "discharge-title" }, [
+  /* @__PURE__ */ createElementVNode("span", null, "年度累计排放总量 "),
+  /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "（吨）")
 ], -1);
-const _hoisted_20 = {
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "discharge-label flex" }, [
+  /* @__PURE__ */ createElementVNode("div", null, " 污染物 "),
+  /* @__PURE__ */ 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__ */ 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: "大气污染物排放"
@@ -59,62 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       companyNum: 0,
       monitorCompanyNum: 0
     });
-    const statisticsCharts = 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
-        }
-      });
-    }
+    ref();
     const fetchData = async () => {
       try {
         const result = await requestControl({
@@ -127,11 +51,11 @@ const _sfc_main = /* @__PURE__ */ 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;
@@ -144,7 +68,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             data.companyNum - data.monitorCompanyNum
           ]
         ];
-        drawChart(seriesData);
       } catch (error) {
         console.log(error);
       }
@@ -157,58 +80,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_empty = ElEmpty;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", {
-              ref_key: "statisticsCharts",
-              ref: statisticsCharts,
-              style: { "width": "68px", "height": "36px" }
-            }, null, 512),
-            _hoisted_4,
-            _hoisted_5
-          ]),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              _hoisted_8,
-              createElementVNode("div", _hoisted_9, [
-                createElementVNode("span", _hoisted_10, toDisplayString(discharge.companyNum), 1),
-                _hoisted_11
-              ])
-            ]),
-            createElementVNode("div", _hoisted_12, [
-              _hoisted_13,
-              createElementVNode("div", _hoisted_14, [
-                createElementVNode("span", _hoisted_15, toDisplayString(discharge.monitorCompanyNum), 1),
-                _hoisted_16
-              ])
-            ])
-          ])
-        ]),
-        createElementVNode("div", _hoisted_17, [
-          _hoisted_18,
-          _hoisted_19,
-          chartStatistics.length ? (openBlock(), createElementBlock("div", _hoisted_20, [
+          _hoisted_3,
+          _hoisted_4,
+          chartStatistics.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(chartStatistics, (item, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
                 class: "chart-statistics"
               }, [
-                createElementVNode("div", _hoisted_21, [
+                createElementVNode("div", _hoisted_6, [
                   createElementVNode("div", {
                     class: "statistics-head-name",
                     title: item.factorName
-                  }, toDisplayString(item.factorName), 9, _hoisted_22),
-                  createElementVNode("div", _hoisted_23, [
+                  }, toDisplayString(item.factorName), 9, _hoisted_7),
+                  createElementVNode("div", _hoisted_8, [
                     createElementVNode("span", {
+                      class: "statistics-head-number-left",
                       style: normalizeStyle({ color: item.color })
                     }, toDisplayString(item.factorValue || "0"), 5),
+                    _hoisted_9,
                     createElementVNode("span", {
-                      style: { "opacity": "0.5" },
                       title: item.targetValue
-                    }, "/ " + toDisplayString(item.targetValue), 9, _hoisted_24)
+                    }, toDisplayString(item.targetValue), 9, _hoisted_10)
                   ])
                 ]),
-                createElementVNode("div", _hoisted_25, [
-                  createElementVNode("div", _hoisted_26, [
+                createElementVNode("div", _hoisted_11, [
+                  createElementVNode("div", _hoisted_12, [
                     createElementVNode("div", {
                       class: "statistics-body-left",
                       style: normalizeStyle({