@ued_fpi/data-visual 1.2.6 → 1.2.7

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

@@ -7,137 +7,95 @@ require('element-plus/es/components/base/style/css');
 require('element-plus/es/components/select/style/css');
 require('element-plus/es/components/option/style/css');
 const vue = require('vue');
-const moduleTitleIcon = require('./images/module-title-icon.png.js');
 const iconPercent = require('./images/icon-percent.png.js');
-const waterTotal = require('./images/water-total.png.js');
-const waterLeakage = require('./images/water-leakage.png.js');
 const dayjs = require('dayjs');
-const request = require('../../service/request.js');
 const IpesProgressBar = require('../common/IpesProgressBar.vue.js');
+const index = require('./types/index.js');
 
 const _hoisted_1 = { class: "dv-ipes-water-network" };
 const _hoisted_2 = { class: "sealing-row" };
 const _hoisted_3 = { class: "sealing-header" };
 const _hoisted_4 = { class: "sealing-header__title" };
-const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("img", {
-  src: moduleTitleIcon.default,
-  alt: "",
-  class: "module-icon"
-}, null, -1);
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", null, "设备情况", -1);
-const _hoisted_7 = { class: "sealing-header__title--sub" };
-const _hoisted_8 = { class: "water-device" };
-const _hoisted_9 = { class: "water-device__info" };
-const _hoisted_10 = { class: "water-device__percent" };
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 阀门开启率 ", -1);
-const _hoisted_12 = { class: "value" };
-const _hoisted_13 = { class: "water-device__progress" };
-const _hoisted_14 = { class: "water-device__detail" };
-const _hoisted_15 = { class: "left" };
-const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, [
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("span", null, "设备情况", -1);
+const _hoisted_6 = { class: "sealing-header__title--sub" };
+const _hoisted_7 = { class: "water-device" };
+const _hoisted_8 = { class: "water-device__info" };
+const _hoisted_9 = { class: "water-device__percent" };
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 阀门开启率 ", -1);
+const _hoisted_11 = { class: "value" };
+const _hoisted_12 = { class: "water-device__progress" };
+const _hoisted_13 = { class: "water-device__detail" };
+const _hoisted_14 = { class: "left" };
+const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, [
   /* @__PURE__ */ vue.createElementVNode("img", {
     class: "icon",
     src: iconPercent.default
   }),
   /* @__PURE__ */ vue.createElementVNode("span", null, "设备联网率")
 ], -1);
-const _hoisted_17 = { class: "percent" };
-const _hoisted_18 = { class: "right" };
-const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, [
+const _hoisted_16 = { class: "percent" };
+const _hoisted_17 = { class: "right" };
+const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, [
   /* @__PURE__ */ vue.createElementVNode("span", null, "开阀"),
   /* @__PURE__ */ vue.createElementVNode("span", { class: "space" }, "/"),
   /* @__PURE__ */ vue.createElementVNode("span", null, "关阀")
 ], -1);
-const _hoisted_20 = { class: "value" };
-const _hoisted_21 = { style: { "color": "#0eed9b" } };
-const _hoisted_22 = /* @__PURE__ */ vue.createElementVNode("span", { class: "space" }, "/", -1);
-const _hoisted_23 = { style: { "color": "#ff5d54" } };
-const _hoisted_24 = { class: "sealing-row" };
-const _hoisted_25 = { class: "sealing-header" };
-const _hoisted_26 = { class: "sealing-header__title" };
-const _hoisted_27 = /* @__PURE__ */ vue.createElementVNode("img", {
-  src: moduleTitleIcon.default,
-  alt: "",
-  class: "module-icon"
-}, null, -1);
-const _hoisted_28 = /* @__PURE__ */ vue.createElementVNode("span", null, "水量统计", -1);
-const _hoisted_29 = { class: "sealing-header__title--sub" };
-const _hoisted_30 = { class: "sealing-header__extra" };
-const _hoisted_31 = { class: "water-statistics" };
-const _hoisted_32 = { class: "water-statistics__number" };
-const _hoisted_33 = { class: "water-statistics-panel water-statistics__total" };
-const _hoisted_34 = /* @__PURE__ */ vue.createElementVNode("img", {
-  class: "icon mgr16",
-  src: waterTotal.default
-}, null, -1);
-const _hoisted_35 = { class: "content" };
-const _hoisted_36 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 供水总量 ", -1);
-const _hoisted_37 = { class: "value" };
-const _hoisted_38 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "m³", -1);
-const _hoisted_39 = { class: "water-statistics-panel water-statistics__leakage" };
-const _hoisted_40 = /* @__PURE__ */ vue.createElementVNode("img", {
-  class: "icon mgr16",
-  src: waterLeakage.default
-}, null, -1);
-const _hoisted_41 = { class: "content" };
-const _hoisted_42 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 漏损水量 ", -1);
-const _hoisted_43 = { class: "value" };
-const _hoisted_44 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "m³", -1);
-const _hoisted_45 = { class: "water-statistics__percent" };
-const _hoisted_46 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 漏损率 ", -1);
-const _hoisted_47 = { class: "content" };
+const _hoisted_19 = { class: "value" };
+const _hoisted_20 = { class: "online" };
+const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", { class: "space" }, "/", -1);
+const _hoisted_22 = { class: "offline" };
+const _hoisted_23 = { class: "sealing-row" };
+const _hoisted_24 = { class: "sealing-header" };
+const _hoisted_25 = { class: "sealing-header__title" };
+const _hoisted_26 = /* @__PURE__ */ vue.createElementVNode("span", null, "水量统计", -1);
+const _hoisted_27 = { class: "sealing-header__title--sub" };
+const _hoisted_28 = { class: "sealing-header__extra" };
+const _hoisted_29 = { class: "water-statistics" };
+const _hoisted_30 = { class: "water-statistics__number" };
+const _hoisted_31 = { class: "water-statistics-panel water-statistics__total" };
+const _hoisted_32 = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon mgr16 water-total" }, null, -1);
+const _hoisted_33 = { class: "content" };
+const _hoisted_34 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 供水总量 ", -1);
+const _hoisted_35 = { class: "value" };
+const _hoisted_36 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "m³", -1);
+const _hoisted_37 = { class: "water-statistics-panel water-statistics__leakage" };
+const _hoisted_38 = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon mgr16 water-leakage" }, null, -1);
+const _hoisted_39 = { class: "content" };
+const _hoisted_40 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 漏损水量 ", -1);
+const _hoisted_41 = { class: "value" };
+const _hoisted_42 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "m³", -1);
+const _hoisted_43 = { class: "water-statistics__percent" };
+const _hoisted_44 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, " 漏损率 ", -1);
+const _hoisted_45 = { class: "content" };
+const _hoisted_46 = { class: "online-data" };
+const _hoisted_47 = /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, " 在线/断线 ", -1);
 const _hoisted_48 = { class: "value" };
+const _hoisted_49 = { class: "online" };
+const _hoisted_50 = /* @__PURE__ */ vue.createElementVNode("span", { class: "space" }, "/", -1);
+const _hoisted_51 = { class: "offline" };
 const __default__ = {
   name: "DvIpesWaterNetworkManage",
   title: "园区供水管网管理"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
-  props: {
-    // 园区供水管网管理-设备情况
-    getWaterStatus: {
-      type: String,
-      default: "/xizhongdao-cockpit-server/hd/water/status"
-    },
-    // 供水管网管理-水量统计
-    getWaterVolume: {
-      type: String,
-      default: "/ipes-prj-map-server/motion/business/statistics/water-volume"
-    },
-    // 时间类型
-    timeType: {
-      type: String,
-      default: "month"
-    },
-    // 时间类型列表
-    timeTypeOptions: {
-      type: Array,
-      default: () => [
-        {
-          label: "年",
-          value: "year"
-        },
-        {
-          label: "月",
-          value: "month"
-        }
-      ]
-    }
-  },
+  props: vue.mergeDefaults({
+    percentNum: {},
+    onlineData: {},
+    waterStatus: {},
+    waterVolume: {},
+    timeType: {},
+    timeTypeOptions: {}
+  }, {
+    ...index.defaultProps
+  }),
   emits: {
     onTimeTypeChange: (value) => value
   },
   setup(__props, { emit: emits }) {
     const props = __props;
-    const waterStatus = vue.reactive({
-      line: {},
-      open: {}
-    });
-    const waterVolume = vue.reactive({});
-    const percentNum = vue.ref(0);
     const _timeType = vue.ref(props.timeType);
     const now = vue.ref(dayjs().format("YYYY-MM-DD HH:mm"));
-    const _timeTypeOptions = vue.computed(() => props.timeTypeOptions);
     const timeLabel = vue.computed(() => {
       let format;
       ((format2) => {
@@ -147,46 +105,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       })(format || (format = {}));
       return dayjs().format(format[_timeType.value]);
     });
-    vue.onBeforeMount(() => {
-      getWaterStatus();
-      getWaterVolume();
-    });
     const handleTimeTypeChange = (value) => {
       emits("onTimeTypeChange", value);
-      getWaterVolume();
-    };
-    const getWaterStatus = async () => {
-      try {
-        const res = await request.default({
-          method: "get",
-          url: props.getWaterStatus
-        });
-        waterStatus.line = {
-          total: res?.entries?.line?.total,
-          pel: res?.entries?.line?.pel
-        };
-        waterStatus.open = {
-          openTotal: res?.entries?.open?.openTotal,
-          total: res?.entries?.open?.total
-        };
-        percentNum.value = res?.entries?.open?.openTotal / res?.entries?.open?.total * 100;
-      } catch (e) {
-        console.log(e);
-      }
-    };
-    const getWaterVolume = async () => {
-      try {
-        const res = await request.default({
-          method: "get",
-          url: props.getWaterVolume,
-          params: {
-            date: timeLabel.value
-          }
-        });
-        Object.assign(waterVolume, { ...res.data });
-      } catch (e) {
-        console.log(e);
-      }
     };
     return (_ctx, _cache) => {
       const _component_el_option = es.ElOption;
@@ -196,54 +116,53 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [
               _hoisted_5,
-              _hoisted_6,
-              vue.createElementVNode("span", _hoisted_7, "（" + vue.toDisplayString(now.value) + "）", 1)
+              vue.createElementVNode("span", _hoisted_6, "（" + vue.toDisplayString(now.value) + "）", 1)
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_8, [
-            vue.createElementVNode("div", _hoisted_9, [
-              vue.createElementVNode("div", _hoisted_10, [
-                _hoisted_11,
-                vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(percentNum.value.toFixed(0)) + "% ", 1)
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.createElementVNode("div", _hoisted_9, [
+                _hoisted_10,
+                vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(props.percentNum.toFixed(0)) + "% ", 1)
               ]),
-              vue.createElementVNode("div", _hoisted_13, [
+              vue.createElementVNode("div", _hoisted_12, [
                 vue.createVNode(IpesProgressBar.default, {
-                  percent: percentNum.value || 0
+                  percent: props.percentNum || 0
                 }, null, 8, ["percent"])
               ]),
-              vue.createElementVNode("div", _hoisted_14, [
-                vue.createElementVNode("div", _hoisted_15, [
-                  _hoisted_16,
-                  vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(waterStatus.line.pel || 0) + "% ", 1)
+              vue.createElementVNode("div", _hoisted_13, [
+                vue.createElementVNode("div", _hoisted_14, [
+                  _hoisted_15,
+                  vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(props.waterStatus.line.pel || 0) + "% ", 1)
                 ]),
-                vue.createElementVNode("div", _hoisted_18, [
-                  _hoisted_19,
-                  vue.createElementVNode("div", _hoisted_20, [
-                    vue.createElementVNode("span", _hoisted_21, vue.toDisplayString(waterStatus.open.openTotal || 0), 1),
-                    _hoisted_22,
-                    vue.createElementVNode("span", _hoisted_23, vue.toDisplayString(waterStatus.line.total || 0), 1)
+                vue.createElementVNode("div", _hoisted_17, [
+                  _hoisted_18,
+                  vue.createElementVNode("div", _hoisted_19, [
+                    vue.createElementVNode("span", _hoisted_20, vue.toDisplayString(props.waterStatus.open.openTotal || 0), 1),
+                    _hoisted_21,
+                    vue.createElementVNode("span", _hoisted_22, vue.toDisplayString(props.waterStatus.line.total || 0), 1)
                   ])
                 ])
               ])
             ])
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_24, [
-          vue.createElementVNode("div", _hoisted_25, [
-            vue.createElementVNode("div", _hoisted_26, [
-              _hoisted_27,
-              _hoisted_28,
-              vue.createElementVNode("span", _hoisted_29, "（" + vue.toDisplayString(timeLabel.value) + "）", 1)
+        vue.createElementVNode("div", _hoisted_23, [
+          vue.createElementVNode("div", _hoisted_24, [
+            vue.createElementVNode("div", _hoisted_25, [
+              _hoisted_26,
+              vue.createElementVNode("span", _hoisted_27, "（" + vue.toDisplayString(timeLabel.value) + "）", 1)
             ]),
-            vue.createElementVNode("div", _hoisted_30, [
+            vue.createElementVNode("div", _hoisted_28, [
               vue.createVNode(_component_el_select, {
                 modelValue: _timeType.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _timeType.value = $event),
+                "popper-append-to-body": false,
                 class: "fpi-select",
                 onChange: handleTimeTypeChange
               }, {
                 default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_timeTypeOptions.value, (item) => {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.timeTypeOptions, (item) => {
                     return vue.openBlock(), vue.createBlock(_component_el_option, {
                       key: item.value,
                       value: item.value,
@@ -255,33 +174,39 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, 8, ["modelValue"])
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_31, [
-            vue.createElementVNode("div", _hoisted_32, [
-              vue.createElementVNode("div", _hoisted_33, [
-                _hoisted_34,
-                vue.createElementVNode("div", _hoisted_35, [
-                  _hoisted_36,
-                  vue.createElementVNode("div", _hoisted_37, [
-                    vue.createElementVNode("span", null, vue.toDisplayString(waterVolume.supply || 0), 1),
-                    _hoisted_38
+          vue.createElementVNode("div", _hoisted_29, [
+            vue.createElementVNode("div", _hoisted_30, [
+              vue.createElementVNode("div", _hoisted_31, [
+                _hoisted_32,
+                vue.createElementVNode("div", _hoisted_33, [
+                  _hoisted_34,
+                  vue.createElementVNode("div", _hoisted_35, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(props.waterVolume.supply || 0), 1),
+                    _hoisted_36
                   ])
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_39, [
-                _hoisted_40,
-                vue.createElementVNode("div", _hoisted_41, [
-                  _hoisted_42,
-                  vue.createElementVNode("div", _hoisted_43, [
-                    vue.createElementVNode("span", null, vue.toDisplayString(waterVolume.ullage || 0), 1),
-                    _hoisted_44
+              vue.createElementVNode("div", _hoisted_37, [
+                _hoisted_38,
+                vue.createElementVNode("div", _hoisted_39, [
+                  _hoisted_40,
+                  vue.createElementVNode("div", _hoisted_41, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(props.waterVolume.ullage || 0), 1),
+                    _hoisted_42
                   ])
                 ])
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_45, [
-              _hoisted_46,
-              vue.createElementVNode("div", _hoisted_47, [
-                vue.createElementVNode("div", _hoisted_48, vue.toDisplayString(waterVolume.per || 0) + "% ", 1)
+            vue.createElementVNode("div", _hoisted_43, [
+              _hoisted_44,
+              vue.createElementVNode("div", _hoisted_45, vue.toDisplayString(props.waterVolume.per || 0) + "% ", 1),
+              vue.createElementVNode("div", _hoisted_46, [
+                _hoisted_47,
+                vue.createElementVNode("div", _hoisted_48, [
+                  vue.createElementVNode("span", _hoisted_49, vue.toDisplayString(props.onlineData.online), 1),
+                  _hoisted_50,
+                  vue.createElementVNode("span", _hoisted_51, vue.toDisplayString(props.onlineData.offline), 1)
+                ])
               ])
             ])
           ])

package/dist/lib/ipes/src/WaterNetworkManage/types/index.d.ts

@@ -1,8 +1,58 @@
-export interface IAccessCar {
+export interface ITimeTypeOptions {
     label: string;
     value: string;
 }
-export interface IHazardousCar {
-    label: string;
-    value: string;
+interface IWaterStatusData {
+    pel?: number | string;
+    total?: number | string;
+    openTotal?: number | string;
+}
+export interface IWaterStatus {
+    line: IWaterStatusData;
+    open: IWaterStatusData;
+}
+export interface IOnlineData {
+    online: number | string;
+    offline: number | string;
+}
+export interface IWaterVolume {
+    supply: number | string;
+    ullage: number | string;
+    per: number | string;
+}
+export interface Props {
+    percentNum: number;
+    onlineData: IOnlineData;
+    waterStatus: IWaterStatus;
+    waterVolume: IWaterVolume;
+    timeType: string;
+    timeTypeOptions: ITimeTypeOptions[];
 }
+export declare const defaultProps: {
+    percentNum: number;
+    onlineData: () => {
+        online: number;
+        offline: number;
+    };
+    waterStatus: () => {
+        line: {
+            pel: number;
+            total: number;
+        };
+        open: {
+            openTotal: number;
+            total: number;
+        };
+    };
+    waterVolume: () => {
+        supply: number;
+        ullage: number;
+        per: number;
+    };
+    timeType: string;
+    timeTypeOptions: () => {
+        label: string;
+        value: string;
+    }[];
+};
+export {};

package/dist/lib/ipes/src/WaterNetworkManage/types/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const defaultProps = {
+  // 阀门开启率
+  percentNum: 0,
+  // 在线/断线
+  onlineData: () => ({
+    online: 0,
+    offline: 0
+  }),
+  // 设备联网率
+  waterStatus: () => ({
+    line: {
+      pel: 0,
+      total: 0
+    },
+    open: {
+      openTotal: 0,
+      total: 0
+    }
+  }),
+  // 供水总量
+  waterVolume: () => ({
+    // 供水总量
+    supply: 0,
+    // 漏损水量
+    ullage: 0,
+    // 漏损率
+    per: 0
+  }),
+  // 时间类型
+  timeType: "month",
+  timeTypeOptions: () => [
+    {
+      label: "年",
+      value: "year"
+    },
+    {
+      label: "月",
+      value: "month"
+    }
+  ]
+};
+
+exports.defaultProps = defaultProps;

package/dist/lib/ipes/src/common/RealTimeAir.vue.d.ts

@@ -0,0 +1,42 @@
+import type { AirQuality } from './types';
+declare const _default: import("vue").DefineComponent<{
+    width: {
+        default: string;
+        type: globalThis.PropType<string | number>;
+    };
+    height: {
+        default: number;
+        type: globalThis.PropType<string | number>;
+    };
+    lottieAnimationUrl: {
+        default: string;
+        type: StringConstructor;
+    };
+    airQualityObj: {
+        default: () => {};
+        type: globalThis.PropType<AirQuality>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        default: string;
+        type: globalThis.PropType<string | number>;
+    };
+    height: {
+        default: number;
+        type: globalThis.PropType<string | number>;
+    };
+    lottieAnimationUrl: {
+        default: string;
+        type: StringConstructor;
+    };
+    airQualityObj: {
+        default: () => {};
+        type: globalThis.PropType<AirQuality>;
+    };
+}>>, {
+    width: string | number;
+    height: string | number;
+    lottieAnimationUrl: string;
+    airQualityObj: AirQuality;
+}, {}>;
+export default _default;