@ued_fpi/data-visual 1.2.1 → 1.2.3

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

@@ -3,8 +3,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const index = require('../../api/FactorTopThreeRanking/index.js');
 const index$1 = require('../../utils/echarts/index.js');
+const index = require('./api/index.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -21,78 +21,83 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     // 时间类型
     timeType: {
       type: String,
-      required: true
+      required: false
       // day
     },
     siteCode: {
       type: String,
-      required: true
+      required: false
       // zaoleishougong
     },
-    factorCode: {
+    stationCode: {
       type: String,
-      required: true
+      required: false
       // w01016
     },
     startTime: {
       type: String,
-      required: true
+      required: false
       // 1663257600000
     },
     endTime: {
       type: String,
-      required: true
+      required: false
       // 1663257600000
+    },
+    data: {
+      type: Object,
+      required: false
     }
   },
   setup(__props) {
     const props = __props;
     const chartRef = vue.ref();
-    vue.watch(() => props.type, (val) => {
-      if (val === "automatic")
-        getAutomatic();
-      else if (val === "manual")
-        getManual();
+    vue.watch([
+      () => props.type,
+      () => props.timeType,
+      () => props.siteCode,
+      () => props.stationCode,
+      () => props.startTime,
+      () => props.endTime,
+      () => props.data
+    ], () => {
+      console.log(props.data, "props.data");
+      if (!props.data) {
+        getData();
+      } else {
+        vue.nextTick(() => {
+          initChart(props.data || []);
+        });
+      }
     }, { immediate: true });
-    async function getAutomatic() {
-      const params = {
-        startTime: props.startTime,
-        endTime: props.endTime,
-        siteCode: props.siteCode,
-        factorCode: props.factorCode,
-        timeType: props.timeType
-      };
-      const res = await index.getAutomaticTopThreeData(params);
-      initChart(res);
-    }
-    async function getManual() {
+    async function getData() {
       const params = {
         timeType: props.timeType,
         siteCode: props.siteCode,
-        factorCode: props.factorCode,
+        stationCode: props.stationCode,
+        endTime: props.endTime,
         startTime: props.startTime,
-        endTime: props.endTime
+        dataType: props.type === "automatic" ? 0 : 1
+        // 数据类型 自动/手工(0/1)
       };
-      const res = await index.getManualTopThreeData(params);
-      initChart(res);
+      const res = await index.getTopThreeData(params);
+      initChart(res.data || []);
     }
     const initChart = (res) => {
-      const resData = res?.data ?? [];
+      const resData = res ?? [];
       const upData = resData.map((item) => {
-        if (item.value >= 0)
-          return item.value === 0 ? 0 : item.value.toFixed(4);
+        if (item.factorValue >= 0)
+          return item.factorValue === 0 ? 0 : item.factorValue;
         else
           return "";
       });
       const downData = resData.map((item) => {
-        if (item.value < 0)
-          return item.value.toFixed(4);
+        if (item.factorValue < 0)
+          return item.factorValue;
         else
           return "";
       });
-      const xData = resData.map((item) => {
-        return item.name;
-      });
+      const xData = resData.map((item) => item.factorName);
       const chart = index$1.default.init(chartRef.value);
       const barOptions = getAlgaeBarOptions(xData, upData, downData);
       chart.setOption(barOptions);

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

@@ -0,0 +1,5 @@
+/**
+ * 获取数据
+ * @param params
+ */
+export declare const getTrendComparisonData: (params: any) => Promise<any>;

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

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

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

@@ -4,10 +4,9 @@ export declare const DvWgmsFactorTrendComparison: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            data?: unknown[] | undefined;
-            isHandle?: boolean | undefined;
-            siteId?: string | number | undefined;
+            type?: string | undefined;
             key?: string | number | symbol | undefined;
+            readonly data?: Record<string, any> | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -51,8 +50,11 @@ export declare const DvWgmsFactorTrendComparison: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly beginTime: string;
-            readonly endTime: string;
+            readonly endTime?: string | undefined;
+            readonly startTime?: string | undefined;
+            readonly timeType?: string | undefined;
+            readonly siteCode?: string | undefined;
+            readonly stationCode?: string | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -68,30 +70,36 @@ export declare const DvWgmsFactorTrendComparison: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            isHandle: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            siteId: {
+            type: {
                 default: string;
-                type: (StringConstructor | NumberConstructor)[];
+                type: StringConstructor;
+            };
+            timeType: {
+                type: StringConstructor;
+                required: false;
+            };
+            siteCode: {
+                type: StringConstructor;
+                required: false;
             };
-            beginTime: {
+            stationCode: {
                 type: StringConstructor;
-                required: true;
+                required: false;
+            };
+            startTime: {
+                type: StringConstructor;
+                required: false;
             };
             endTime: {
                 type: StringConstructor;
-                required: true;
+                required: false;
             };
             data: {
-                type: ArrayConstructor;
-                default: () => never[];
+                type: ObjectConstructor;
+                required: false;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            data: unknown[];
-            isHandle: boolean;
-            siteId: string | number;
+            type: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -113,54 +121,68 @@ export declare const DvWgmsFactorTrendComparison: {
         $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<{
-        isHandle: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        siteId: {
+        type: {
             default: string;
-            type: (StringConstructor | NumberConstructor)[];
+            type: StringConstructor;
+        };
+        timeType: {
+            type: StringConstructor;
+            required: false;
         };
-        beginTime: {
+        siteCode: {
             type: StringConstructor;
-            required: true;
+            required: false;
+        };
+        stationCode: {
+            type: StringConstructor;
+            required: false;
+        };
+        startTime: {
+            type: StringConstructor;
+            required: false;
         };
         endTime: {
             type: StringConstructor;
-            required: true;
+            required: false;
         };
         data: {
-            type: ArrayConstructor;
-            default: () => never[];
+            type: ObjectConstructor;
+            required: false;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    isHandle: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    siteId: {
+    type: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
+    };
+    timeType: {
+        type: StringConstructor;
+        required: false;
+    };
+    siteCode: {
+        type: StringConstructor;
+        required: false;
+    };
+    stationCode: {
+        type: StringConstructor;
+        required: false;
     };
-    beginTime: {
+    startTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     endTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     data: {
-        type: ArrayConstructor;
-        default: () => never[];
+        type: ObjectConstructor;
+        required: false;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    data: unknown[];
-    isHandle: boolean;
-    siteId: string | number;
+    type: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _FactorTrendComparison;

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

@@ -1,48 +1,62 @@
 declare const _default: import("vue").DefineComponent<{
-    isHandle: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    siteId: {
+    type: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
+    };
+    timeType: {
+        type: StringConstructor;
+        required: false;
+    };
+    siteCode: {
+        type: StringConstructor;
+        required: false;
+    };
+    stationCode: {
+        type: StringConstructor;
+        required: false;
     };
-    beginTime: {
+    startTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     endTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     data: {
-        type: ArrayConstructor;
-        default: () => never[];
+        type: ObjectConstructor;
+        required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    isHandle: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    siteId: {
+    type: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
+    };
+    timeType: {
+        type: StringConstructor;
+        required: false;
+    };
+    siteCode: {
+        type: StringConstructor;
+        required: false;
+    };
+    stationCode: {
+        type: StringConstructor;
+        required: false;
     };
-    beginTime: {
+    startTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     endTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     data: {
-        type: ArrayConstructor;
-        default: () => never[];
+        type: ObjectConstructor;
+        required: false;
     };
 }>>, {
-    data: unknown[];
-    isHandle: boolean;
-    siteId: string | number;
+    type: string;
 }, {}>;
 export default _default;

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

@@ -3,38 +3,48 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const index$1 = require('../../utils/echarts/index.js');
-const index = require('../../api/FactorTrendComparison/index.js');
+const index = require('../../utils/echarts/index.js');
+const index$1 = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-factor-trend-comparison" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
-    isHandle: {
-      default: true,
-      type: Boolean
+    type: {
+      default: "automatic",
+      // 默认自动数据 manual（手工数据）
+      type: String
     },
-    // 是否是手工数据
-    siteId: {
-      default: "",
-      // 23239
-      type: [Number, String]
+    // 时间类型
+    timeType: {
+      type: String,
+      required: false
+      // day
+    },
+    siteCode: {
+      type: String,
+      required: false
+      // zaoleishougong
     },
-    beginTime: {
+    stationCode: {
       type: String,
-      required: true
-      // 1660752000000
+      required: false
+      // w01016
+    },
+    startTime: {
+      type: String,
+      required: false
+      // 1663257600000
     },
     endTime: {
       type: String,
-      required: true
-      // 1663344000000
+      required: false
+      // 1663257600000
     },
     data: {
-      type: Array,
-      default: () => []
+      type: Object,
+      required: false
     }
-    // 传入数据
   },
   setup(__props) {
     const props = __props;
@@ -45,58 +55,58 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       // 图表实例
     };
     const { chartRef } = vue.toRefs(state);
-    vue.watch([() => props.isHandle, () => props.siteId, () => props.beginTime, () => props.endTime, () => props.data], async () => {
-      if (props.data.length) {
-        await vue.nextTick(() => {
-          initChart();
-        });
-        return;
-      }
-      const groupCode = props.isHandle ? "algae" : "algaeAutomatic";
-      const list = await index.getFactorGroupList({ code: groupCode });
-      state.factorMap = list[0]?.factors || [];
-      state.factorMap.forEach((item) => {
-        const obj = {
-          name: item.factorIndexName,
-          type: "line",
-          symbolSize: 0,
-          yAxisIndex: item.id === "75" ? 1 : item.id === "23" ? 2 : 0,
-          data: []
-        };
-        state.seriesData.push(obj);
-      });
+    vue.watch([
+      () => props.type,
+      () => props.timeType,
+      () => props.siteCode,
+      () => props.stationCode,
+      () => props.startTime,
+      () => props.endTime,
+      () => props.data
+    ], async () => {
       await vue.nextTick(() => {
-        initChart();
+        initChart(!!props.data);
       });
     }, { immediate: true });
-    const getChartData = async (factorId) => {
+    const getChartData = async () => {
       const params = {
-        beginTime: props.beginTime,
+        timeType: props.timeType,
+        siteCode: props.siteCode,
+        stationCode: props.stationCode,
         endTime: props.endTime,
-        factorFlag: false,
-        siteId: props.siteId,
-        dataTimeType: props.isHandle ? 1440 : 60,
-        queryTimeType: props.isHandle ? "day" : "hour",
-        factor: factorId
+        startTime: props.startTime,
+        dataType: props.type === "automatic" ? 0 : 1
+        // 数据类型 自动/手工(0/1)
       };
-      return await index.getManualFactorTrendComparisonData(params);
+      return await index$1.getTrendComparisonData(params);
     };
-    const initChart = () => {
+    const initChart = async (flag) => {
       let xData = [];
-      state.factorMap.forEach(async (item, index) => {
-        const res = await getChartData(item.id);
-        const timesList = res?.times ?? [];
-        const valueList = res?.dates ?? [];
+      let data = [];
+      if (!flag) {
+        const res = await getChartData();
+        data = res?.data || [];
+      } else {
+        data = props.data || [];
+      }
+      data.forEach((item) => {
+        const timesList = item.factorTimeDataList.map((item2) => item2.time);
+        const valueList = item.factorTimeDataList.map((item2) => item2.value);
         xData = timesList.map((item2) => item2 && item2.substring(5, 11));
-        state.seriesData[index].data = valueList.map((item2) => {
-          return item2?.value ?? null;
-        });
+        const obj = {
+          name: item.factorName,
+          type: "line",
+          symbolSize: 0,
+          yAxisIndex: item.factorCode === "w01016" ? 1 : item.factorCode === "w01010" ? 2 : 0,
+          data: valueList.map((item2) => item2 ?? null)
+        };
+        state.seriesData.push(obj);
       });
-      const chart = index$1.default.init(chartRef.value);
-      setTimeout(async () => {
+      const chart = index.default.init(chartRef.value);
+      await vue.nextTick(async () => {
         const lineOptions = getChartOptions(xData, state.seriesData);
         chart.setOption(lineOptions);
-      }, 1500);
+      });
     };
     const getChartOptions = (xData, seriesData) => {
       return {
@@ -122,8 +132,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         },
         grid: {
           top: 60,
-          left: "9%",
-          right: 10,
+          left: "15%",
+          right: 35,
           bottom: 40,
           containLabel: true
         },
@@ -156,7 +166,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               fontFamily: "TRENDS",
               color: "rgba(255, 255, 255, 0.6)",
               fontSize: "14px",
-              align: "center"
+              align: "center",
+              padding: [0, 0, 0, 0]
             },
             type: "value",
             offset: 60,
@@ -167,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 color: "rgba(255, 255, 255, 0.6)",
                 fontSize: "16px",
                 align: "center",
-                padding: [0, 0, 0, 10]
+                padding: [0, 0, 0, 5]
               }
             },
             splitArea: {
@@ -188,7 +199,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               align: "center",
               fontFamily: "TRENDS",
               color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px"
+              fontSize: "14px",
+              padding: [0, 0, 0, 0]
             },
             type: "value",
             position: "left",
@@ -200,7 +212,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 color: "rgba(255, 255, 255, 0.6)",
                 fontSize: "16px",
                 align: "center"
-              }
+              },
+              padding: [0, 0, 0, 0]
             },
             splitLine: { show: false },
             axisTick: { show: false },
@@ -215,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               fontFamily: "TRENDS",
               color: "rgba(255, 255, 255, 0.6)",
               fontSize: "14px",
-              padding: [0, 0, 0, 10]
+              padding: [0, 0, 0, 20]
             },
             type: "value",
             position: "right",
@@ -227,7 +240,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 color: "rgba(255, 255, 255, 0.6)",
                 fontSize: "16px",
                 align: "center"
-              }
+              },
+              padding: [0, 0, 0, 20]
             },
             splitLine: { show: false },
             axisTick: { show: false },

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

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

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

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