@ued_fpi/data-visual 1.2.5 → 1.2.7

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

@@ -4,47 +4,45 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const es = require('element-plus/es');
 require('element-plus/es/components/base/style/css');
+require('element-plus/es/components/empty/style/css');
 require('element-plus/es/components/scrollbar/style/css');
 const vue = require('vue');
-const request = require('../../service/request.js');
 const AppItem_vue_vue_type_script_setup_true_lang = require('./components/AppItem.vue.js');
 require('./components/AppItem.vue2.js');
 const NumberItem_vue_vue_type_script_setup_true_lang = require('./components/NumberItem.vue.js');
 require('./components/NumberItem.vue2.js');
 const PercentageItem_vue_vue_type_script_setup_true_lang = require('./components/PercentageItem.vue.js');
 require('./components/PercentageItem.vue2.js');
-const EmptyData_vue_vue_type_script_setup_true_lang = require('./components/EmptyData.vue.js');
-require('./components/EmptyData.vue2.js');
+const empty = require('./images/empty.png.js');
 
-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__ */ vue.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 = vue.reactive([]);
-    const getSiteState = async () => {
-      const data = await request.default({
-        method: "get",
-        url: "/ipes-prj-server/web/api/v1/control/site-state"
-      });
+    vue.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();
@@ -55,12 +53,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const levelName = item === 1 ? "一级防控" : item === 2 ? "二级防控" : "三级防控";
         levelList.push({ level: levelName, list: newda });
       });
-    };
-    vue.onMounted(() => {
-      getSiteState();
-    });
+    }, { immediate: true, deep: true });
     return (_ctx, _cache) => {
       const _component_el_scrollbar = es.ElScrollbar;
+      const _component_el_empty = es.ElEmpty;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         levelList.length > 0 ? (vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
           key: 0,
@@ -94,9 +90,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ]),
           _: 1
-        })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-          vue.createVNode(EmptyData_vue_vue_type_script_setup_true_lang.default)
-        ]))
+        })) : (vue.openBlock(), vue.createBlock(_component_el_empty, {
+          key: 1,
+          class: "empty",
+          "image-size": 180,
+          image: vue.unref(empty.default),
+          description: ""
+        }, null, 8, ["image"]))
       ]);
     };
   }

package/dist/lib/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/lib/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/lib/ipes/src/OdorControl/index.vue.js

@@ -5,6 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const noData = require('./images/noData.svg.js');
 const elementPlusExpand = require('@ued_fpi/element-plus-expand');
+const core = require('@vueuse/core');
 const Echarts_vue_vue_type_script_setup_true_lang = require('../common/Echarts.vue.js');
 require('../common/Echarts.vue2.js');
 
@@ -15,22 +16,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__ */ vue.createElementVNode("img", { src: noData.default }, null, -1);
-const _hoisted_10 = [
-  _hoisted_9
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("img", { src: noData.default }, null, -1);
+const _hoisted_11 = [
+  _hoisted_10
+];
+const _hoisted_12 = { class: "smell-number" };
+const _hoisted_13 = { class: "head" };
+const _hoisted_14 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("img", { src: noData.default }, null, -1);
+const _hoisted_18 = [
+  _hoisted_17
 ];
-const _hoisted_11 = { class: "smell-number" };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("div", { class: "head" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 异味指数 "),
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "unit" }, " % ")
-], -1);
 const __default__ = {
-  name: "DvIpesOdorControl",
+  name: "OdorControl",
   title: "异味管控"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -41,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       default: () => ({
         siteCode: "JSYQ0432062300941000",
         siteName: "上风向空气超站（六参）",
-        dataTime: "2023-06-30 10时",
+        dataTime: "2023-06-30 10",
         siteFactorDatas: [
           {
             factorCode: "a21001",
@@ -49,60 +62,32 @@ const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(null);
+    const themeColor = core.useCssVar("--color", themeEl);
+    const axisLabelEl = vue.ref(null);
+    const axisLabelColor = core.useCssVar("--dv-text-body2", axisLabelEl);
+    const splitLineEl = vue.ref(null);
+    const splitLineElColor = core.useCssVar("--dv-color-border-light", splitLineEl);
     const echartsOptions = vue.reactive({
       options: {
         grid: {
-          left: 10,
-          bottom: 4,
-          right: 10,
+          left: 0,
+          bottom: 0,
+          right: 0,
           top: 10,
           containLabel: true
         },
@@ -120,9 +105,9 @@ const _sfc_main = /* @__PURE__ */ vue.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",
@@ -134,30 +119,30 @@ const _sfc_main = /* @__PURE__ */ vue.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
     });
+    vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
@@ -182,23 +167,30 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }, 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" })
+                      style: vue.normalizeStyle({ color: item.exceed ? "rgb(248, 68, 57)" : "#15F3A3" })
                     }, vue.toDisplayString(item.factorValue), 5),
-                    vue.createElementVNode("span", null, vue.toDisplayString(`/${item.factorStandardValue}`), 1)
+                    vue.createElementVNode("span", {
+                      style: vue.normalizeStyle({ color: "rgba(255,255,255,.3)" })
+                    }, vue.toDisplayString(`  /  `), 4),
+                    vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.factorStandardValue), 1)
                   ])
                 ]);
-              }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, _hoisted_10))
+              }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, _hoisted_11))
             ]),
             _: 1
           }, 8, ["time"]),
-          vue.createElementVNode("div", _hoisted_11, [
-            _hoisted_12,
-            vue.createVNode(Echarts_vue_vue_type_script_setup_true_lang.default, {
+          vue.createElementVNode("div", _hoisted_12, [
+            vue.createElementVNode("div", _hoisted_13, [
+              _hoisted_14,
+              __props.chartData.yData.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, " % ")) : vue.createCommentVNode("", true)
+            ]),
+            __props.chartData.xData.length ? (vue.openBlock(), vue.createBlock(Echarts_vue_vue_type_script_setup_true_lang.default, {
+              key: 0,
               id: "echarts",
-              height: "80px",
+              height: "120px",
               "full-options": echartsOptions,
               loading: false
-            }, null, 8, ["full-options"])
+            }, null, 8, ["full-options"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, _hoisted_18))
           ])
         ])
       ]);

package/dist/lib/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/lib/ipes/src/RealTimeAirQualityManage/index.js

@@ -4,7 +4,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const utils = require('../../../utils.js');
 const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
-require('./index.vue2.js');
 
 const DvIpesRealTimeAirQualityManage = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 

package/dist/lib/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;