@ued_fpi/data-visual 1.2.6 → 1.2.8

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

@@ -1,46 +1,44 @@
-import { ElScrollbar } from 'element-plus/es';
+import { ElScrollbar, ElEmpty } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/empty/style/css';
 import 'element-plus/es/components/scrollbar/style/css';
-import { defineComponent, reactive, onMounted, openBlock, createElementBlock, createBlock, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from 'vue';
-import requestControl from '../../service/request.mjs';
+import { defineComponent, reactive, watch, openBlock, createElementBlock, createBlock, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createVNode, unref } from 'vue';
 import _sfc_main$1 from './components/AppItem.vue.mjs';
 import './components/AppItem.vue2.mjs';
 import _sfc_main$2 from './components/NumberItem.vue.mjs';
 import './components/NumberItem.vue2.mjs';
 import _sfc_main$3 from './components/PercentageItem.vue.mjs';
 import './components/PercentageItem.vue2.mjs';
-import _sfc_main$4 from './components/EmptyData.vue.mjs';
-import './components/EmptyData.vue2.mjs';
+import newNoDataSvg from './images/empty.png.mjs';
 
-const _hoisted_1 = { class: "dv-ipes-module-content dv-ipes-mgt4" };
-const _hoisted_2 = { class: "pre-level" };
+const _hoisted_1 = { class: "dv-ipes-module-content" };
+const _hoisted_2 = { class: "dv-ipes-pre-level" };
 const _hoisted_3 = { class: "dv-ipes-energy-top dv-ipes-flex-bw-c" };
 const _hoisted_4 = { class: "dv-ipes-energy-bottom" };
-const _hoisted_5 = {
-  key: 1,
-  class: "dv-ipes-empty"
-};
 const __default__ = {
-  name: "DvIpesLevel3AirDefense",
-  title: "三级防控"
+  name: "Level3AirDefense",
+  title: "三级防空"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
+  props: {
+    data: {
+      type: Array,
+      default: () => [{ monitorType: "wg", category: "fqpk", level: 3, normal: 23, abnormal: 0, offline: 0, name: "废气排口", rank: 5 }]
+    }
+  },
   setup(__props) {
+    const props = __props;
     const levelList = reactive([]);
-    const getSiteState = async () => {
-      const data = await requestControl({
-        method: "get",
-        url: "/ipes-prj-server/web/api/v1/control/site-state"
-      });
+    watch(() => props.data, (newVal, oldVal) => {
       const level = [];
-      data?.data?.map((da) => {
+      newVal.map((da) => {
         return level.push(da.level);
       });
       const newLevel = Array.from(new Set(level));
       newLevel.forEach((item) => {
         const newda = [];
-        data?.data?.forEach((da) => {
+        newVal.forEach((da) => {
           if (da.level === item) {
             da.normal = da.normal.toString();
             da.offline = da.offline.toString();
@@ -51,12 +49,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const levelName = item === 1 ? "一级防控" : item === 2 ? "二级防控" : "三级防控";
         levelList.push({ level: levelName, list: newda });
       });
-    };
-    onMounted(() => {
-      getSiteState();
-    });
+    }, { immediate: true, deep: true });
     return (_ctx, _cache) => {
       const _component_el_scrollbar = ElScrollbar;
+      const _component_el_empty = ElEmpty;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         levelList.length > 0 ? (openBlock(), createBlock(_component_el_scrollbar, {
           key: 0,
@@ -90,9 +86,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        })) : (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(_sfc_main$4)
-        ]))
+        })) : (openBlock(), createBlock(_component_el_empty, {
+          key: 1,
+          class: "empty",
+          "image-size": 180,
+          image: unref(newNoDataSvg),
+          description: ""
+        }, null, 8, ["image"]))
       ]);
     };
   }

package/dist/es/ipes/src/OdorControl/index.d.ts

@@ -5,6 +5,7 @@ export declare const DvIpesOdorControl: {
         $data: {};
         $props: {
             siteData?: Record<string, any> | undefined;
+            chartData?: Record<string, any> | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -79,8 +80,16 @@ export declare const DvIpesOdorControl: {
                     }[];
                 };
             };
+            chartData: {
+                type: ObjectConstructor;
+                default: () => {
+                    xData: string[];
+                    yData: string[];
+                };
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             siteData: Record<string, any>;
+            chartData: Record<string, any>;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -117,6 +126,13 @@ export declare const DvIpesOdorControl: {
                 }[];
             };
         };
+        chartData: {
+            type: ObjectConstructor;
+            default: () => {
+                xData: string[];
+                yData: string[];
+            };
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -137,7 +153,15 @@ export declare const DvIpesOdorControl: {
             }[];
         };
     };
+    chartData: {
+        type: ObjectConstructor;
+        default: () => {
+            xData: string[];
+            yData: string[];
+        };
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     siteData: Record<string, any>;
+    chartData: Record<string, any>;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _OdorControl;

package/dist/es/ipes/src/OdorControl/index.vue.d.ts

@@ -14,6 +14,13 @@ declare const _default: import("vue").DefineComponent<{
             }[];
         };
     };
+    chartData: {
+        type: ObjectConstructor;
+        default: () => {
+            xData: string[];
+            yData: string[];
+        };
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     siteData: {
         type: ObjectConstructor;
@@ -30,7 +37,15 @@ declare const _default: import("vue").DefineComponent<{
             }[];
         };
     };
+    chartData: {
+        type: ObjectConstructor;
+        default: () => {
+            xData: string[];
+            yData: string[];
+        };
+    };
 }>>, {
     siteData: Record<string, any>;
+    chartData: Record<string, any>;
 }, {}>;
 export default _default;

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

@@ -1,6 +1,7 @@
-import { defineComponent, reactive, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, Fragment, renderList, normalizeStyle } from 'vue';
+import { defineComponent, ref, reactive, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, Fragment, renderList, normalizeStyle, createCommentVNode, createBlock } from 'vue';
 import _imports_0 from './images/noData.svg.mjs';
 import { FpiElRolling } from '@ued_fpi/element-plus-expand';
+import { useCssVar } from '@vueuse/core';
 import _sfc_main$1 from '../common/Echarts.vue.mjs';
 import '../common/Echarts.vue2.mjs';
 
@@ -11,22 +12,34 @@ const _hoisted_4 = { class: "site-title" };
 const _hoisted_5 = { class: "time" };
 const _hoisted_6 = ["title"];
 const _hoisted_7 = { class: "right" };
-const _hoisted_8 = {
+const _hoisted_8 = { style: { color: "#00DEFF" } };
+const _hoisted_9 = {
   key: 1,
   class: "nodata",
-  style: { "height": "108px" }
+  style: { "height": "128px" }
 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
-const _hoisted_10 = [
-  _hoisted_9
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_11 = [
+  _hoisted_10
+];
+const _hoisted_12 = { class: "smell-number" };
+const _hoisted_13 = { class: "head" };
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 异味指数 ", -1);
+const _hoisted_15 = {
+  key: 0,
+  class: "unit"
+};
+const _hoisted_16 = {
+  key: 1,
+  class: "nodata",
+  style: { "height": "128px" }
+};
+const _hoisted_17 = /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_18 = [
+  _hoisted_17
 ];
-const _hoisted_11 = { class: "smell-number" };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "head" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 异味指数 "),
-  /* @__PURE__ */ createElementVNode("div", { class: "unit" }, " % ")
-], -1);
 const __default__ = {
-  name: "DvIpesOdorControl",
+  name: "OdorControl",
   title: "异味管控"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -37,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       default: () => ({
         siteCode: "JSYQ0432062300941000",
         siteName: "上风向空气超站（六参）",
-        dataTime: "2023-06-30 10时",
+        dataTime: "2023-06-30 10",
         siteFactorDatas: [
           {
             factorCode: "a21001",
@@ -45,60 +58,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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
           }
         ]
       })
+    },
+    chartData: {
+      type: Object,
+      default: () => ({
+        xData: ["1月", "2月", "3月", "4月", "5月", "6月"],
+        yData: ["0.72", "4.00", "4.30", "10.00", "5.00", "7.00"]
+      })
     }
   },
   setup(__props) {
+    const props = __props;
+    const themeEl = ref(null);
+    const themeColor = useCssVar("--color", themeEl);
+    const axisLabelEl = ref(null);
+    const axisLabelColor = useCssVar("--dv-text-body2", axisLabelEl);
+    const splitLineEl = ref(null);
+    const splitLineElColor = useCssVar("--dv-color-border-light", splitLineEl);
     const echartsOptions = reactive({
       options: {
         grid: {
-          left: 10,
-          bottom: 4,
-          right: 10,
+          left: 0,
+          bottom: 0,
+          right: 0,
           top: 10,
           containLabel: true
         },
@@ -116,9 +101,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             show: false
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.5)"
+            color: axisLabelColor.value
           },
-          data: ["2023-01", "2023-02", "2023-03", "2023-04", "2023-05", "2023-06"]
+          data: []
         },
         yAxis: {
           type: "value",
@@ -130,30 +115,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             show: false
           },
           axisLabel: {
-            show: true,
-            color: "rgba(255, 255, 255, 0.5)"
+            show: true
           },
           splitLine: {
-            show: false
-          },
-          splitArea: {
-            show: true,
-            areaStyle: {
-              color: ["rgba(255, 255, 255, 0.05)", "rgba(255,255,255,0)"]
-            }
+            lineStyle: {
+              color: splitLineElColor.value
+            },
+            show: true
           }
         },
         series: {
           type: "bar",
           barWidth: 10,
           itemStyle: {
-            color: "#03D5FB"
+            color: themeColor.value
           },
-          data: ["0.72", "0.00", "4.30", "0.00", "0.00", "0.00"]
+          data: []
         }
       },
       init: false
     });
+    watch(() => props.chartData, (newValue, oldValue) => {
+      echartsOptions.options.xAxis.data = newValue?.xData || [];
+      echartsOptions.options.series.data = newValue?.yData || [];
+    }, { deep: true, immediate: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -178,23 +163,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, toDisplayString(item.factorName), 9, _hoisted_6),
                   createElementVNode("div", _hoisted_7, [
                     createElementVNode("span", {
-                      style: normalizeStyle({ color: item.exceed ? "rgb(248, 68, 57)" : "#0EED95" })
+                      style: normalizeStyle({ color: item.exceed ? "rgb(248, 68, 57)" : "#15F3A3" })
                     }, toDisplayString(item.factorValue), 5),
-                    createElementVNode("span", null, toDisplayString(`/${item.factorStandardValue}`), 1)
+                    createElementVNode("span", {
+                      style: normalizeStyle({ color: "rgba(255,255,255,.3)" })
+                    }, toDisplayString(`  /  `), 4),
+                    createElementVNode("span", _hoisted_8, toDisplayString(item.factorStandardValue), 1)
                   ])
                 ]);
-              }), 128)) : (openBlock(), createElementBlock("div", _hoisted_8, _hoisted_10))
+              }), 128)) : (openBlock(), createElementBlock("div", _hoisted_9, _hoisted_11))
             ]),
             _: 1
           }, 8, ["time"]),
-          createElementVNode("div", _hoisted_11, [
-            _hoisted_12,
-            createVNode(_sfc_main$1, {
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              _hoisted_14,
+              __props.chartData.yData.length ? (openBlock(), createElementBlock("div", _hoisted_15, " % ")) : createCommentVNode("", true)
+            ]),
+            __props.chartData.xData.length ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
               id: "echarts",
-              height: "80px",
+              height: "120px",
               "full-options": echartsOptions,
               loading: false
-            }, null, 8, ["full-options"])
+            }, null, 8, ["full-options"])) : (openBlock(), createElementBlock("div", _hoisted_16, _hoisted_18))
           ])
         ])
       ]);

package/dist/es/ipes/src/RealTimeAirQualityManage/index.d.ts

@@ -6,7 +6,6 @@ export declare const DvIpesRealTimeAirQualityManage: {
         $props: {
             width?: string | number | undefined;
             height?: string | number | undefined;
-            airQualityObj?: import("./type").AirQuality | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -76,21 +75,9 @@ export declare const DvIpesRealTimeAirQualityManage: {
             } & {
                 default: number;
             };
-            airQualityObj: {
-                type: globalThis.PropType<import("./type").AirQuality>;
-            } & {
-                default: () => {
-                    aqiValue: number;
-                    aqiLevel: string;
-                    aqiColor: string;
-                    mainPollutants: string;
-                    mainPollutantValue: string;
-                };
-            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             width: string | number;
             height: string | number;
-            airQualityObj: import("./type").AirQuality;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -122,17 +109,6 @@ export declare const DvIpesRealTimeAirQualityManage: {
         } & {
             default: number;
         };
-        airQualityObj: {
-            type: globalThis.PropType<import("./type").AirQuality>;
-        } & {
-            default: () => {
-                aqiValue: number;
-                aqiLevel: string;
-                aqiColor: string;
-                mainPollutants: string;
-                mainPollutantValue: string;
-            };
-        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -148,20 +124,8 @@ export declare const DvIpesRealTimeAirQualityManage: {
     } & {
         default: number;
     };
-    airQualityObj: {
-        type: globalThis.PropType<import("./type").AirQuality>;
-    } & {
-        default: () => {
-            aqiValue: number;
-            aqiLevel: string;
-            aqiColor: string;
-            mainPollutants: string;
-            mainPollutantValue: string;
-        };
-    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     width: string | number;
     height: string | number;
-    airQualityObj: import("./type").AirQuality;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _RealTimeAirQualityManage;

package/dist/es/ipes/src/RealTimeAirQualityManage/index.mjs

@@ -1,6 +1,5 @@
 import { install } from '../../../utils.mjs';
 import _sfc_main from './index.vue.mjs';
-import './index.vue2.mjs';
 
 const DvIpesRealTimeAirQualityManage = install(_sfc_main);
 

package/dist/es/ipes/src/RealTimeAirQualityManage/index.vue.d.ts

@@ -1,36 +1,18 @@
-import type { AirQuality } from './type';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     width?: string | number | undefined;
     height?: string | number | undefined;
-    airQualityObj?: AirQuality | undefined;
 }>, {
     width: string;
     height: number;
-    airQualityObj: () => {
-        aqiValue: number;
-        aqiLevel: string;
-        aqiColor: string;
-        mainPollutants: string;
-        mainPollutantValue: string;
-    };
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     width?: string | number | undefined;
     height?: string | number | undefined;
-    airQualityObj?: AirQuality | undefined;
 }>, {
     width: string;
     height: number;
-    airQualityObj: () => {
-        aqiValue: number;
-        aqiLevel: string;
-        aqiColor: string;
-        mainPollutants: string;
-        mainPollutantValue: string;
-    };
 }>>>, {
     width: number | string;
     height: number | string;
-    airQualityObj: AirQuality;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;