@ued_fpi/data-visual 1.1.4 → 1.1.5

package/dist/lib/wgms/src/SurroundingPollution/index.vue2.js

@@ -2,292 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const dayjs = require('dayjs');
-const selectPanel_vue_vue_type_script_setup_true_name_SelectPanel_lang = require('../common/select-panel.vue.js');
-require('../common/select-panel.vue2.js');
-const index = require('./api/index.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-b88c5d4a"), n = n(), vue.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__ */ vue.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__ */ vue.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__ */ vue.createElementVNode("div", { class: "title-box" }, [
-  /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.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__ */ vue.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 = vue.reactive({
-      pomsAlarmData: [],
-      pomsAnalysisData: [],
-      factorList: [],
-      curFactor: "",
-      boundaryData: {
-        disposal: 0,
-        total: 0
-      }
-      // 周边未处置事件
-    });
-    const getFactorLists = async () => {
-      const res = await index.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 index.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 index.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 index.countEventStatusByTimePoint(params);
-      if (res?.success && res?.data) {
-        data.boundaryData.disposal = res.data.notDisposedCount;
-        data.boundaryData.total = res.data.totalCount;
-      }
-    };
-    vue.watch(() => [props.startTime, props.endTime, props.siteCode, props.timeType, props.distance], () => {
-      getPomsAlarm();
-      getPomsAnalysis();
-    });
-    vue.watch(() => [props.factorCode], () => {
-      getPomsAnalysis();
-    });
-    vue.watch(() => [props.accessCodeList, props.timeStamp, props.latitude, props.longitude], () => {
-      getBoundaryAnalysis();
-    });
-    vue.onMounted(() => {
-      getFactorLists();
-      getPomsAlarm();
-      getPomsAnalysis();
-      getBoundaryAnalysis();
-    });
-    const { pomsAlarmData, pomsAnalysisData, factorList, curFactor, boundaryData } = vue.toRefs(data);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("div", _hoisted_4, [
-              _hoisted_5,
-              vue.createElementVNode("div", _hoisted_6, [
-                vue.createVNode(selectPanel_vue_vue_type_script_setup_true_name_SelectPanel_lang.default, {
-                  option: vue.unref(factorList),
-                  onChange: checkFactor
-                }, null, 8, ["option"])
-              ])
-            ]),
-            vue.unref(pomsAlarmData).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pomsAlarmData), (item, index) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: index,
-                  class: "impact-list-every"
-                }, [
-                  vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.rank), 1),
-                  vue.createElementVNode("span", {
-                    class: "name",
-                    title: item.siteName
-                  }, vue.toDisplayString(item.siteName), 9, _hoisted_9),
-                  vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(item.alarmNum), 1)
-                ]);
-              }), 128))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, " 暂无数据 "))
-          ]),
-          vue.createElementVNode("div", _hoisted_12, [
-            vue.createElementVNode("div", _hoisted_13, [
-              _hoisted_14,
-              vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(typeof __props.overflowPortNum === "number" ? __props.overflowPortNum : "--"), 1)
-            ])
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_16, [
-          vue.createElementVNode("div", _hoisted_17, [
-            _hoisted_18,
-            vue.unref(pomsAnalysisData).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pomsAnalysisData), (item, index) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: index,
-                  class: "impact-list-every"
-                }, [
-                  vue.createElementVNode("span", _hoisted_20, vue.toDisplayString(index + 1), 1),
-                  vue.createElementVNode("span", {
-                    class: "name",
-                    title: item.companyName
-                  }, vue.toDisplayString(item.companyName), 9, _hoisted_21),
-                  vue.createElementVNode("span", _hoisted_22, vue.toDisplayString(item.adjacentPre), 1)
-                ]);
-              }), 128))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, " 暂无数据 "))
-          ]),
-          vue.createElementVNode("div", _hoisted_24, [
-            vue.createElementVNode("div", _hoisted_25, [
-              _hoisted_26,
-              vue.createElementVNode("div", _hoisted_27, [
-                vue.createElementVNode("span", _hoisted_28, vue.toDisplayString(vue.unref(boundaryData).disposal), 1),
-                vue.createElementVNode("span", _hoisted_29, "/" + vue.toDisplayString(vue.unref(boundaryData).total), 1)
-              ])
-            ])
-          ])
-        ]),
-        _hoisted_30
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/SurroundingPollution/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_b88c5d4a_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_b88c5d4a_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const tools = require('../../utils/tools.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvWgmsUpstreamImpact = tools.install(index.default);
+const DvWgmsUpstreamImpact = tools.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvWgmsUpstreamImpact = DvWgmsUpstreamImpact;

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

@@ -2,10 +2,339 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const dayjs = require('dayjs');
+const index$1 = require('../../utils/echarts/index.js');
+const index = require('./api/index.js');
 
-const _UpstreamImpact = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-83166085"]]);
+const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref();
+    const data = vue.reactive({
+      title: "",
+      unit: "mg/L",
+      factorName: "总磷(以 P 计）",
+      params: {
+        time: 16886988e5,
+        factorCode: "w21011",
+        siteCode: "JMSZSY0007",
+        sourceIds: "",
+        // 关联的站点id
+        timeType: "day"
+      },
+      standardValue: "",
+      gradeList: []
+    });
+    vue.watch(() => [props.time, props.factorCode, props.siteCode, props.timeType], () => {
+      initData();
+    });
+    vue.watch(() => [props.waterQuality, props.sectionType], () => {
+      getFactorStandard();
+    });
+    vue.onMounted(async () => {
+      await vue.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 index.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 index.surfaceWaterStandard(params);
+      data.standardValue = props.factorCode && res && res[props.factorCode].value;
+      console.log(data.standardValue, "data.standardValue");
+      initData();
+    };
+    const getData = async () => {
+      const res = await index.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 || "");
+      index$1.default.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;
+    };
+    vue.toRefs(data);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref_key: "chartUpstreamImpact",
+          ref: chartUpstreamImpact,
+          class: "chart"
+        }, null, 512)
+      ]);
+    };
+  }
+});
 
-exports.default = _UpstreamImpact;
+exports.default = _sfc_main;