@ued_fpi/data-visual 1.2.15 → 1.2.20

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

@@ -10,43 +10,21 @@ const _hoisted_1 = { class: "dv-wgms-factor-trend-comparison" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
-    type: {
-      default: "automatic",
-      // 默认自动数据 manual（手工数据）
-      type: String
-    },
-    // 时间类型
-    timeType: {
-      type: String,
-      required: false
-      // day
-    },
-    siteCode: {
-      type: String,
-      required: false
-      // zaoleishougong
-    },
-    stationCode: {
-      type: String,
-      required: false
-      // w01016
-    },
-    startTime: {
-      type: Number,
-      required: false
-      // 1663257600000
-    },
-    endTime: {
-      type: Number,
-      required: false
-      // 1663257600000
-    },
-    data: {
-      type: Object,
-      required: false
-    }
+    height: { default: "200px" },
+    params: { default: () => {
+      return {
+        beginTime: 1694016e6,
+        endTime: 1694620799999,
+        factor: "64",
+        siteCode: "YYALGAE024",
+        siteId: "2399",
+        stationCode: "1",
+        timeType: "day"
+      };
+    } },
+    data: { default: null }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const option = vue.ref(void 0);
     const state = {
@@ -56,35 +34,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       // 图表实例
     };
     const { chartRef } = vue.toRefs(state);
-    vue.watch([
-      () => props.type,
-      () => props.timeType,
-      () => props.siteCode,
-      () => props.stationCode,
-      () => props.startTime,
-      () => props.endTime,
-      () => props.data
-    ], async () => {
+    vue.watch([() => props.params, () => props.data, () => props.isLazy], async () => {
       await vue.nextTick(() => {
-        initChart(!!props.data);
+        !props.isLazy && initChart();
       });
-    }, { immediate: true });
+    }, { deep: true, immediate: true });
     const getChartData = async () => {
-      const params = {
-        timeType: props.timeType,
-        siteCode: props.siteCode,
-        stationCode: props.stationCode,
-        endTime: props.endTime,
-        startTime: props.startTime,
-        dataType: props.type === "automatic" ? 0 : 1
-        // 数据类型 自动/手工(0/1)
-      };
-      return await index.getTrendComparisonData(params);
+      return await index.getTrendComparisonData(props.params);
     };
-    const initChart = async (flag) => {
+    const initChart = async () => {
       let xData = [];
       let data = [];
-      if (!flag) {
+      if (!props.data) {
         const res = await getChartData();
         data = res?.data || [];
       } else {
@@ -253,6 +214,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         series: seriesData
       };
     };
+    __expose({
+      reload: initChart
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {

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

@@ -11,43 +11,20 @@ const _hoisted_1 = { class: "dv-wgms-n-p-trend-change" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
-    type: {
-      default: "automatic",
-      // 默认自动数据 manual（手工数据）
-      type: String
-    },
-    // 时间类型
-    timeType: {
-      type: String,
-      required: false
-      // day
-    },
-    siteCode: {
-      type: String,
-      required: false
-      // zaoleishougong
-    },
-    stationCode: {
-      type: String,
-      required: false
-      // w01016
-    },
-    startTime: {
-      type: [String, Number],
-      required: false
-      // 1663257600000
-    },
-    endTime: {
-      type: [String, Number],
-      required: false
-      // 1663257600000
-    },
-    data: {
-      type: Object,
-      required: false
-    }
+    height: { default: "200px" },
+    params: { default: () => {
+      return {
+        dataType: "1",
+        startTime: 1694016e6,
+        endTime: 1694620799999,
+        siteCode: "YYALGAE024",
+        stationCode: "1",
+        timeType: "day"
+      };
+    } },
+    data: { default: null }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const state = {
       chartRef: null
@@ -56,43 +33,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const option = vue.ref(void 0);
     const { chartRef } = vue.toRefs(state);
     vue.watch([
-      () => props.type,
-      () => props.timeType,
-      () => props.siteCode,
-      () => props.stationCode,
-      () => props.startTime,
-      () => props.endTime,
-      () => props.data
+      () => props.params,
+      () => props.data,
+      () => props.isLazy
     ], async () => {
       await vue.nextTick(() => {
-        initChart(!props.data);
+        !props.isLazy && initChart();
       });
-    }, { immediate: true });
-    async function initChart(flag = true) {
-      const params = {
-        // startTime: props.startTime,
-        // endTime: props.endTime,
-        // siteCode: props.siteCode,
-        // timeType: props.type === 'manual' ? 'day' : '',
-        timeType: props.timeType,
-        siteCode: props.siteCode,
-        stationCode: props.stationCode,
-        endTime: props.endTime,
-        startTime: props.startTime,
-        dataType: props.type === "automatic" ? 0 : 1
-        // 数据类型 自动/手工(0/1)
-      };
+    }, { deep: true, immediate: true });
+    async function initChart() {
       let data;
-      if (flag) {
-        const res = await index.getNPTrendChange(params);
+      if (!props.data) {
+        const res = await index.getNPTrendChange(props.params);
         data = res?.data;
       } else {
         data = props.data;
       }
-      const timeList = data?.map((item) => item.time) ?? [];
-      const preList = data?.map((item) => item.percent) ?? [];
-      const xData = timeList.map((item) => item && item);
-      const NPList = preList.map((item) => item && item * 100);
+      const preList = data?.percent || [];
+      const xData = data?.time || [];
+      const NPList = preList.map((item) => {
+        return item === null ? null : item * 100;
+      });
       option.value = getChartOptions(xData, NPList, index$1.default);
     }
     const getChartOptions = (xData, data, echarts2) => {
@@ -191,6 +152,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]
       };
     };
+    __expose({
+      reload: initChart
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {

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

@@ -12,23 +12,5 @@ const pomsAlarm = (params, option = {}) => {
     ...option.url ? option : {}
   });
 };
-const portToRiver = (params, option = {}) => {
-  return request.default({
-    url: "/api/v1/screen/outlet-np-over-stat",
-    server: "wgmsScreenServer",
-    params,
-    ...option.url ? option : {}
-  });
-};
-const pomsFactorAlarm = (params, option = {}) => {
-  return request.default({
-    url: "/api/v1/screen/poms-over-stat",
-    server: "wgmsScreenServer",
-    params,
-    ...option.url ? option : {}
-  });
-};
 
 exports.pomsAlarm = pomsAlarm;
-exports.pomsFactorAlarm = pomsFactorAlarm;
-exports.portToRiver = portToRiver;

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

@@ -8,8 +8,6 @@ require('element-plus/es/components/scrollbar/style/css');
 const vue = require('vue');
 const lodashEs = require('lodash-es');
 const dayjs = require('dayjs');
-const echartsOptions = require('../../utils/echarts/echartsOptions.js');
-const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
 require('../common/ProgressBar.vue2.js');
 const selectPanel_vue_vue_type_script_setup_true_name_SelectPanel_lang = require('../common/select-panel.vue.js');
@@ -25,29 +23,6 @@ const _hoisted_6 = { class: "dv-wgms-top" };
 const _hoisted_7 = { class: "dv-wgms-left" };
 const _hoisted_8 = { class: "dv-wgms-right" };
 const _hoisted_9 = { class: "dv-wgms-bar" };
-const _hoisted_10 = { class: "dv-wgms-statistic-content" };
-const _hoisted_11 = { class: "dv-wgms-statistic-box" };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text" }, " 重点源超标统计 ", -1);
-const _hoisted_13 = { class: "dv-wgms-total-content" };
-const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-left" }, " 总数 ", -1);
-const _hoisted_15 = { class: "dv-wgms-right" };
-const _hoisted_16 = { class: "dv-wgms-num" };
-const _hoisted_17 = { class: "dv-wgms-legend" };
-const _hoisted_18 = { class: "dv-wgms-left" };
-const _hoisted_19 = { class: "dv-wgms-name" };
-const _hoisted_20 = { class: "dv-wgms-right" };
-const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", null, "/", -1);
-const _hoisted_22 = { class: "dv-wgms-statistic-box" };
-const _hoisted_23 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text" }, " 入河排污口 ", -1);
-const _hoisted_24 = { class: "dv-wgms-port-list" };
-const _hoisted_25 = { class: "dv-wgms-port-one" };
-const _hoisted_26 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-name" }, " 氮超标 ", -1);
-const _hoisted_27 = { class: "dv-wgms-value" };
-const _hoisted_28 = /* @__PURE__ */ vue.createElementVNode("span", null, "个", -1);
-const _hoisted_29 = { class: "dv-wgms-port-one" };
-const _hoisted_30 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-name" }, " 磷超标 ", -1);
-const _hoisted_31 = { class: "dv-wgms-value" };
-const _hoisted_32 = /* @__PURE__ */ vue.createElementVNode("span", null, "个", -1);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -55,37 +30,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: Array,
       default: () => []
     },
-    beginTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().endOf("year").valueOf()
-    },
-    defaultSelectFactor: {
-      type: String,
-      default: ""
-    },
-    distance: {
-      type: Number,
-      default: 3e3
-    },
-    siteCode: {
-      type: [Number, String],
-      default: "zaoleishougong"
-    },
-    stationCode: {
-      type: [Number, String],
-      default: 1
-    },
-    timeType: {
-      type: String,
-      default: "day"
-    },
-    isHandle: {
-      type: Boolean,
-      default: false
+    params: {
+      type: Object,
+      default: () => {
+        return {
+          distance: 5e3,
+          startTime: dayjs().startOf("year").valueOf(),
+          endTime: dayjs().endOf("year").valueOf(),
+          latitude: 30,
+          longitude: 120,
+          timeType: "day"
+        };
+      }
     },
     isLazy: {
       type: Boolean,
@@ -99,128 +55,56 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["factorChange"],
   setup(__props, { expose: __expose, emit: emits }) {
     const props = __props;
-    const data = vue.reactive({
+    const pollutionData = vue.reactive({
       companyList: [],
-      curSelectFactor: props.defaultSelectFactor,
-      overCountMax: 0,
-      chartDetail: [],
-      colorList: ["var(--dv-color-danger)", "var(--dv-color-primary)", "var(--dv-color-success)"],
-      nh3OverNum: 0,
-      tpOverNum: 0,
-      totalCount: 0
-    });
-    const statChart = vue.ref(null);
-    vue.watch(() => props.defaultSelectFactor, (defaultSelectFactor) => {
-      data.curSelectFactor = defaultSelectFactor;
-      if (props.isLazy)
-        return;
-      keyPollutionData();
+      curSelectFactor: "",
+      overCountMax: 0
     });
     vue.watch([
-      () => props.beginTime,
-      () => props.endTime,
-      () => props.distance,
-      () => props.siteCode,
-      () => props.stationCode,
-      () => props.timeType,
-      () => props.isHandle
+      () => props.params,
+      () => props.data,
+      () => props.isLazy
     ], () => {
-      data.curSelectFactor = props.defaultSelectFactor;
       if (props.isLazy)
         return;
       keyPollutionData();
-      getPortData();
-      keyPollutionStatistic();
-    });
-    const keySelectList = vue.computed(() => {
-      return [
-        { label: "所有因子", value: "" },
-        ...props.factorList
-      ];
     });
     const keyFactorsCheck = (item, index) => {
-      if (data.curSelectFactor === item.code)
+      if (pollutionData.curSelectFactor === item.code)
         return;
-      data.curSelectFactor = item.code;
+      pollutionData.curSelectFactor = item.code;
       emits("factorChange", item.code);
       keyPollutionData();
     };
-    const option = vue.ref();
     vue.onMounted(() => {
       if (props.isLazy)
         return;
       keyPollutionData();
-      getPortData();
-      keyPollutionStatistic();
     });
     const keyPollutionData = async () => {
-      const res = await index.pomsAlarm({
-        distance: props.distance,
-        dataType: props.isHandle ? 1 : 0,
-        startTime: props.beginTime,
-        endTime: props.endTime,
-        siteCode: props.siteCode,
-        factorCodes: data.curSelectFactor,
-        stationCode: props.stationCode,
-        timeType: props.timeType
-      });
-      if (res.data?.length) {
-        data.companyList = res.data.slice(0, 3);
-        const maxObj = lodashEs.maxBy(data.companyList, "overCount");
-        data.overCountMax = maxObj.overCount;
+      let resData;
+      if (props.data) {
+        resData = props.data;
       } else {
-        data.companyList = [];
-      }
-    };
-    const getPortData = async () => {
-      const res = await index.portToRiver({
-        distance: props.distance,
-        dataType: props.isHandle ? 1 : 0,
-        startTime: props.beginTime,
-        endTime: props.endTime,
-        siteCode: props.siteCode,
-        factorCodes: "",
-        stationCode: props.stationCode,
-        timeType: props.timeType
-      });
-      data.nh3OverNum = res.data?.noverCount ?? 0;
-      data.tpOverNum = res.data?.poverCount ?? 0;
-    };
-    const keyPollutionStatistic = async () => {
-      const res = await index.pomsFactorAlarm({
-        distance: props.distance,
-        dataType: props.isHandle ? 1 : 0,
-        startTime: props.beginTime,
-        endTime: props.endTime,
-        siteCode: props.siteCode,
-        factorCodes: "",
-        stationCode: props.stationCode,
-        timeType: props.timeType
-      });
-      const resData = res.data;
-      const total = resData?.totalCount ?? 0;
-      data.totalCount = total;
-      const dataList = [
-        { name: "氮超标", value: resData?.ncount ?? "--", percent: resData?.npercent ?? "--" },
-        { name: "磷超标", value: resData?.pcount ?? "--", percent: resData?.ppercent ?? "--" },
-        { name: "其他", value: resData?.otherCount ?? "--", percent: resData?.otherPercent ?? "--" }
-      ];
-      data.chartDetail = dataList.map((item, index) => {
-        return {
-          ...item,
-          itemStyle: { color: data.colorList[index] }
+        const params = {
+          ...props.params,
+          factor: pollutionData.curSelectFactor,
+          factorFlag: pollutionData.curSelectFactor === ""
         };
-      });
-      const seriesData = [
-        ...data.chartDetail
-      ];
-      option.value = echartsOptions.pollutionSourcePieOptions(seriesData);
+        const res = await index.pomsAlarm(params);
+        resData = res?.data ?? [];
+      }
+      if (resData.length) {
+        pollutionData.companyList = resData.slice(0, 3);
+        const maxObj = lodashEs.maxBy(pollutionData.companyList, "overCount");
+        pollutionData.overCountMax = maxObj.overCount;
+      } else {
+        pollutionData.companyList = [];
+      }
     };
-    const { companyList, colorList, nh3OverNum, tpOverNum, totalCount, chartDetail, overCountMax, curSelectFactor } = vue.toRefs(data);
+    const { companyList, overCountMax, curSelectFactor } = vue.toRefs(pollutionData);
     __expose({
-      keyPollutionData,
-      getPortData,
-      keyPollutionStatistic
+      reload: keyPollutionData
     });
     return (_ctx, _cache) => {
       const _component_el_scrollbar = es.ElScrollbar;
@@ -230,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _hoisted_4,
             vue.createElementVNode("div", _hoisted_5, [
               vue.createVNode(selectPanel_vue_vue_type_script_setup_true_name_SelectPanel_lang.default, {
-                option: vue.unref(keySelectList),
+                option: __props.factorList,
                 "default-value": vue.unref(curSelectFactor),
                 onChange: keyFactorsCheck
               }, null, 8, ["option", "default-value"])
@@ -262,64 +146,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           })
-        ]),
-        vue.createElementVNode("div", _hoisted_10, [
-          vue.createElementVNode("div", _hoisted_11, [
-            _hoisted_12,
-            vue.createElementVNode("div", _hoisted_13, [
-              _hoisted_14,
-              vue.createElementVNode("div", _hoisted_15, [
-                vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(vue.unref(totalCount)), 1),
-                vue.createElementVNode("div", {
-                  ref_key: "statChart",
-                  ref: statChart,
-                  class: "dv-wgms-chart"
-                }, [
-                  vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: vue.unref(option) }, null, 8, ["options"])
-                ], 512)
-              ])
-            ]),
-            vue.createElementVNode("div", _hoisted_17, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(chartDetail), (item, index) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: index,
-                  class: "dv-wgms-legend-one"
-                }, [
-                  vue.createElementVNode("div", _hoisted_18, [
-                    vue.createElementVNode("div", {
-                      class: "dv-wgms-circle",
-                      style: vue.normalizeStyle({ background: vue.unref(colorList)[index] })
-                    }, null, 4),
-                    vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.name || "--"), 1)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_20, [
-                    vue.createElementVNode("span", null, vue.toDisplayString(item.value ?? "--"), 1),
-                    _hoisted_21,
-                    vue.createElementVNode("span", null, vue.toDisplayString(item.percent ?? "--") + "%", 1)
-                  ])
-                ]);
-              }), 128))
-            ])
-          ]),
-          vue.createElementVNode("div", _hoisted_22, [
-            _hoisted_23,
-            vue.createElementVNode("div", _hoisted_24, [
-              vue.createElementVNode("div", _hoisted_25, [
-                _hoisted_26,
-                vue.createElementVNode("div", _hoisted_27, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(nh3OverNum)), 1),
-                  _hoisted_28
-                ])
-              ]),
-              vue.createElementVNode("div", _hoisted_29, [
-                _hoisted_30,
-                vue.createElementVNode("div", _hoisted_31, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(tpOverNum)), 1),
-                  _hoisted_32
-                ])
-              ])
-            ])
-          ])
         ])
       ]);
     };

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const portToRiver = (params, option = {}) => {
+  return request.default({
+    url: "/api/v1/screen/outlet-np-over-stat",
+    server: "wgmsScreenServer",
+    params,
+    ...option.url ? option : {}
+  });
+};
+
+exports.portToRiver = portToRiver;

package/dist/lib/wgms/src/PollutionSourceControlOutlets/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const tools = require('../../utils/tools.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+
+const DvWgmsPollutionSourceControlOutlets = tools.install(index_vue_vue_type_script_setup_true_lang.default);
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvWgmsPollutionSourceControlOutlets = DvWgmsPollutionSourceControlOutlets;