@ued_fpi/data-visual 1.1.1 → 1.1.3

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

@@ -0,0 +1,289 @@
+import { defineComponent, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createVNode, unref, Fragment, renderList, toDisplayString, createStaticVNode, pushScopeId, popScopeId } from 'vue';
+import dayjs from 'dayjs';
+import _sfc_main$1 from '../common/select-panel.vue.mjs';
+import '../common/select-panel.vue2.mjs';
+import { queryFactorGroup, pomsAlarm, pomsAnalysis, countEventStatusByTimePoint } from './api/index.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-b88c5d4a"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "dv-wgms-surrounding-pollution" };
+const _hoisted_2 = { class: "surrounding-two-flex" };
+const _hoisted_3 = { class: "surrounding-two-left surrounding-comm-box" };
+const _hoisted_4 = { class: "title-box" };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "title" }, "重点源超标率前三", -1));
+const _hoisted_6 = { class: "right-options" };
+const _hoisted_7 = {
+  key: 0,
+  class: "impact-list"
+};
+const _hoisted_8 = { class: "sort" };
+const _hoisted_9 = ["title"];
+const _hoisted_10 = { class: "num" };
+const _hoisted_11 = {
+  key: 1,
+  class: "empty-data"
+};
+const _hoisted_12 = { class: "surrounding-two-right surrounding-comm-box" };
+const _hoisted_13 = { class: "name-num-box pd10" };
+const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "name" }, "异常溢流口统计", -1));
+const _hoisted_15 = { class: "num red" };
+const _hoisted_16 = { class: "surrounding-two-flex" };
+const _hoisted_17 = { class: "surrounding-two-left surrounding-comm-box" };
+const _hoisted_18 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "title-box" }, [
+  /* @__PURE__ */ createElementVNode("span", { class: "title" }, "重点源波动率前三")
+], -1));
+const _hoisted_19 = {
+  key: 0,
+  class: "impact-list"
+};
+const _hoisted_20 = { class: "sort" };
+const _hoisted_21 = ["title"];
+const _hoisted_22 = { class: "num" };
+const _hoisted_23 = {
+  key: 1,
+  class: "empty-data"
+};
+const _hoisted_24 = { class: "surrounding-two-right surrounding-comm-box" };
+const _hoisted_25 = { class: "name-num-box pd10" };
+const _hoisted_26 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "name" }, "周边未处置事件", -1));
+const _hoisted_27 = { class: "num-box" };
+const _hoisted_28 = { class: "num red" };
+const _hoisted_29 = { class: "total" };
+const _hoisted_30 = /* @__PURE__ */ createStaticVNode('<div class="surrounding-three-flex" data-v-b88c5d4a><div class="surrounding-three-item surrounding-comm-box different" data-v-b88c5d4a><div class="name-num-box" data-v-b88c5d4a><span class="name" data-v-b88c5d4a>异常入河排污口</span><span class="num red" data-v-b88c5d4a>5</span></div></div><div class="surrounding-three-item surrounding-comm-box" data-v-b88c5d4a><div class="name-num-box" data-v-b88c5d4a><span class="name" data-v-b88c5d4a>问题小区</span><span class="num red" data-v-b88c5d4a>5</span></div></div><div class="surrounding-three-item surrounding-comm-box" data-v-b88c5d4a><div class="name-num-box" data-v-b88c5d4a><span class="name" data-v-b88c5d4a>问题园区</span><span class="num red" data-v-b88c5d4a>5</span></div></div></div>', 1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    startTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    endTime: {
+      type: Number,
+      default: dayjs().endOf("year").valueOf()
+    },
+    factorCode: {
+      type: String,
+      default: ""
+    },
+    siteCode: {
+      type: String,
+      default: ""
+    },
+    timeType: {
+      type: String,
+      default: "hour"
+    },
+    // 距离
+    distance: {
+      type: Number,
+      default: 1e4
+    },
+    // 溢流口统计
+    overflowPortNum: {
+      type: [Number, String],
+      default: ""
+    },
+    // 站点列表
+    accessCodeList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    timeStamp: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    // 经纬度
+    latitude: {
+      type: [Number, String],
+      default: 30.3992
+    },
+    longitude: {
+      type: [Number, String],
+      default: 119.9681
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const data = reactive({
+      pomsAlarmData: [],
+      pomsAnalysisData: [],
+      factorList: [],
+      curFactor: "",
+      boundaryData: {
+        disposal: 0,
+        total: 0
+      }
+      // 周边未处置事件
+    });
+    const getFactorLists = async () => {
+      const res = await queryFactorGroup({
+        code: "companyPollutionSource"
+      });
+      const factorsObj = res && res.length ? res[0] : null;
+      const factors = factorsObj?.factors ?? [];
+      const factorList2 = factors.map((item) => {
+        return { ...item, label: item.factorIndexName, value: item.factorIndexCode };
+      });
+      const codes = [];
+      factorList2.forEach((item) => {
+        codes.push(item.factorIndexCode);
+      });
+      const defaultFactor = { value: codes.join(","), label: "所有因子" };
+      factorList2.unshift(defaultFactor);
+      data.factorList = factorList2;
+      data.curFactor = data.factorList[0].value;
+    };
+    const getPomsAlarm = async () => {
+      const params = {
+        startTime: props.startTime,
+        // 开始时间
+        endTime: props.endTime,
+        // 结束时间
+        distance: props.distance,
+        // 距离
+        siteCode: props.siteCode,
+        // 所选站点编码
+        factorCodes: data.curFactor,
+        timeType: props.timeType
+        // 报警类型映射
+      };
+      const res = await pomsAlarm(params);
+      data.pomsAlarmData = [];
+      if (res?.data && res?.data.length > 0) {
+        data.pomsAlarmData = res.data.slice(0, 3);
+        data.pomsAlarmData.forEach((item) => {
+          item.alarmNum = Number(item.alarmNum);
+        });
+      }
+    };
+    const checkFactor = (val) => {
+      data.curFactor = val.value;
+      getPomsAlarm();
+    };
+    const getPomsAnalysis = async () => {
+      const params = {
+        startTime: props.startTime,
+        // 开始时间
+        endTime: props.endTime,
+        // 结束时间
+        factorCode: props.factorCode,
+        // 因子编码
+        siteCode: props.siteCode,
+        // 所选站点编码
+        distance: props.distance,
+        // 距离
+        timeType: props.timeType
+        // 报警类型映射
+      };
+      const res = await pomsAnalysis(params);
+      const resData = res?.data || [];
+      data.pomsAnalysisData = resData.slice(0, 3);
+    };
+    const getBoundaryAnalysis = async () => {
+      const params = {
+        envTypeCodeList: ["water"],
+        siteCodeList: props.accessCodeList,
+        // res,
+        timeStamp: props.timeStamp,
+        // 报警时间
+        centerLatitude: props.latitude,
+        // 纬度
+        centerLongitude: props.longitude
+        // 经度
+      };
+      const res = await countEventStatusByTimePoint(params);
+      if (res?.success && res?.data) {
+        data.boundaryData.disposal = res.data.notDisposedCount;
+        data.boundaryData.total = res.data.totalCount;
+      }
+    };
+    watch(() => [props.startTime, props.endTime, props.siteCode, props.timeType, props.distance], () => {
+      getPomsAlarm();
+      getPomsAnalysis();
+    });
+    watch(() => [props.factorCode], () => {
+      getPomsAnalysis();
+    });
+    watch(() => [props.accessCodeList, props.timeStamp, props.latitude, props.longitude], () => {
+      getBoundaryAnalysis();
+    });
+    onMounted(() => {
+      getFactorLists();
+      getPomsAlarm();
+      getPomsAnalysis();
+      getBoundaryAnalysis();
+    });
+    const { pomsAlarmData, pomsAnalysisData, factorList, curFactor, boundaryData } = toRefs(data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              _hoisted_5,
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_sfc_main$1, {
+                  option: unref(factorList),
+                  onChange: checkFactor
+                }, null, 8, ["option"])
+              ])
+            ]),
+            unref(pomsAlarmData).length ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pomsAlarmData), (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "impact-list-every"
+                }, [
+                  createElementVNode("span", _hoisted_8, toDisplayString(item.rank), 1),
+                  createElementVNode("span", {
+                    class: "name",
+                    title: item.siteName
+                  }, toDisplayString(item.siteName), 9, _hoisted_9),
+                  createElementVNode("span", _hoisted_10, toDisplayString(item.alarmNum), 1)
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_11, " 暂无数据 "))
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              _hoisted_14,
+              createElementVNode("span", _hoisted_15, toDisplayString(typeof __props.overflowPortNum === "number" ? __props.overflowPortNum : "--"), 1)
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_16, [
+          createElementVNode("div", _hoisted_17, [
+            _hoisted_18,
+            unref(pomsAnalysisData).length ? (openBlock(), createElementBlock("div", _hoisted_19, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pomsAnalysisData), (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "impact-list-every"
+                }, [
+                  createElementVNode("span", _hoisted_20, toDisplayString(index + 1), 1),
+                  createElementVNode("span", {
+                    class: "name",
+                    title: item.companyName
+                  }, toDisplayString(item.companyName), 9, _hoisted_21),
+                  createElementVNode("span", _hoisted_22, toDisplayString(item.adjacentPre), 1)
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_23, " 暂无数据 "))
+          ]),
+          createElementVNode("div", _hoisted_24, [
+            createElementVNode("div", _hoisted_25, [
+              _hoisted_26,
+              createElementVNode("div", _hoisted_27, [
+                createElementVNode("span", _hoisted_28, toDisplayString(unref(boundaryData).disposal), 1),
+                createElementVNode("span", _hoisted_29, "/" + toDisplayString(unref(boundaryData).total), 1)
+              ])
+            ])
+          ])
+        ]),
+        _hoisted_30
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_b88c5d4a_lang = '';
+
+export { index_vue_vue_type_style_index_0_scoped_b88c5d4a_lang as default };

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

@@ -1,4 +1,4 @@
-import { r as requestControl } from '../../../service/request.mjs';
+import requestControl from '../../../service/request.mjs';
 
 const pathAnalysis = (params) => {
   return requestControl({
@@ -22,4 +22,4 @@ const surfaceWaterStandard = (params) => {
   });
 };
 
-export { pathAnalysis as p, surfaceWaterStandard as s, waterSurfaceListAll as w };
+export { pathAnalysis, surfaceWaterStandard, waterSurfaceListAll };

package/dist/es/wgms/src/UpstreamImpact/index.mjs

@@ -1,344 +1,6 @@
-import { i as install } from '../../utils/tools.mjs';
-import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode } from 'vue';
-import dayjs from 'dayjs';
-import { e as echarts } from '../../utils/echarts/index.mjs';
-import { w as waterSurfaceListAll, s as surfaceWaterStandard, p as pathAnalysis } from './api/index.mjs';
-import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
-
-const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    time: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    factorCode: {
-      type: String,
-      default: ""
-    },
-    siteCode: {
-      type: String,
-      default: ""
-    },
-    timeType: {
-      type: String,
-      default: "hour"
-    },
-    // 因子名称
-    factorName: {
-      type: String,
-      default: "总磷(以 P 计）"
-    },
-    // 因子单位
-    factorUnit: {
-      type: String,
-      default: "mg/L"
-    },
-    // 站点名称
-    sourceIds: {
-      type: String,
-      default: ""
-    },
-    // 达标线
-    // standardValue: {
-    //     type: [String, Number],
-    //     default: 1
-    // }
-    // 水质等级id
-    waterQuality: {
-      type: String,
-      default: "3c70ae2734d64bbe8b598af6c6612423"
-    },
-    sectionType: {
-      type: String,
-      default: "001"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartUpstreamImpact = ref();
-    const data = reactive({
-      title: "",
-      unit: "mg/L",
-      factorName: "总磷(以 P 计）",
-      params: {
-        time: 16886988e5,
-        factorCode: "w21011",
-        siteCode: "JMSZSY0007",
-        sourceIds: "",
-        // 关联的站点id
-        timeType: "day"
-      },
-      standardValue: "",
-      gradeList: []
-    });
-    watch(() => [props.time, props.factorCode, props.siteCode, props.timeType], () => {
-      initData();
-    });
-    watch(() => [props.waterQuality, props.sectionType], () => {
-      getFactorStandard();
-    });
-    onMounted(async () => {
-      await nextTick();
-      await getGradeList();
-      getFactorStandard();
-    });
-    const initData = async () => {
-      data.params = {
-        time: props?.time,
-        factorCode: props?.factorCode,
-        // 因子编码
-        siteCode: props?.siteCode,
-        // 站点编码
-        sourceIds: props?.sourceIds,
-        // 关联的站点id
-        timeType: props?.timeType
-        // 报警类型映射
-      };
-      data.factorName = props?.factorName;
-      data.unit = props?.factorUnit;
-      getData();
-    };
-    const getGradeList = async () => {
-      const resp = await waterSurfaceListAll({});
-      const gradeList2 = resp?.entries ?? [];
-      data.gradeList = gradeList2;
-    };
-    const getFactorStandard = async () => {
-      const resQ = data.gradeList.filter((o) => {
-        return o.id === props.waterQuality;
-      });
-      const params = {
-        baseLevel: resQ[0].level,
-        // 需要根据ID匹配
-        factorGroup: "",
-        sectionType: props.sectionType
-      };
-      const res = await surfaceWaterStandard(params);
-      data.standardValue = props.factorCode && res && res[props.factorCode].value;
-      console.log(data.standardValue, "data.standardValue");
-      initData();
-    };
-    const getData = async () => {
-      const res = await pathAnalysis(data.params);
-      console.log(res);
-      const waterQualityData = {
-        xAxis: [],
-        xData: [],
-        qualitys: []
-      };
-      const juageArr = [];
-      const resData = res.data || [];
-      resData.forEach((item) => {
-        waterQualityData.xAxis.push(item.siteName);
-        waterQualityData.xData.push(item.value);
-        waterQualityData.qualitys.push(item.quality);
-        item.value === "" ? juageArr.push(item.value) : 0;
-      });
-      const lineOptions = await upImpactLine(waterQualityData, data.standardValue, "", data.factorName || "");
-      echarts.draw(chartUpstreamImpact.value, lineOptions);
-    };
-    const upImpactLine = async (list, standardValue2, dataTimeStr, factorName) => {
-      const { xAxis, xData, qualitys } = list;
-      const gradeList2 = data.gradeList;
-      const option = {
-        grid: {
-          top: 40,
-          right: 22,
-          bottom: 25,
-          left: 36
-        },
-        title: {
-          show: false,
-          text: `${dataTimeStr + factorName}沿程变化`,
-          textStyle: {
-            color: "#fff",
-            fontSize: 14,
-            fontWeight: "normal",
-            fontFamily: "TRENDS"
-          },
-          textAlign: "center",
-          left: "46%"
-        },
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "line"
-          },
-          formatter(param) {
-            param = param[0];
-            const currData = gradeList2.filter((item) => item.level === Number(qualitys[param.dataIndex]));
-            const color = currData.length ? currData[0]?.color : "#6D7278";
-            const span = `<span style='display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:${color};'></span>`;
-            return [`${param.seriesName} `, `${param.marker + param.name}：${param.value || "--"}mg/L`, `${span}水质等级：${gradeList2.find((item) => {
-              return item.level === Number(qualitys[param.dataIndex]);
-            })?.name || "--"}类`].join("<br/>");
-          }
-        },
-        legend: {
-          show: false
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: true,
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: "rgba(255,255,255,0.5)"
-            }
-          },
-          axisLabel: {
-            formatter: (value, index) => {
-              const length = xData.length;
-              if (index !== length - 1 || value.length <= 6 || length === 1)
-                return value;
-              return `{a|${value}}`;
-            },
-            textStyle: {
-              rich: {
-                a: {
-                  align: "left",
-                  width: 160
-                }
-              },
-              color: "#ffffff"
-            },
-            interval: 0
-          },
-          axisTick: {
-            show: false
-          },
-          data: xAxis
-        },
-        yAxis: [
-          {
-            // 降雨量
-            type: "value",
-            name: "mg/L",
-            nameTextStyle: {
-              align: "right",
-              color: "rgba(255,255,255,1)"
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
-            axisLabel: {
-              textStyle: {
-                fontFamily: "Oswald",
-                fontSize: "12",
-                fontWeight: "normal",
-                color: "#909399"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitArea: {
-              interval: 2,
-              show: false,
-              areaStyle: {
-                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
-              }
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: "rgba(255, 255, 255, 0.15)"
-              }
-            },
-            axisTick: { show: false },
-            max: (value) => {
-              if (value.max > Number(standardValue2))
-                return Math.ceil(value.max);
-              else
-                return Math.ceil(Number(standardValue2));
-            }
-          }
-        ],
-        series: [
-          {
-            name: factorName,
-            type: "line",
-            smooth: false,
-            yAxisIndex: 0,
-            lineStyle: {
-              color: "#0AAEFF",
-              opacity: 1,
-              width: 2
-            },
-            symbol: "circle",
-            symbolSize: 8,
-            label: {
-              show: false,
-              fontFamily: "Bebas Neue",
-              fontSize: "12",
-              color: "rgba(255,255,255,0.6)"
-            },
-            data: xData.map((item, index) => {
-              const currData = gradeList2.filter((item2) => item2.level === Number(qualitys[index]));
-              return {
-                value: item,
-                itemStyle: {
-                  color: currData.length ? currData[0].color : "#6D7278"
-                }
-              };
-            }),
-            markLine: {
-              type: "average",
-              lineStyle: {
-                color: "#FF1744"
-              },
-              symbol: "none",
-              data: [
-                {
-                  yAxis: standardValue2,
-                  name: "水质超标线",
-                  label: {
-                    show: true,
-                    formatter: "{b}",
-                    position: "end",
-                    distance: -70,
-                    fontSize: 12,
-                    lineHeight: 17,
-                    padding: [0, 6, 0, 6],
-                    color: "#FFFFFF",
-                    backgroundColor: "#FF1744",
-                    borderRadius: 8
-                  },
-                  lineStyle: {
-                    type: "solid",
-                    width: 2,
-                    color: "#FF1744"
-                  }
-                }
-              ]
-            }
-          }
-        ]
-      };
-      return option;
-    };
-    toRefs(data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "chartUpstreamImpact",
-          ref: chartUpstreamImpact,
-          class: "chart"
-        }, null, 512)
-      ]);
-    };
-  }
-});
-
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_83166085_lang = '';
-
-const _UpstreamImpact = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-83166085"]]);
+import { install } from '../../utils/tools.mjs';
+import _UpstreamImpact from './index.vue.mjs';
 
 const DvWgmsUpstreamImpact = install(_UpstreamImpact);
 
-export { DvWgmsUpstreamImpact as D };
+export { DvWgmsUpstreamImpact, _UpstreamImpact as default };

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

@@ -0,0 +1,7 @@
+import _sfc_main from './index.vue2.mjs';
+import './index.vue3.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _UpstreamImpact = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-83166085"]]);
+
+export { _UpstreamImpact as default };