@ued_fpi/data-visual 1.2.6 → 1.2.8

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

@@ -4,6 +4,8 @@ export declare const DvIpesAlarmManage: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            overProofAlarm?: any;
+            realAlarmList?: any;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +64,30 @@ export declare const DvIpesAlarmManage: {
         $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            overProofAlarm: {
+                type: globalThis.PropType<any>;
+                default: () => {
+                    dqhj: number;
+                    total: number;
+                    ydyh: number;
+                    wry: number;
+                };
+            };
+            realAlarmList: {
+                type: globalThis.PropType<any>;
+                default: () => {
+                    id: number;
+                    alarmName: string;
+                    alarmTime: number;
+                    description: string;
+                    alarmData: null;
+                }[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            overProofAlarm: any;
+            realAlarmList: any;
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +107,52 @@ export declare const DvIpesAlarmManage: {
         $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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        overProofAlarm: {
+            type: globalThis.PropType<any>;
+            default: () => {
+                dqhj: number;
+                total: number;
+                ydyh: number;
+                wry: number;
+            };
+        };
+        realAlarmList: {
+            type: globalThis.PropType<any>;
+            default: () => {
+                id: number;
+                alarmName: string;
+                alarmTime: number;
+                description: string;
+                alarmData: null;
+            }[];
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    overProofAlarm: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            dqhj: number;
+            total: number;
+            ydyh: number;
+            wry: number;
+        };
+    };
+    realAlarmList: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            id: number;
+            alarmName: string;
+            alarmTime: number;
+            description: string;
+            alarmData: null;
+        }[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    overProofAlarm: any;
+    realAlarmList: any;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _AlarmManage;

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

@@ -1,2 +1,46 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    overProofAlarm: {
+        type: PropType<any>;
+        default: () => {
+            dqhj: number;
+            total: number;
+            ydyh: number;
+            wry: number;
+        };
+    };
+    realAlarmList: {
+        type: PropType<any>;
+        default: () => {
+            id: number;
+            alarmName: string;
+            alarmTime: number;
+            description: string;
+            alarmData: null;
+        }[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    overProofAlarm: {
+        type: PropType<any>;
+        default: () => {
+            dqhj: number;
+            total: number;
+            ydyh: number;
+            wry: number;
+        };
+    };
+    realAlarmList: {
+        type: PropType<any>;
+        default: () => {
+            id: number;
+            alarmName: string;
+            alarmTime: number;
+            description: string;
+            alarmData: null;
+        }[];
+    };
+}>>, {
+    overProofAlarm: any;
+    realAlarmList: any;
+}, {}>;
 export default _default;

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

@@ -2,161 +2,145 @@ 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, ref, onMounted, openBlock, createElementBlock, createElementVNode, unref, toDisplayString, createVNode, Fragment, renderList, normalizeStyle, createBlock, withCtx } from 'vue';
+import { defineComponent, reactive, ref, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, Fragment, renderList, normalizeStyle, createBlock, withCtx, unref } from 'vue';
 import dayjs from 'dayjs';
-import requestControl from '../../service/request.mjs';
 import IpesProgressBar from '../common/IpesProgressBar.vue.mjs';
 import alarmPng from './images/alarm.png.mjs';
 import newNoDataSvg from './images/new-nodata.svg.mjs';
-import modeluIconPng from './images/modeluIcon.png.mjs';
 
 const _hoisted_1 = { class: "dv-ipes-alarm-manage" };
 const _hoisted_2 = { class: "module-title flex" };
 const _hoisted_3 = { class: "title flex" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", null, "报警统计", -1);
-const _hoisted_6 = { class: "time" };
-const _hoisted_7 = { class: "alarm-bar" };
-const _hoisted_8 = { class: "flex" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 超标报警统计 ", -1);
-const _hoisted_10 = { class: "total" };
-const _hoisted_11 = { class: "legend flex" };
-const _hoisted_12 = { class: "flex flex-c" };
-const _hoisted_13 = { class: "typename" };
-const _hoisted_14 = { class: "module-title flex mgb12" };
-const _hoisted_15 = { class: "title" };
-const _hoisted_16 = ["src"];
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", null, "实时报警", -1);
-const _hoisted_18 = { class: "alarm-list" };
-const _hoisted_19 = ["src"];
-const _hoisted_20 = ["title"];
-const _hoisted_21 = { class: "time" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", null, "报警统计", -1);
+const _hoisted_5 = { class: "time" };
+const _hoisted_6 = { class: "alarm-bar" };
+const _hoisted_7 = { class: "flex" };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 超标报警统计 ", -1);
+const _hoisted_9 = { class: "total" };
+const _hoisted_10 = { class: "legend flex" };
+const _hoisted_11 = { class: "flex flex-c" };
+const _hoisted_12 = { class: "typename" };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", { class: "module-title flex mgb12" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "title" }, [
+    /* @__PURE__ */ createElementVNode("span", null, "实时报警")
+  ])
+], -1);
+const _hoisted_14 = { class: "alarm-list" };
+const _hoisted_15 = ["src"];
+const _hoisted_16 = ["title"];
+const _hoisted_17 = { class: "time" };
 const __default__ = {
   name: "DvIpesAlarmManage",
   title: "报警管理"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
+  props: {
+    overProofAlarm: {
+      type: Object,
+      default: () => {
+        return { dqhj: 0, total: 0, ydyh: 0, wry: 0 };
+      }
+    },
+    realAlarmList: {
+      type: Array,
+      default: () => {
+        return [{ id: 6910, alarmName: "超标预警", alarmTime: 16909311e5, description: "【超标预警】模拟数据三号渠在2023-08-02 07:05:00产生中超标报警，监测因子：水位，监测值：2.237m，超标限值：(1.5,10)", alarmData: null }];
+      }
+    }
+  },
   setup(__props) {
+    const props = __props;
     const alarmOption = reactive([
       { typeName: "大气环境", key: "dqhj", color: "#0EED9B" },
       { typeName: "有毒有害", key: "ydyh", color: "#FFA41E" },
       { typeName: "污染源", key: "wry", color: "#FF5D54" }
     ]);
-    let overProofAlarmData = reactive({});
     const percent = ref([0, 0, 0]);
-    const realAlarmList = ref([]);
     const date = ref(dayjs().format("YYYY-MM"));
     const $formatTime = (time) => {
       return dayjs(time).format("YYYY-MM-DD HH:mm");
     };
-    const getAlarmData = async () => {
-      const [overProofAlarm, realAlarm] = await Promise.all([
-        // 超标报警统计
-        requestControl({
-          method: "get",
-          url: "/ipes-prj-map-server/alarm/statistics/countOverAlarmBySiteType"
-        }),
-        // 实时报警列表
-        requestControl({
-          method: "get",
-          url: "/ipes-prj-map-server/alarm/statistics/getAlarmListRealTime/50"
-        })
-      ]);
-      realAlarmList.value = realAlarm.data || [];
-      overProofAlarmData = overProofAlarm.data || {};
+    watch(props.overProofAlarm, (newValue, oldValue) => {
       percent.value = [];
       let prePercentTotal = 0;
       alarmOption.forEach((i, index) => {
         if (index < alarmOption.length - 1) {
-          const rate = overProofAlarmData[i.key] / overProofAlarmData.total * 100;
+          const rate = props.overProofAlarm[i.key] / props.overProofAlarm.total * 100;
           prePercentTotal += rate;
           percent.value.push(rate);
         } else {
           percent.value.push(100 - prePercentTotal);
         }
       });
-    };
-    onMounted(() => {
-      getAlarmData();
-    });
+    }, { deep: true, immediate: true });
     return (_ctx, _cache) => {
       const _component_el_scrollbar = ElScrollbar;
       const _component_el_empty = ElEmpty;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            createElementVNode("img", {
-              class: "icon mgr4",
-              src: unref(modeluIconPng)
-            }, null, 8, _hoisted_4),
-            _hoisted_5,
-            createElementVNode("div", _hoisted_6, " （" + toDisplayString(date.value) + "） ", 1)
+            _hoisted_4,
+            createElementVNode("div", _hoisted_5, " （" + toDisplayString(date.value) + "） ", 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_7, [
-          createElementVNode("div", _hoisted_8, [
-            _hoisted_9,
-            createElementVNode("div", _hoisted_10, toDisplayString(unref(overProofAlarmData).total), 1)
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            _hoisted_8,
+            createElementVNode("div", _hoisted_9, toDisplayString(__props.overProofAlarm.total), 1)
           ]),
           createVNode(IpesProgressBar, {
-            percent: percent.value[0]
+            percent: percent.value[0],
+            class: "progress-bar"
           }, null, 8, ["percent"]),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_10, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(alarmOption, (item) => {
               return openBlock(), createElementBlock("div", {
                 key: item.key,
                 class: "legend-item flex-1"
               }, [
-                createElementVNode("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_11, [
                   createElementVNode("div", {
                     class: "circle mgr4",
                     style: normalizeStyle({ background: item.color })
                   }, null, 4),
-                  createElementVNode("div", _hoisted_13, toDisplayString(item.typeName), 1)
+                  createElementVNode("div", _hoisted_12, toDisplayString(item.typeName), 1)
                 ]),
                 createElementVNode("div", {
                   class: "total",
                   style: normalizeStyle({ color: item.color })
-                }, toDisplayString(unref(overProofAlarmData)[item.key]), 5)
+                }, toDisplayString(__props.overProofAlarm[item.key]), 5)
               ]);
             }), 128))
           ])
         ]),
+        _hoisted_13,
         createElementVNode("div", _hoisted_14, [
-          createElementVNode("div", _hoisted_15, [
-            createElementVNode("img", {
-              class: "icon mgr4",
-              src: unref(modeluIconPng)
-            }, null, 8, _hoisted_16),
-            _hoisted_17
-          ])
-        ]),
-        createElementVNode("div", _hoisted_18, [
-          realAlarmList.value.length > 0 ? (openBlock(), createBlock(_component_el_scrollbar, { key: 0 }, {
+          __props.realAlarmList.length > 0 ? (openBlock(), createBlock(_component_el_scrollbar, { key: 0 }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(realAlarmList.value, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.realAlarmList, (item, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
                   class: "alarm-list-item flex flex-s"
                 }, [
                   createElementVNode("img", {
-                    class: "mgr8",
+                    class: "mgr",
                     src: unref(alarmPng),
-                    style: { "width": "40px" }
-                  }, null, 8, _hoisted_19),
+                    style: { "width": "27px" }
+                  }, null, 8, _hoisted_15),
                   createElementVNode("div", {
                     class: "alarm-type single-overflow flex-1",
                     title: item.description
-                  }, toDisplayString(item.description), 9, _hoisted_20),
-                  createElementVNode("div", _hoisted_21, toDisplayString($formatTime(item.alarmTime)), 1)
+                  }, toDisplayString(item.description), 9, _hoisted_16),
+                  createElementVNode("div", _hoisted_17, toDisplayString($formatTime(item.alarmTime)), 1)
                 ]);
               }), 128))
             ]),
             _: 1
           })) : (openBlock(), createBlock(_component_el_empty, {
             key: 1,
-            "image-size": 250,
+            class: "empty",
+            "image-size": 180,
             image: unref(newNoDataSvg),
             description: ""
           }, null, 8, ["image"]))

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

@@ -4,6 +4,8 @@ export declare const DvIpesBusinessManage: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            waterStatus?: any;
+            lightingDevice?: any;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +64,36 @@ export declare const DvIpesBusinessManage: {
         $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            waterStatus: {
+                type: globalThis.PropType<any>;
+                default: () => {
+                    line: {
+                        pel: number;
+                    };
+                    open: {
+                        openTotal: number;
+                        total: number;
+                    };
+                };
+            };
+            lightingDevice: {
+                type: globalThis.PropType<any>;
+                default: () => {
+                    offline: number;
+                    offlamp: number;
+                    name: string;
+                    online: number;
+                    type: number;
+                    onlamp: number;
+                    alarmlamp: number;
+                    normallamp: number;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            waterStatus: any;
+            lightingDevice: any;
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +113,64 @@ export declare const DvIpesBusinessManage: {
         $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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        waterStatus: {
+            type: globalThis.PropType<any>;
+            default: () => {
+                line: {
+                    pel: number;
+                };
+                open: {
+                    openTotal: number;
+                    total: number;
+                };
+            };
+        };
+        lightingDevice: {
+            type: globalThis.PropType<any>;
+            default: () => {
+                offline: number;
+                offlamp: number;
+                name: string;
+                online: number;
+                type: number;
+                onlamp: number;
+                alarmlamp: number;
+                normallamp: number;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    waterStatus: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            line: {
+                pel: number;
+            };
+            open: {
+                openTotal: number;
+                total: number;
+            };
+        };
+    };
+    lightingDevice: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            offline: number;
+            offlamp: number;
+            name: string;
+            online: number;
+            type: number;
+            onlamp: number;
+            alarmlamp: number;
+            normallamp: number;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    waterStatus: any;
+    lightingDevice: any;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _BusinessManage;

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

@@ -1,2 +1,57 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{
+    waterStatus: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            line: {
+                pel: number;
+            };
+            open: {
+                openTotal: number;
+                total: number;
+            };
+        };
+    };
+    lightingDevice: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            offline: number;
+            offlamp: number;
+            name: string;
+            online: number;
+            type: number;
+            onlamp: number;
+            alarmlamp: number;
+            normallamp: number;
+        };
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    waterStatus: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            line: {
+                pel: number;
+            };
+            open: {
+                openTotal: number;
+                total: number;
+            };
+        };
+    };
+    lightingDevice: {
+        type: globalThis.PropType<any>;
+        default: () => {
+            offline: number;
+            offlamp: number;
+            name: string;
+            online: number;
+            type: number;
+            onlamp: number;
+            alarmlamp: number;
+            normallamp: number;
+        };
+    };
+}>>, {
+    waterStatus: any;
+    lightingDevice: any;
+}, {}>;
 export default _default;