@ued_fpi/data-visual 1.1.0 → 1.1.1

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

@@ -1,14 +1,18 @@
 import { _ as _export_sfc, i as install } from '../../../aims/src/AirQualityCalendar/index.mjs';
-import { c as ElOption, d as ElSelect } from '../../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
-import { defineComponent, reactive, ref, computed, onBeforeMount, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, isRef, withCtx, Fragment, renderList, createBlock, pushScopeId, popScopeId } from 'vue';
+import { ElOption, ElSelect } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import { defineComponent, reactive, ref, computed, onBeforeMount, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, Fragment, renderList, createBlock, pushScopeId, popScopeId } from 'vue';
 import { _ as _imports_0 } from './images/module-title-icon.mjs';
 import { _ as _imports_1 } from './images/icon-percent.mjs';
 import { _ as _imports_2 } from './images/water-total.mjs';
 import { _ as _imports_3 } from './images/water-leakage.mjs';
-import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import dayjs from 'dayjs';
 import { r as requestControl } from '../../service/request.mjs';
+import { P as ProgressBar } from '../common/IpesProgressBar.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-eb069f81"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-2488a651"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "dv-ipes-water-network" };
 const _hoisted_2 = { class: "sealing-row" };
 const _hoisted_3 = { class: "sealing-header" };
@@ -25,7 +29,7 @@ const _hoisted_9 = { class: "water-device__info" };
 const _hoisted_10 = { class: "water-device__percent" };
 const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 阀门开启率 ", -1));
 const _hoisted_12 = { class: "value" };
-const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "water-device__progress" }, null, -1));
+const _hoisted_13 = { class: "water-device__progress" };
 const _hoisted_14 = { class: "water-device__detail" };
 const _hoisted_15 = { class: "left" };
 const _hoisted_16 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "title" }, [
@@ -87,28 +91,51 @@ const __default__ = {
 };
 const _sfc_main = /* @__PURE__ */ 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"
+        }
+      ]
+    }
+  },
   emits: {
     onTimeTypeChange: (value) => value
   },
   setup(__props, { emit: emits }) {
+    const props = __props;
     const waterStatus = reactive({
       line: {},
       open: {}
     });
     const waterVolume = reactive({});
     const percentNum = ref(0);
-    const timeType = ref("month");
+    const _timeType = ref(props.timeType);
     const now = ref(dayjs().format("YYYY-MM-DD HH:mm"));
-    const timeTypeOptions = reactive([
-      {
-        label: "年",
-        value: "year"
-      },
-      {
-        label: "月",
-        value: "month"
-      }
-    ]);
+    const _timeTypeOptions = computed(() => props.timeTypeOptions);
     const timeLabel = computed(() => {
       let format;
       ((format2) => {
@@ -116,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         format2["month"] = "YYYY-MM";
         format2["day"] = "YYYY-MM-DD";
       })(format || (format = {}));
-      return dayjs().format(format[timeType.value]);
+      return dayjs().format(format[_timeType.value]);
     });
     onBeforeMount(() => {
       getWaterStatus();
@@ -130,17 +157,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const res = await requestControl({
           method: "get",
-          url: "/xizhongdao-cockpit-server/hd/water/status"
+          url: props.getWaterStatus
         });
         waterStatus.line = {
-          total: res.entries.line.total,
-          pel: res.entries.line.pel
+          total: res?.entries?.line?.total,
+          pel: res?.entries?.line?.pel
         };
         waterStatus.open = {
-          openTotal: res.entries.open.openTotal,
-          total: res.entries.open.total
+          openTotal: res?.entries?.open?.openTotal,
+          total: res?.entries?.open?.total
         };
-        percentNum.value = res.entries.open.openTotal / res.entries.open.total * 100;
+        percentNum.value = res?.entries?.open?.openTotal / res?.entries?.open?.total * 100;
       } catch (e) {
         console.log(e);
       }
@@ -149,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const res = await requestControl({
           method: "get",
-          url: "/ipes-prj-map-server/motion/business/statistics/water-volume",
+          url: props.getWaterVolume,
           params: {
             date: timeLabel.value
           }
@@ -168,27 +195,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4, [
               _hoisted_5,
               _hoisted_6,
-              createElementVNode("span", _hoisted_7, "（" + toDisplayString(unref(now)) + "）", 1)
+              createElementVNode("span", _hoisted_7, "（" + toDisplayString(now.value) + "）", 1)
             ])
           ]),
           createElementVNode("div", _hoisted_8, [
             createElementVNode("div", _hoisted_9, [
               createElementVNode("div", _hoisted_10, [
                 _hoisted_11,
-                createElementVNode("div", _hoisted_12, toDisplayString(unref(percentNum).toFixed(0)) + "% ", 1)
+                createElementVNode("div", _hoisted_12, toDisplayString(percentNum.value.toFixed(0)) + "% ", 1)
+              ]),
+              createElementVNode("div", _hoisted_13, [
+                createVNode(ProgressBar, {
+                  percent: percentNum.value || 0
+                }, null, 8, ["percent"])
               ]),
-              _hoisted_13,
               createElementVNode("div", _hoisted_14, [
                 createElementVNode("div", _hoisted_15, [
                   _hoisted_16,
-                  createElementVNode("div", _hoisted_17, toDisplayString(unref(waterStatus).line.pel || 0) + "% ", 1)
+                  createElementVNode("div", _hoisted_17, toDisplayString(waterStatus.line.pel || 0) + "% ", 1)
                 ]),
                 createElementVNode("div", _hoisted_18, [
                   _hoisted_19,
                   createElementVNode("div", _hoisted_20, [
-                    createElementVNode("span", _hoisted_21, toDisplayString(unref(waterStatus).open.openTotal || 0), 1),
+                    createElementVNode("span", _hoisted_21, toDisplayString(waterStatus.open.openTotal || 0), 1),
                     _hoisted_22,
-                    createElementVNode("span", _hoisted_23, toDisplayString(unref(waterStatus).line.total || 0), 1)
+                    createElementVNode("span", _hoisted_23, toDisplayString(waterStatus.line.total || 0), 1)
                   ])
                 ])
               ])
@@ -200,16 +231,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_26, [
               _hoisted_27,
               _hoisted_28,
-              createElementVNode("span", _hoisted_29, "（" + toDisplayString(unref(timeLabel)) + "）", 1)
+              createElementVNode("span", _hoisted_29, "（" + toDisplayString(timeLabel.value) + "）", 1)
             ]),
             createElementVNode("div", _hoisted_30, [
               createVNode(_component_el_select, {
-                modelValue: unref(timeType),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(timeType) ? timeType.value = $event : null),
+                modelValue: _timeType.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _timeType.value = $event),
+                class: "fpi-select",
                 onChange: handleTimeTypeChange
               }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(timeTypeOptions), (item) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_timeTypeOptions.value, (item) => {
                     return openBlock(), createBlock(_component_el_option, {
                       key: item.value,
                       value: item.value,
@@ -228,7 +260,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_35, [
                   _hoisted_36,
                   createElementVNode("div", _hoisted_37, [
-                    createElementVNode("span", null, toDisplayString(unref(waterVolume).supply || 0), 1),
+                    createElementVNode("span", null, toDisplayString(waterVolume.supply || 0), 1),
                     _hoisted_38
                   ])
                 ])
@@ -238,7 +270,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_41, [
                   _hoisted_42,
                   createElementVNode("div", _hoisted_43, [
-                    createElementVNode("span", null, toDisplayString(unref(waterVolume).ullage || 0), 1),
+                    createElementVNode("span", null, toDisplayString(waterVolume.ullage || 0), 1),
                     _hoisted_44
                   ])
                 ])
@@ -247,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_45, [
               _hoisted_46,
               createElementVNode("div", _hoisted_47, [
-                createElementVNode("div", _hoisted_48, toDisplayString(unref(waterVolume).per || 0) + "% ", 1)
+                createElementVNode("div", _hoisted_48, toDisplayString(waterVolume.per || 0) + "% ", 1)
               ])
             ])
           ])
@@ -257,9 +289,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_eb069f81_lang = '';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_2488a651_lang = '';
 
-const _WaterNetworkManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb069f81"]]);
+const _WaterNetworkManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2488a651"]]);
 
 const WaterNetworkManage = install(_WaterNetworkManage);
 

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

@@ -1,6 +1,51 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    getWaterStatus: {
+        type: StringConstructor;
+        default: string;
+    };
+    getWaterVolume: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeTypeOptions: {
+        type: ArrayConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        }[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     onTimeTypeChange: (value: string) => string;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    getWaterStatus: {
+        type: StringConstructor;
+        default: string;
+    };
+    getWaterVolume: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeTypeOptions: {
+        type: ArrayConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        }[];
+    };
+}>> & {
     onOnTimeTypeChange?: ((value: string) => any) | undefined;
-}, {}, {}>;
+}, {
+    timeType: string;
+    timeTypeOptions: unknown[];
+    getWaterStatus: string;
+    getWaterVolume: string;
+}, {}>;
 export default _default;

package/dist/es/ipes/src/common/Echarts.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
-import { i as init } from '../../../vendor/echarts@5.4.2.mjs';
+import * as echarts from 'echarts';
 import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
 
 const _hoisted_1 = ["id"];
@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const cancalDebounce = debounce(resizeHandler, 50);
     onMounted(() => {
-      myChart = init(document.getElementById(props.id), { renderer: "svg" });
+      myChart = echarts.init(document.getElementById(props.id), { renderer: "svg" });
       myChart.showLoading({
         text: "",
         color: "#409eff",

package/dist/es/ipes/src/common/IpesPercentBar.mjs

@@ -0,0 +1,38 @@
+import { openBlock, createElementBlock, Fragment, renderList, normalizeStyle } from 'vue';
+import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
+
+/* unplugin-vue-components disabled */const IpesPercentBar_vue_vue_type_style_index_0_scoped_a6a7ee75_lang = '';
+
+/* unplugin-vue-components disabled */
+const _sfc_main = {
+    name: 'IpesPercentBar',
+    props: {
+        list: {
+            type: Array,
+            default: () => [],
+        },
+    },
+    computed: {
+        total() {
+            return this.list.reduce((total, item) => {
+                return total + item.value
+            }, 0)
+        },
+    },
+};
+const _hoisted_1 = { class: "percent-bar" };
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($props.list, (item, idx) => {
+      return (openBlock(), createElementBlock("div", {
+        key: idx,
+        class: "percent-bar__inner",
+        style: normalizeStyle({ background: item.background, width: `${(item.value / $options.total) * 100}%` })
+      }, null, 4))
+    }), 128))
+  ]))
+}
+const IpesPercentBar = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-a6a7ee75"]]);
+
+export { IpesPercentBar as I };

package/dist/es/ipes/src/common/IpesProgressBar.mjs

@@ -0,0 +1,38 @@
+import { openBlock, createElementBlock, createElementVNode, normalizeStyle } from 'vue';
+import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
+
+/* unplugin-vue-components disabled */const IpesProgressBar_vue_vue_type_style_index_0_scoped_1dde9038_lang = '';
+
+/* unplugin-vue-components disabled */
+const _sfc_main = {
+    name: 'IpesProgressBar',
+    props: {
+        percent: {
+            type: Number,
+            default: 0,
+        },
+    },
+};
+const _hoisted_1 = { class: "progress-bar" };
+const _hoisted_2 = { class: "progress-bar__outer__top" };
+const _hoisted_3 = { class: "progress-bar__outer__bottom" };
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", {
+        class: "progress-bar__inner",
+        style: normalizeStyle({ transform: `translate3d(${$props.percent > 100 ? 100 : $props.percent}%,0,0)` })
+      }, null, 4)
+    ]),
+    createElementVNode("div", _hoisted_3, [
+      createElementVNode("div", {
+        class: "progress-bar__inner",
+        style: normalizeStyle({ transform: `translate3d(${$props.percent > 100 ? 100 : $props.percent}%,0,0)` })
+      }, null, 4)
+    ])
+  ]))
+}
+const ProgressBar = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-1dde9038"]]);
+
+export { ProgressBar as P };

package/dist/es/ipes/src/common/LottieAnimation.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, unref } from 'vue';
+import { defineComponent, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle } from 'vue';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LottieAnimation",
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       nextTick(() => {
-        window.lottie.loadAnimation({
+        window.lottie?.loadAnimation({
           container: canvasRef.value,
           renderer: "svg",
           loop: true,
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "canvasRef",
         ref: canvasRef,
         class: "canvas",
-        style: normalizeStyle({ width: unref(width), height: unref(height) })
+        style: normalizeStyle({ width: width.value, height: height.value })
       }, null, 4);
     };
   }

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

@@ -15,3 +15,9 @@ export * from './WaterNetworkManage';
 export * from './Level3AirDefense';
 export * from './EnvManage';
 export * from './RealTimeAirQualityManage';
+export * from './BusinessManage';
+export * from './InspectionManage';
+export * from './AlarmManage';
+export * from './PollutantSourceManage';
+export * from './EnvironmentalProtection';
+export * from './GasControl';

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

@@ -15,6 +15,12 @@ import { W as WaterNetworkManage } from './WaterNetworkManage/index.mjs';
 import { L as Level3AirDefense } from './Level3AirDefense/index.mjs';
 import { E as EnvManage } from './EnvManage/index.mjs';
 import { R as RealTimeAirQualityManage } from './RealTimeAirQualityManage/index.mjs';
+import { B as BusinessManage } from './BusinessManage/index.mjs';
+import { I as InspectionManage } from './InspectionManage/index.mjs';
+import { A as AlarmManage } from './AlarmManage/index.mjs';
+import { P as PollutantSourceManage } from './PollutantSourceManage/index.mjs';
+import { E as EnvironmentalProtection } from './EnvironmentalProtection/index.mjs';
+import { G as GasControl } from './GasControl/index.mjs';
 
 const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	__proto__: null,
@@ -22,14 +28,20 @@ const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty
 	AirPollutionDischarge,
 	AirQuality,
 	AirQualityManagement,
+	AlarmManage,
+	BusinessManage,
 	EmergencyDuty,
 	EnterpriseProtectionCode,
 	EnvManage,
+	EnvironmentalProtection,
 	EnvironmentalRiskManagement,
+	GasControl,
 	GeneralManagement,
 	HazardousVehicleManage,
+	InspectionManage,
 	Level3AirDefense,
 	OdorControl,
+	PollutantSourceManage,
 	RealTimeAirQualityManage,
 	SealingManage,
 	TaskDispose,