@ued_fpi/data-visual 1.2.15 → 1.2.19

package/dist/es/wgms/src/SewageOutletsOnlineMonitor/index.vue.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, reactive, ref, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, normalizeStyle } from 'vue';
+import { sumBy } from 'lodash-es';
 import 'echarts-gl';
 import echarts from '../../utils/echarts/index.mjs';
 import { getPie3D } from '../../utils/echarts/3dChartOptions.mjs';
@@ -29,6 +30,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     colorArr: { default: () => {
       return ["#F84439", "#FDBD00", "#15F3A3", "#00DEFF", "#1976D2", "#F2BE32", "#00E87E"];
     } },
+    data: { default: () => {
+      return {
+        total: 80,
+        0: [
+          {
+            name: "雨水排口",
+            value: 10,
+            rate: 20,
+            itemStyle: { color: "#F84439" }
+          },
+          {
+            name: "工业排污口",
+            value: 20,
+            rate: 40,
+            itemStyle: { color: "#FAAD14" }
+          },
+          {
+            name: "城镇污水处理厂排污口",
+            value: 10,
+            rate: 20,
+            itemStyle: { color: "#00E87E" }
+          },
+          {
+            name: "其他排口",
+            value: 10,
+            rate: 20,
+            itemStyle: { color: "#00DEFF" }
+          }
+        ],
+        1: [
+          {
+            name: "入海排口",
+            value: 30,
+            rate: 50,
+            itemStyle: { color: "#F84439" }
+          },
+          {
+            name: "工业排污口",
+            value: 20,
+            rate: 33.33,
+            itemStyle: { color: "#FAAD14" }
+          },
+          {
+            name: "其他排口",
+            value: 10,
+            rate: 16.67,
+            itemStyle: { color: "#00DEFF" }
+          }
+        ]
+      };
+    } },
     isLazy: { type: Boolean, default: false }
   },
   setup(__props) {
@@ -46,10 +98,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(async () => {
       !props.isLazy && getResData();
     });
-    watch([() => props.params, () => props.isLazy], () => {
+    watch([() => props.params, () => props.data, () => props.isLazy], () => {
       !props.isLazy && getResData();
     }, { deep: true });
     const getResData = async () => {
+      if (props.data && Reflect.ownKeys(props.data).length) {
+        wgmsData.optionData = props.data[wgmsData.activeIndex];
+        wgmsData.total = sumBy(wgmsData.optionData, (o) => {
+          return o.value;
+        });
+        await nextTick();
+        initChart();
+        return;
+      }
       const { data: res } = await getOutletsOnlineData({
         ...props.params,
         outletType: wgmsData.toggleList[wgmsData.activeIndex].value
@@ -57,10 +118,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (res) {
         wgmsData.total = res.total;
         if (res.outletOnlineDetailList && res.outletOnlineDetailList.length) {
-          wgmsData.optionData = res.outletOnlineDetailList.map((item) => {
+          wgmsData.optionData = res.outletOnlineDetailList.map((item, index) => {
             return {
               ...item,
-              value: item.onlineCount
+              rate: res.total ? (item.onlineCount / res.total * 100).toFixed(2) : 0,
+              value: item.onlineCount,
+              itemStyle: {
+                color: props.colorArr[index]
+              }
             };
           });
           await nextTick();
@@ -69,7 +134,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const initChart = () => {
-      const options = getPie3D(wgmsData.optionData, props.colorArr, 0.6, 185, 38, 15, 0.5);
+      const pieData = wgmsData.optionData.map((item) => {
+        return {
+          name: item.name,
+          value: item.rate === "--" ? 0 : Number(item.rate),
+          itemStyle: item.itemStyle
+        };
+      });
+      const options = getPie3D(pieData, 0.6, 185, 38, 16, 1);
       echarts.draw(pieChart.value, options);
     };
     const changeList = (index) => {
@@ -114,14 +186,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_9, [
                   createElementVNode("div", {
                     class: "circle",
-                    style: normalizeStyle({ background: _ctx.colorArr[index] })
+                    style: normalizeStyle({ background: item.itemStyle.color })
                   }, null, 4),
                   createElementVNode("div", _hoisted_10, toDisplayString(item.name), 1)
                 ]),
                 createElementVNode("div", _hoisted_11, [
                   createElementVNode("div", _hoisted_12, toDisplayString(item.value), 1),
                   _hoisted_13,
-                  createElementVNode("div", _hoisted_14, toDisplayString((item.value / unref(total) * 100).toFixed(2)) + "% ", 1)
+                  createElementVNode("div", _hoisted_14, toDisplayString(item.rate) + "% ", 1)
                 ])
               ]);
             }), 128))

package/dist/es/wgms/src/SurroundingPollution/api/index.d.ts

@@ -36,3 +36,11 @@ export declare const countEventStatusByTimePoint: (data: SURROUND_POLLUTION_API_
     data: any;
     message: string;
 }>;
+/**
+ * @name: overflowPort
+ * @test: test font
+ * @msg: 异常溢流口统计
+ * @param {SURROUND_POLLUTION_API_REQUEST} params
+ * @return {*}
+ */
+export declare const overflowPort: (params: SURROUND_POLLUTION_API_REQUEST.overflowPort) => Promise<SURROUND_POLLUTION_API_RESPONSE.overflowPortTs>;

package/dist/es/wgms/src/SurroundingPollution/api/index.mjs

@@ -8,6 +8,13 @@ const queryFactorGroup = (params) => {
   });
 };
 const pomsAlarm = (params) => {
+  return requestControl({
+    url: "/api/v3.0/analyse/alarm-stat",
+    server: "wgmsSewageDataServer",
+    params
+  });
+};
+const pomsAnalysis = (params) => {
   return requestControl({
     url: "/api/v3.0/analyse/poms-analyse",
     server: "wgmsSewageDataServer",
@@ -23,5 +30,12 @@ const countEventStatusByTimePoint = (data, option = {}) => {
     ...option
   });
 };
+const overflowPort = (params) => {
+  return requestControl({
+    url: "/api/v3.0/analyse/result/poms",
+    server: "wgmsSewageDataServer",
+    params
+  });
+};
 
-export { countEventStatusByTimePoint, pomsAlarm, queryFactorGroup };
+export { countEventStatusByTimePoint, overflowPort, pomsAlarm, pomsAnalysis, queryFactorGroup };

package/dist/es/wgms/src/SurroundingPollution/api/types.d.ts

@@ -29,6 +29,35 @@ export declare namespace SURROUND_POLLUTION_API_REQUEST {
         centerLatitude: string;
         centerLongitude: string;
     }
+    interface overflowPort {
+        queryTimeType: string;
+        beginTime: number;
+        endTime: number;
+        factorFlag: boolean;
+        factor: number;
+        longitude: number;
+        latitude: number;
+        distance: number;
+        limit: number;
+        minWave?: number;
+        waveBeginTime: number;
+        waveEndTime: number;
+        waveFactorFlag: boolean;
+        waveFactor: number | string;
+    }
+    interface requestParamsTs {
+        queryTimeType: string;
+        beginTime: number;
+        endTime: number;
+        factor: number;
+        longitude: number;
+        latitude: number;
+        distance: number;
+        limit: number;
+        minWave?: number;
+        alarmTime: number;
+        accessCodeList: string[];
+    }
 }
 export declare namespace SURROUND_POLLUTION_API_RESPONSE {
     interface queryFactorGroupTs {
@@ -66,4 +95,15 @@ export declare namespace SURROUND_POLLUTION_API_RESPONSE {
         notDisposedCount: number;
         totalCount: number;
     }
+    interface overflowPortTs {
+        flag: boolean;
+        msg: string;
+        overFlowNum: number;
+        pomsTypeCount: {
+            name: string;
+            count: number;
+            type: string;
+        }[];
+        totalPomsCount: number;
+    }
 }

package/dist/es/wgms/src/SurroundingPollution/index.d.ts

@@ -4,18 +4,12 @@ export declare const DvWgmsSurroundingPollution: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            factor?: number | undefined;
-            endTime?: number | undefined;
-            startTime?: number | undefined;
-            timeType?: string | undefined;
-            latitude?: number | undefined;
-            longitude?: number | undefined;
-            distance?: number | undefined;
-            overflowPortNum?: string | number | undefined;
-            accessCodeList?: unknown[] | undefined;
-            timeStamp?: number | undefined;
-            limit?: number | undefined;
-            minWave?: number | undefined;
+            params?: import("./api/types").SURROUND_POLLUTION_API_REQUEST.requestParamsTs | undefined;
+            isLazy?: boolean | undefined;
+            showBottomPark?: boolean | undefined;
+            riverPortNum?: string | number | undefined;
+            problemNum?: string | number | undefined;
+            problemPartNum?: string | number | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -75,67 +69,51 @@ export declare const DvWgmsSurroundingPollution: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            startTime: {
-                type: NumberConstructor;
-                default: number;
-            };
-            endTime: {
-                type: NumberConstructor;
-                default: number;
-            };
-            factor: {
-                type: NumberConstructor;
-                default: number;
+            params: {
+                type: globalThis.PropType<import("./api/types").SURROUND_POLLUTION_API_REQUEST.requestParamsTs>;
+                default: () => {
+                    queryTimeType: string;
+                    beginTime: number;
+                    endTime: number;
+                    longitude: number;
+                    latitude: number;
+                    distance: number;
+                    limit: number;
+                    factor: number;
+                    minWave: number;
+                    alarmTime: number;
+                    accessCodeList: string[];
+                };
             };
-            timeType: {
-                type: StringConstructor;
-                default: string;
+            isLazy: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            distance: {
-                type: NumberConstructor;
-                default: number;
+            showBottomPark: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            overflowPortNum: {
+            riverPortNum: {
                 type: (StringConstructor | NumberConstructor)[];
-                default: string;
-            };
-            accessCodeList: {
-                type: ArrayConstructor;
-                default: () => string[];
-            };
-            timeStamp: {
-                type: NumberConstructor;
                 default: number;
             };
-            latitude: {
-                type: NumberConstructor;
-                default: number;
-            };
-            longitude: {
-                type: NumberConstructor;
-                default: number;
-            };
-            limit: {
-                type: NumberConstructor;
+            problemNum: {
+                type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            minWave: {
-                type: NumberConstructor;
+            problemPartNum: {
+                type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            factor: number;
-            endTime: number;
-            startTime: number;
-            timeType: string;
-            latitude: number;
-            longitude: number;
-            distance: number;
-            overflowPortNum: string | number;
-            accessCodeList: unknown[];
-            timeStamp: number;
-            limit: number;
-            minWave: number;
+        }>>, {
+            reload: () => Promise<void>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            params: import("./api/types").SURROUND_POLLUTION_API_REQUEST.requestParamsTs;
+            isLazy: boolean;
+            showBottomPark: boolean;
+            riverPortNum: string | number;
+            problemNum: string | number;
+            problemPartNum: string | number;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -157,119 +135,93 @@ export declare const DvWgmsSurroundingPollution: {
         $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<{
-        startTime: {
-            type: NumberConstructor;
-            default: number;
-        };
-        endTime: {
-            type: NumberConstructor;
-            default: number;
-        };
-        factor: {
-            type: NumberConstructor;
-            default: number;
+        params: {
+            type: globalThis.PropType<import("./api/types").SURROUND_POLLUTION_API_REQUEST.requestParamsTs>;
+            default: () => {
+                queryTimeType: string;
+                beginTime: number;
+                endTime: number;
+                longitude: number;
+                latitude: number;
+                distance: number;
+                limit: number;
+                factor: number;
+                minWave: number;
+                alarmTime: number;
+                accessCodeList: string[];
+            };
         };
-        timeType: {
-            type: StringConstructor;
-            default: string;
+        isLazy: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        distance: {
-            type: NumberConstructor;
-            default: number;
+        showBottomPark: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        overflowPortNum: {
+        riverPortNum: {
             type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        accessCodeList: {
-            type: ArrayConstructor;
-            default: () => string[];
-        };
-        timeStamp: {
-            type: NumberConstructor;
-            default: number;
-        };
-        latitude: {
-            type: NumberConstructor;
-            default: number;
-        };
-        longitude: {
-            type: NumberConstructor;
             default: number;
         };
-        limit: {
-            type: NumberConstructor;
+        problemNum: {
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-        minWave: {
-            type: NumberConstructor;
+        problemPartNum: {
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & import("vue").ShallowUnwrapRef<{
+        reload: () => Promise<void>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    startTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    endTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    factor: {
-        type: NumberConstructor;
-        default: number;
+    params: {
+        type: globalThis.PropType<import("./api/types").SURROUND_POLLUTION_API_REQUEST.requestParamsTs>;
+        default: () => {
+            queryTimeType: string;
+            beginTime: number;
+            endTime: number;
+            longitude: number;
+            latitude: number;
+            distance: number;
+            limit: number;
+            factor: number;
+            minWave: number;
+            alarmTime: number;
+            accessCodeList: string[];
+        };
     };
-    timeType: {
-        type: StringConstructor;
-        default: string;
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    distance: {
-        type: NumberConstructor;
-        default: number;
+    showBottomPark: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    overflowPortNum: {
+    riverPortNum: {
         type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    accessCodeList: {
-        type: ArrayConstructor;
-        default: () => string[];
-    };
-    timeStamp: {
-        type: NumberConstructor;
-        default: number;
-    };
-    latitude: {
-        type: NumberConstructor;
         default: number;
     };
-    longitude: {
-        type: NumberConstructor;
-        default: number;
-    };
-    limit: {
-        type: NumberConstructor;
+    problemNum: {
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    minWave: {
-        type: NumberConstructor;
+    problemPartNum: {
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    factor: number;
-    endTime: number;
-    startTime: number;
-    timeType: string;
-    latitude: number;
-    longitude: number;
-    distance: number;
-    overflowPortNum: string | number;
-    accessCodeList: unknown[];
-    timeStamp: number;
-    limit: number;
-    minWave: number;
+}>>, {
+    reload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    params: import("./api/types").SURROUND_POLLUTION_API_REQUEST.requestParamsTs;
+    isLazy: boolean;
+    showBottomPark: boolean;
+    riverPortNum: string | number;
+    problemNum: string | number;
+    problemPartNum: string | number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _SurroundingPollution;