@ued_fpi/data-visual 1.1.0 → 1.1.2

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

@@ -0,0 +1,212 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const noData = require('./images/noData.svg.js');
+const vue3SeamlessScroll = require('vue3-seamless-scroll');
+const Echarts = require('../common/Echarts.vue.js');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-7ddecbcf"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "OrdorControl" };
+const _hoisted_2 = { class: "specific-site" };
+const _hoisted_3 = { class: "site-name" };
+const _hoisted_4 = { class: "site-title" };
+const _hoisted_5 = { class: "time" };
+const _hoisted_6 = ["title"];
+const _hoisted_7 = { class: "right" };
+const _hoisted_8 = {
+  key: 1,
+  class: "nodata",
+  style: { "height": "108px" }
+};
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: noData.default }, null, -1));
+const _hoisted_10 = [
+  _hoisted_9
+];
+const _hoisted_11 = { class: "smell-number" };
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "head" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 异味指数 "),
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "unit" }, " % ")
+], -1));
+const __default__ = {
+  name: "OdorControl",
+  title: "异味管控"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    siteData: {
+      type: Object,
+      default: () => ({
+        siteCode: "JSYQ0432062300941000",
+        siteName: "上风向空气超站（六参）",
+        dataTime: "2023-06-30 10时",
+        siteFactorDatas: [
+          {
+            factorCode: "a21001",
+            factorName: "NH₃",
+            factorValue: "0.0",
+            factorStandardValue: "1.0",
+            exceed: false
+          },
+          {
+            factorCode: "a28001",
+            factorName: "甲硫醚",
+            factorValue: "1.519",
+            factorStandardValue: "0.03",
+            exceed: true
+          },
+          {
+            factorCode: "a26022",
+            factorName: "三甲胺",
+            factorValue: "1.506",
+            factorStandardValue: "0.05",
+            exceed: true
+          },
+          {
+            factorCode: "a28010",
+            factorName: "二甲二硫醚",
+            factorValue: "1.549",
+            factorStandardValue: "0.03",
+            exceed: true
+          },
+          {
+            factorCode: "a21028",
+            factorName: "H₂S",
+            factorValue: "1.484",
+            factorStandardValue: "0.03",
+            exceed: true
+          },
+          {
+            factorCode: "a99051",
+            factorName: "二硫化碳",
+            factorValue: "1.42",
+            factorStandardValue: "2.0",
+            exceed: false
+          },
+          {
+            factorCode: "a30002",
+            factorName: "甲硫醇",
+            factorValue: "1528.983",
+            factorStandardValue: "0.004",
+            exceed: true
+          }
+        ]
+      })
+    }
+  },
+  setup(__props) {
+    const echartsOptions = vue.reactive({
+      options: {
+        grid: {
+          left: 10,
+          bottom: 4,
+          right: 10,
+          top: 10,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: "axis",
+          padding: 8,
+          background: "rgba(1, 11, 18, 0.6)"
+        },
+        xAxis: {
+          type: "category",
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: false
+          },
+          axisLabel: {
+            color: "rgba(255, 255, 255, 0.5)"
+          },
+          data: ["2023-01", "2023-02", "2023-03", "2023-04", "2023-05", "2023-06"]
+        },
+        yAxis: {
+          type: "value",
+          splitNumber: 3,
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: false
+          },
+          axisLabel: {
+            show: true,
+            color: "rgba(255, 255, 255, 0.5)"
+          },
+          splitLine: {
+            show: false
+          },
+          splitArea: {
+            show: true,
+            areaStyle: {
+              color: ["rgba(255, 255, 255, 0.05)", "rgba(255,255,255,0)"]
+            }
+          }
+        },
+        series: {
+          type: "bar",
+          barWidth: 10,
+          itemStyle: {
+            color: "#03D5FB"
+          },
+          data: ["0.72", "0.00", "4.30", "0.00", "0.00", "0.00"]
+        }
+      },
+      init: false
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(__props.siteData.siteName || "--"), 1),
+            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.siteData.dataTime), 1)
+          ]),
+          vue.createVNode(vue.unref(vue3SeamlessScroll.Vue3SeamlessScroll), {
+            class: "site-factor",
+            "hover-stop": "true",
+            list: __props.siteData.siteFactorDatas,
+            hover: true,
+            "copy-num": 1,
+            step: 0.3
+          }, {
+            default: vue.withCtx(() => [
+              __props.siteData.siteFactorDatas && __props.siteData.siteFactorDatas.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.siteData.siteFactorDatas, (item) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: item.factorCode,
+                  class: "item-factor"
+                }, [
+                  vue.createElementVNode("div", {
+                    class: "left",
+                    title: item.factorName
+                  }, vue.toDisplayString(item.factorName), 9, _hoisted_6),
+                  vue.createElementVNode("div", _hoisted_7, [
+                    vue.createElementVNode("span", {
+                      style: vue.normalizeStyle({ color: item.exceed ? "rgb(248, 68, 57)" : "#0EED95" })
+                    }, vue.toDisplayString(item.factorValue), 5),
+                    vue.createElementVNode("span", null, vue.toDisplayString(`/${item.factorStandardValue}`), 1)
+                  ])
+                ]);
+              }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, _hoisted_10))
+            ]),
+            _: 1
+          }, 8, ["list"]),
+          vue.createElementVNode("div", _hoisted_11, [
+            _hoisted_12,
+            vue.createVNode(Echarts.default, {
+              id: "echarts",
+              height: "80px",
+              "full-options": echartsOptions,
+              loading: false
+            }, null, 8, ["full-options"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_7ddecbcf_lang = '';
+
+exports.default = index_vue_vue_type_style_index_0_scoped_7ddecbcf_lang;

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

@@ -0,0 +1,168 @@
+import _PollutantSourceManage from './index.vue';
+export declare const PollutantSourceManage: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly type?: import("./types").StatusData | undefined;
+            key?: string | number | symbol | undefined;
+            readonly default?: {
+                wg: {
+                    abnormal: number;
+                    normal: number;
+                    offline: number;
+                    total: number;
+                };
+                ww: {
+                    abnormal: number;
+                    normal: number;
+                    offline: number;
+                    total: number;
+                };
+            } | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            onOpenPopup?: ((key: string) => any) | undefined;
+            readonly statusData?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: "openPopup", key: string) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            statusData: Record<string, import("./types").StatuObj>;
+            type: globalThis.PropType<import("./types").StatusData>;
+            default: () => {
+                wg: {
+                    abnormal: number;
+                    normal: number;
+                    offline: number;
+                    total: number;
+                };
+                ww: {
+                    abnormal: number;
+                    normal: number;
+                    offline: number;
+                    total: number;
+                };
+            };
+        }>> & {
+            onOpenPopup?: ((key: string) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            openPopup: (key: string) => void;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        statusData: Record<string, import("./types").StatuObj>;
+        type: globalThis.PropType<import("./types").StatusData>;
+        default: () => {
+            wg: {
+                abnormal: number;
+                normal: number;
+                offline: number;
+                total: number;
+            };
+            ww: {
+                abnormal: number;
+                normal: number;
+                offline: number;
+                total: number;
+            };
+        };
+    }>> & {
+        onOpenPopup?: ((key: string) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    statusData: Record<string, import("./types").StatuObj>;
+    type: globalThis.PropType<import("./types").StatusData>;
+    default: () => {
+        wg: {
+            abnormal: number;
+            normal: number;
+            offline: number;
+            total: number;
+        };
+        ww: {
+            abnormal: number;
+            normal: number;
+            offline: number;
+            total: number;
+        };
+    };
+}>> & {
+    onOpenPopup?: ((key: string) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openPopup: (key: string) => void;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _PollutantSourceManage;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const utils = require('../../../utils.js');
+const index = require('./index.vue.js');
+
+const PollutantSourceManage = utils.install(index.default);
+
+exports.default = index.default;
+exports.PollutantSourceManage = PollutantSourceManage;

package/dist/lib/ipes/src/PollutantSourceManage/index.vue.d.ts

@@ -0,0 +1,42 @@
+import type { PropType } from 'vue';
+import type { StatuObj, StatusData } from './types';
+declare const _default: import("vue").DefineComponent<{
+    statusData: Record<string, StatuObj>;
+    type: PropType<StatusData>;
+    default: () => {
+        wg: {
+            abnormal: number;
+            normal: number;
+            offline: number;
+            total: number;
+        };
+        ww: {
+            abnormal: number;
+            normal: number;
+            offline: number;
+            total: number;
+        };
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openPopup: (key: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    statusData: Record<string, StatuObj>;
+    type: PropType<StatusData>;
+    default: () => {
+        wg: {
+            abnormal: number;
+            normal: number;
+            offline: number;
+            total: number;
+        };
+        ww: {
+            abnormal: number;
+            normal: number;
+            offline: number;
+            total: number;
+        };
+    };
+}>> & {
+    onOpenPopup?: ((key: string) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+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 _PollutantSourceManage = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-801412b0"]]);
+
+exports.default = _PollutantSourceManage;

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

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _hoisted_1 = { class: "pollutant-source-manage" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "flex-c" };
+const _hoisted_5 = { key: 0 };
+const __default__ = {
+  name: "PollutantSourceManage",
+  title: "污染源排放管理"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    statusData: {},
+    type: Object,
+    default: () => ({
+      wg: {
+        abnormal: 0,
+        normal: 0,
+        offline: 0,
+        total: 0
+      },
+      ww: {
+        abnormal: 0,
+        normal: 0,
+        offline: 0,
+        total: 0
+      }
+    })
+  },
+  emits: ["openPopup"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { statusData } = vue.toRefs(props);
+    const activeCard = vue.ref("");
+    const cardList = vue.ref([
+      { title: "废气", key: "wg" },
+      { title: "废水", key: "ww" }
+    ]);
+    const statusOption = vue.ref([
+      { key: "normal", color: "#0EED9B" },
+      { key: "abnormal", color: "#F84439" },
+      { key: "offline", color: "#FFFFFF" }
+    ]);
+    const clickCard = (key, type) => {
+      if (activeCard.value === key + type)
+        activeCard.value = "";
+      else
+        activeCard.value = key + type;
+      emit("openPopup", key + type);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cardList.value, (item) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item.key,
+            class: vue.normalizeClass(["card-box", { active: activeCard.value === `${item.key}Site` }]),
+            onClick: ($event) => clickCard(item.key, "Site")
+          }, [
+            vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.title) + "排口 ", 1),
+            vue.createElementVNode("div", _hoisted_4, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(statusOption.value, (option, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: option.key,
+                  class: "status"
+                }, [
+                  vue.createElementVNode("div", {
+                    class: "value",
+                    style: vue.normalizeStyle({ color: option.color })
+                  }, vue.toDisplayString(vue.unref(statusData) && vue.unref(statusData)[item.key] ? vue.unref(statusData)[item.key][option.key] : "--"), 5),
+                  index < statusOption.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, "/")) : vue.createCommentVNode("", true)
+                ]);
+              }), 128))
+            ])
+          ], 10, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_801412b0_lang = '';
+
+exports.default = index_vue_vue_type_style_index_0_scoped_801412b0_lang;

package/dist/lib/ipes/src/PollutantSourceManage/types.d.ts

@@ -0,0 +1,18 @@
+export interface StatusData {
+    wg: StatuObj;
+    ww: StatuObj;
+}
+export interface StatuObj {
+    abnormal: number;
+    normal: number;
+    offline: number;
+    total: number;
+}
+export interface StatusOption {
+    key: string;
+    color: string;
+}
+export interface CardItem {
+    title: string;
+    key: string;
+}