@ued_fpi/data-visual 1.2.0 → 1.2.2

package/dist/lib/wgms/src/PollutionSourceControl/index.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    factorCodes: {
+    defaultSelectFactor: {
         type: StringConstructor;
         default: string;
     };
@@ -27,12 +27,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    longitude: {
-        type: NumberConstructor;
-        default: number;
-    };
-    latitude: {
-        type: NumberConstructor;
+    stationCode: {
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     timeType: {
@@ -47,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    data: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
 }, {
     keyPollutionData: () => Promise<void>;
     getPortData: () => Promise<void>;
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    factorCodes: {
+    defaultSelectFactor: {
         type: StringConstructor;
         default: string;
     };
@@ -79,12 +79,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    longitude: {
-        type: NumberConstructor;
-        default: number;
-    };
-    latitude: {
-        type: NumberConstructor;
+    stationCode: {
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     timeType: {
@@ -99,22 +95,26 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    data: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
 }>> & {
     onFactorChange?: ((...args: any[]) => any) | undefined;
 }, {
+    data: unknown[];
     beginTime: number;
     endTime: number;
     siteCode: string | number;
     timeType: string;
     distance: number;
-    latitude: number;
-    longitude: number;
     factorList: {
         label: string;
         value: string;
     }[];
     isLazy: boolean;
+    stationCode: string | number;
     isHandle: boolean;
-    factorCodes: string;
+    defaultSelectFactor: string;
 }, {}>;
 export default _default;

package/dist/lib/wgms/src/PollutionSourceControl/index.vue.js

@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: Number,
       default: dayjs().endOf("year").valueOf()
     },
-    factorCodes: {
+    defaultSelectFactor: {
       type: String,
       default: ""
     },
@@ -75,13 +75,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: [Number, String],
       default: "zaoleishougong"
     },
-    longitude: {
-      type: Number,
-      default: 120.011044
-    },
-    latitude: {
-      type: Number,
-      default: 30.284025
+    stationCode: {
+      type: [Number, String],
+      default: 1
     },
     timeType: {
       type: String,
@@ -94,22 +90,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     isLazy: {
       type: Boolean,
       default: false
+    },
+    data: {
+      type: Array,
+      default: void 0
     }
   },
   emits: ["factorChange"],
   setup(__props, { expose: __expose, emit: emits }) {
     const props = __props;
     const data = vue.reactive({
-      keySelectList: [],
       companyList: [],
-      curSelectFactor: props.factorCodes,
-      defaultValue: props.factorCodes,
-      alarmMax: 0,
-      keySourseData: [
-        { factorIndexCode: "w21003", standardUnitName: null, factorName: "氮超标", rank: 1, total: 0, proportion: 0 },
-        { factorIndexCode: "w21011", standardUnitName: null, factorName: "磷超标", rank: 2, total: 0, proportion: 0 },
-        { factorIndexCode: "w01009", standardUnitName: null, factorName: "其他 ", rank: 3, total: 0, proportion: 0 }
-      ],
+      curSelectFactor: props.defaultSelectFactor,
+      overCountMax: 0,
       chartDetail: [],
       colorList: ["#F84439", "#0062FF", "#2AC94F"],
       nh3OverNum: 0,
@@ -117,23 +110,34 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       totalCount: 0
     });
     const statChart = vue.ref(null);
-    vue.watch([() => props.beginTime, () => props.endTime, () => props.distance, () => props.siteCode, () => props.factorCodes], () => {
-      data.defaultValue = props.factorCodes;
-      data.curSelectFactor = props.factorCodes;
+    vue.watch(() => props.defaultSelectFactor, (defaultSelectFactor) => {
+      data.curSelectFactor = defaultSelectFactor;
       if (props.isLazy)
         return;
       keyPollutionData();
     });
-    vue.watch([() => props.beginTime, () => props.endTime, () => props.distance, () => props.longitude, () => props.latitude], () => {
+    vue.watch([
+      () => props.beginTime,
+      () => props.endTime,
+      () => props.distance,
+      () => props.siteCode,
+      () => props.stationCode,
+      () => props.timeType,
+      () => props.isHandle
+    ], () => {
+      data.curSelectFactor = props.defaultSelectFactor;
       if (props.isLazy)
         return;
+      keyPollutionData();
       getPortData();
-    });
-    vue.watch([() => props.beginTime, () => props.endTime, () => props.distance, () => props.timeType, () => props.siteCode], () => {
-      if (props.isLazy)
-        return;
       keyPollutionStatistic();
     });
+    const keySelectList = vue.computed(() => {
+      return [
+        { label: "所有因子", value: "" },
+        ...props.factorList
+      ];
+    });
     const keyFactorsCheck = (item, index) => {
       if (data.curSelectFactor === item.code)
         return;
@@ -149,97 +153,72 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       keyPollutionStatistic();
     });
     const keyPollutionData = async () => {
-      data.keySelectList = [
-        { label: "所有因子", value: "" },
-        ...props.factorList
-      ];
       const res = await index.pomsAlarm({
+        distance: props.distance,
+        dataType: props.isHandle ? 1 : 0,
         startTime: props.beginTime,
         endTime: props.endTime,
-        distance: props.distance,
         siteCode: props.siteCode,
-        factorCodes: data.curSelectFactor
+        factorCodes: data.curSelectFactor,
+        stationCode: props.stationCode,
+        timeType: props.timeType
       });
       if (res.data?.length) {
         data.companyList = res.data.slice(0, 3);
-        data.companyList.forEach((item) => {
-          item.alarmNum = Number(item.alarmNum);
-        });
-        const maxObj = lodashEs.maxBy(data.companyList, "alarmNum");
-        data.alarmMax = maxObj.alarmNum;
+        const maxObj = lodashEs.maxBy(data.companyList, "overCount");
+        data.overCountMax = maxObj.overCount;
       } else {
         data.companyList = [];
       }
     };
     const getPortData = async () => {
       const res = await index.portToRiver({
-        longitude: props.longitude,
-        latitude: props.latitude,
+        distance: props.distance,
+        dataType: props.isHandle ? 1 : 0,
         startTime: props.beginTime,
         endTime: props.endTime,
-        distance: props.distance
+        siteCode: props.siteCode,
+        factorCodes: "",
+        stationCode: props.stationCode,
+        timeType: props.timeType
       });
-      data.nh3OverNum = res.data?.nh3OverNum ?? 0;
-      data.tpOverNum = res.data?.tpOverNum ?? 0;
+      data.nh3OverNum = res.data?.noverCount ?? 0;
+      data.tpOverNum = res.data?.poverCount ?? 0;
     };
     const keyPollutionStatistic = async () => {
-      const res = await (props.isHandle ? index.pomsFactorAlarmHandle : index.pomsFactorAlarmAuto)({
-        timeType: props.timeType,
+      const res = await index.pomsFactorAlarm({
+        distance: props.distance,
+        dataType: props.isHandle ? 1 : 0,
         startTime: props.beginTime,
         endTime: props.endTime,
-        distance: props.distance,
-        siteCode: props.siteCode
+        siteCode: props.siteCode,
+        factorCodes: "",
+        stationCode: props.stationCode,
+        timeType: props.timeType
       });
-      const total = res.data?.total ?? 0;
+      const resData = res.data;
+      const total = resData?.totalCount ?? 0;
       data.totalCount = total;
-      const dataList = res?.data?.data ?? [];
-      let N = 0;
-      let P = 0;
-      dataList.forEach((item) => {
-        if (item.w21003)
-          N = item.w21003;
-        else if (item.w21011)
-          P = item.w21011;
-      });
-      data.keySourseData.forEach((item) => {
-        if (item.factorIndexCode === "w21003") {
-          item.proportion = N;
-          item.total = total === 0 ? "" : (100 * N / total).toFixed(1);
-        } else if (item.factorIndexCode === "w21011") {
-          item.proportion = P;
-          item.total = total === 0 ? "" : (100 * P / total).toFixed(1);
-        } else {
-          item.proportion = total - P - N;
-          item.total = total === 0 ? "" : (100 * (total - P - N) / total).toFixed(1);
-        }
-      });
-      let otherCount = 0;
+      const dataList = [
+        { name: "氮超标", value: resData?.ncount ?? "--", percent: resData?.npercent ?? "--" },
+        { name: "磷超标", value: resData?.pcount ?? "--", percent: resData?.ppercent ?? "--" },
+        { name: "其他", value: resData?.otherCount ?? "--", percent: resData?.otherPercent ?? "--" }
+      ];
       const colors = ["#35aded", "#ff9902", "#00fc83"];
-      const details = [];
-      data.keySourseData.forEach((item, index) => {
-        otherCount -= item.proportion;
-        details.push({
-          value: item.proportion,
-          rate: item.total,
-          name: item.factorName,
+      data.chartDetail = dataList.map((item, index) => {
+        return {
+          ...item,
           itemStyle: { color: colors[index] }
-        });
+        };
       });
-      data.chartDetail = details;
       const seriesData = [
-        ...data.chartDetail,
-        {
-          value: otherCount,
-          rate: otherCount,
-          name: "其他",
-          itemStyle: { color: "#00fc83" }
-        }
+        ...data.chartDetail
       ];
       const chart = index$1.default.init(statChart.value);
       const lineOptions = echartsOptions.pollutionSourcePieOptions(seriesData);
       chart.setOption(lineOptions);
     };
-    const { keySelectList, companyList, colorList, nh3OverNum, tpOverNum, totalCount, chartDetail, alarmMax, defaultValue } = vue.toRefs(data);
+    const { companyList, colorList, nh3OverNum, tpOverNum, totalCount, chartDetail, overCountMax, curSelectFactor } = vue.toRefs(data);
     __expose({
       keyPollutionData,
       getPortData,
@@ -254,7 +233,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_5, [
               vue.createVNode(selectPanel_vue_vue_type_script_setup_true_name_SelectPanel_lang.default, {
                 option: vue.unref(keySelectList),
-                "default-value": vue.unref(defaultValue),
+                "default-value": vue.unref(curSelectFactor),
                 onChange: keyFactorsCheck
               }, null, 8, ["option", "default-value"])
             ])
@@ -269,15 +248,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", _hoisted_6, [
                     vue.createElementVNode("div", _hoisted_7, [
                       vue.createElementVNode("span", null, vue.toDisplayString(item.rank), 1),
-                      vue.createElementVNode("span", null, vue.toDisplayString(item.siteName), 1)
+                      vue.createElementVNode("span", null, vue.toDisplayString(item.pomsName), 1)
                     ]),
-                    vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(item.alarmNum), 1)
+                    vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(item.overCount), 1)
                   ]),
                   vue.createElementVNode("div", _hoisted_9, [
                     vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
                       "active-color": "linear-gradient(270deg, #F84439 0%, rgba(248,68,57,0.35) 100%)",
                       "handle-style": { background: "#F84439" },
-                      percentage: item.alarmNum / vue.unref(alarmMax) * 100
+                      percentage: item.overCount / vue.unref(overCountMax) * 100
                     }, null, 8, ["percentage"])
                   ])
                 ]);
@@ -314,9 +293,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.name || "--"), 1)
                   ]),
                   vue.createElementVNode("div", _hoisted_20, [
-                    vue.createElementVNode("span", null, vue.toDisplayString(item.value || "--"), 1),
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.value ?? "--"), 1),
                     _hoisted_21,
-                    vue.createElementVNode("span", null, vue.toDisplayString(item.rate || "--") + "%", 1)
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.percent ?? "--") + "%", 1)
                   ])
                 ]);
               }), 128))

package/dist/lib/wgms/src/SevenDayKline/index.vue.js

@@ -213,10 +213,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           axisPointer: {
             type: "shadow"
           },
-          textStyle: {
-            color: "#b9cfe2",
-            fontFamily: "PingFang SC"
-          },
           formatter(param) {
             param = param[0];
             if (param.axisIndex === 0) {

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/api/index.d.ts

@@ -0,0 +1,6 @@
+import type { OUTLETS_ONLINE_RES } from './types';
+export declare const getOutletsOnlineData: (params: OUTLETS_ONLINE_RES.ParamsRequest) => Promise<{
+    code: number;
+    data: OUTLETS_ONLINE_RES.DataResponse | null;
+    message: string;
+}>;

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/api/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const getOutletsOnlineData = (params) => {
+  return request.default({
+    url: "/api/v1/screen/outlet-online-statistic",
+    server: "wgmsScreenServer",
+    method: "get",
+    params
+  });
+};
+
+exports.getOutletsOnlineData = getOutletsOnlineData;

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/api/types.d.ts

@@ -0,0 +1,15 @@
+export declare namespace OUTLETS_ONLINE_RES {
+    interface ParamsRequest {
+        outletType: '0' | '1';
+        regionCode: string;
+    }
+    interface DataResponse {
+        outletOnlineDetailList: {
+            name: string;
+            onlineCount: number;
+            percent: number;
+            value: number;
+        }[];
+        total: number;
+    }
+}

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.d.ts

@@ -4,6 +4,10 @@ export declare const DvWgmsSewageOutletsOnlineMonitor: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            params?: {
+                regionCode: string;
+            } | undefined;
+            colorArr?: string[] | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +66,29 @@ export declare const DvWgmsSewageOutletsOnlineMonitor: {
         $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<{
+            params: {
+                type: globalThis.PropType<{
+                    regionCode: string;
+                }>;
+                required: true;
+            } & {
+                default: () => {
+                    regionCode: string;
+                };
+            };
+            colorArr: {
+                type: globalThis.PropType<string[]>;
+                required: true;
+            } & {
+                default: () => string[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            params: {
+                regionCode: string;
+            };
+            colorArr: string[];
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +108,48 @@ export declare const DvWgmsSewageOutletsOnlineMonitor: {
         $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<{
+        params: {
+            type: globalThis.PropType<{
+                regionCode: string;
+            }>;
+            required: true;
+        } & {
+            default: () => {
+                regionCode: string;
+            };
+        };
+        colorArr: {
+            type: globalThis.PropType<string[]>;
+            required: true;
+        } & {
+            default: () => string[];
+        };
+    }>> & 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<{
+    params: {
+        type: globalThis.PropType<{
+            regionCode: string;
+        }>;
+        required: true;
+    } & {
+        default: () => {
+            regionCode: string;
+        };
+    };
+    colorArr: {
+        type: globalThis.PropType<string[]>;
+        required: true;
+    } & {
+        default: () => string[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    params: {
+        regionCode: string;
+    };
+    colorArr: string[];
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _SewageOutletsOnlineMonitor;

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.vue.d.ts

@@ -1,2 +1,41 @@
-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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: {
+        regionCode: string;
+    };
+    colorArr: string[];
+}>, {
+    params: () => {
+        regionCode: string;
+    };
+    colorArr: () => 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<{
+    params: {
+        regionCode: string;
+    };
+    colorArr: string[];
+}>, {
+    params: () => {
+        regionCode: string;
+    };
+    colorArr: () => string[];
+}>>>, {
+    params: {
+        regionCode: string;
+    };
+    colorArr: string[];
+}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};