@ued_fpi/data-visual 1.1.4 → 1.1.5

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

@@ -1,7 +1,149 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { ElTooltip, ElScrollbar } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/scrollbar/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import { defineComponent, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, unref, createElementVNode, toDisplayString, createBlock } from 'vue';
+import dayjs from 'dayjs';
+import _sfc_main$1 from '../common/ProgressBar.vue.mjs';
+import '../common/ProgressBar.vue2.mjs';
+import { waterSubordinateRanking } from './api/index.mjs';
 
-const _SubordinateRanking = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01fe80f1"]]);
+const _hoisted_1 = { class: "dv-wgms-subordinate-ranking-table" };
+const _hoisted_2 = { class: "dv-wgms-subordinate-ranking-sort" };
+const _hoisted_3 = {
+  key: 0,
+  class: "dv-wgms-subordinate-ranking-name"
+};
+const _hoisted_4 = { class: "dv-wgms-subordinate-ranking-name" };
+const _hoisted_5 = { class: "dv-wgms-subordinate-ranking-percent" };
+const _hoisted_6 = { class: "dv-wgms-ranking-percent-progress" };
+const _hoisted_7 = { class: "dv-wgms-ranking-percent-num" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DvWgmsSubordinateRanking"
+  },
+  __name: "index",
+  props: {
+    treeId: {
+      type: [Number, String],
+      default: 3302
+    },
+    treeType: {
+      type: Number,
+      default: 1
+    },
+    beginTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    endTime: {
+      type: Number,
+      default: dayjs().subtract(-1, "y").startOf("year").valueOf()
+    },
+    factorGroupId: {
+      type: [Number, String],
+      default: 27
+    },
+    queryTimeType: {
+      type: String,
+      default: "year"
+    },
+    controlLevel: {
+      type: String,
+      default: "001,002,003"
+    },
+    isLazy: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const data = reactive({
+      isLoading: false,
+      curYear: dayjs().format("YYYY"),
+      countyData: props.data,
+      controlLevel: ""
+    });
+    watch(() => props.data, (val) => {
+      data.countyData = val;
+    });
+    watch(() => [props.queryTimeType, props.controlLevel, props.treeType, props.beginTime, props.endTime, props.treeId, props.factorGroupId], () => {
+      getRankData();
+    });
+    onMounted(() => {
+      !props.isLazy && getRankData();
+    });
+    const reload = () => {
+      getRankData();
+    };
+    const getRankData = async () => {
+      data.isLoading = true;
+      const params = {
+        treeType: props.treeType,
+        treeId: props.treeId,
+        beginTime: props.beginTime,
+        endTime: props.endTime,
+        queryTimeType: props.queryTimeType,
+        factorGroupId: props.factorGroupId,
+        controlLevel: props.controlLevel
+      };
+      const res = await waterSubordinateRanking(params);
+      data.countyData = res?.data || [];
+    };
+    const { countyData } = toRefs(data);
+    __expose({
+      reload
+    });
+    return (_ctx, _cache) => {
+      const _component_ElTooltip = ElTooltip;
+      const _component_el_scrollbar = ElScrollbar;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_scrollbar, { class: "dv-wgms-sub-scroll-table" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(countyData), (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "dv-wgms-subordinate-ranking-list"
+              }, [
+                createElementVNode("span", _hoisted_2, toDisplayString(item.rankNo ? `TOP${item.rankNo}` : "--"), 1),
+                item.regionName.length < 6 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.regionName), 1)) : (openBlock(), createBlock(_component_ElTooltip, {
+                  key: 1,
+                  content: item.regionName,
+                  placement: "top",
+                  effect: "dark"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_4, toDisplayString(item.regionName), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["content"])),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_6, [
+                    createVNode(_sfc_main$1, {
+                      "active-color": "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
+                      "handle-style": {
+                        background: "#15F3A3",
+                        width: "2px",
+                        height: "12px"
+                      },
+                      percentage: Number(item.percent)
+                    }, null, 8, ["percentage"])
+                  ]),
+                  createElementVNode("span", _hoisted_7, toDisplayString(item.percent ?? "--") + "%", 1)
+                ])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
 
-export { _SubordinateRanking as default };
+export { _sfc_main as default };

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

@@ -1,149 +1,3 @@
-import { ElTooltip, ElScrollbar } from 'element-plus/es';
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/es/components/scrollbar/style/css';
-import 'element-plus/es/components/tooltip/style/css';
-import { defineComponent, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, unref, createElementVNode, toDisplayString, createBlock } from 'vue';
-import dayjs from 'dayjs';
-import _sfc_main$1 from '../common/ProgressBar.vue.mjs';
-import '../common/ProgressBar.vue2.mjs';
-import { waterSubordinateRanking } from './api/index.mjs';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _hoisted_1 = { class: "dv-wgms-subordinate-ranking-table" };
-const _hoisted_2 = { class: "dv-wgms-subordinate-ranking-sort" };
-const _hoisted_3 = {
-  key: 0,
-  class: "dv-wgms-subordinate-ranking-name"
-};
-const _hoisted_4 = { class: "dv-wgms-subordinate-ranking-name" };
-const _hoisted_5 = { class: "dv-wgms-subordinate-ranking-percent" };
-const _hoisted_6 = { class: "dv-wgms-ranking-percent-progress" };
-const _hoisted_7 = { class: "dv-wgms-ranking-percent-num" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "DvWgmsSubordinateRanking"
-  },
-  __name: "index",
-  props: {
-    treeId: {
-      type: [Number, String],
-      default: 3302
-    },
-    treeType: {
-      type: Number,
-      default: 1
-    },
-    beginTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().subtract(-1, "y").startOf("year").valueOf()
-    },
-    factorGroupId: {
-      type: [Number, String],
-      default: 27
-    },
-    queryTimeType: {
-      type: String,
-      default: "year"
-    },
-    controlLevel: {
-      type: String,
-      default: "001,002,003"
-    },
-    isLazy: {
-      type: Boolean,
-      default: false
-    },
-    data: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const data = reactive({
-      isLoading: false,
-      curYear: dayjs().format("YYYY"),
-      countyData: props.data,
-      controlLevel: ""
-    });
-    watch(() => props.data, (val) => {
-      data.countyData = val;
-    });
-    watch(() => [props.queryTimeType, props.controlLevel, props.treeType, props.beginTime, props.endTime, props.treeId, props.factorGroupId], () => {
-      getRankData();
-    });
-    onMounted(() => {
-      !props.isLazy && getRankData();
-    });
-    const reload = () => {
-      getRankData();
-    };
-    const getRankData = async () => {
-      data.isLoading = true;
-      const params = {
-        treeType: props.treeType,
-        treeId: props.treeId,
-        beginTime: props.beginTime,
-        endTime: props.endTime,
-        queryTimeType: props.queryTimeType,
-        factorGroupId: props.factorGroupId,
-        controlLevel: props.controlLevel
-      };
-      const res = await waterSubordinateRanking(params);
-      data.countyData = res?.data || [];
-    };
-    const { countyData } = toRefs(data);
-    __expose({
-      reload
-    });
-    return (_ctx, _cache) => {
-      const _component_ElTooltip = ElTooltip;
-      const _component_el_scrollbar = ElScrollbar;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_el_scrollbar, { class: "dv-wgms-sub-scroll-table" }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(countyData), (item, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: index,
-                class: "dv-wgms-subordinate-ranking-list"
-              }, [
-                createElementVNode("span", _hoisted_2, toDisplayString(item.rankNo ? `TOP${item.rankNo}` : "--"), 1),
-                item.regionName.length < 6 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.regionName), 1)) : (openBlock(), createBlock(_component_ElTooltip, {
-                  key: 1,
-                  content: item.regionName,
-                  placement: "top",
-                  effect: "dark"
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_4, toDisplayString(item.regionName), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])),
-                createElementVNode("div", _hoisted_5, [
-                  createElementVNode("div", _hoisted_6, [
-                    createVNode(_sfc_main$1, {
-                      "active-color": "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
-                      "handle-style": {
-                        background: "#15F3A3",
-                        width: "2px",
-                        height: "12px"
-                      },
-                      percentage: Number(item.percent)
-                    }, null, 8, ["percentage"])
-                  ]),
-                  createElementVNode("span", _hoisted_7, toDisplayString(item.percent ?? "--") + "%", 1)
-                ])
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

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

@@ -1,3 +1,6 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_01fe80f1_lang = '';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-export { index_vue_vue_type_style_index_0_scoped_01fe80f1_lang as default };
+
+
+export { _sfc_main as default };

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

@@ -1,6 +1,7 @@
 import { install } from '../../utils/tools.mjs';
-import _SurroundingPollution from './index.vue.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-const DvWgmsSurroundingPollution = install(_SurroundingPollution);
+const DvWgmsSurroundingPollution = install(_sfc_main);
 
-export { DvWgmsSurroundingPollution, _SurroundingPollution as default };
+export { DvWgmsSurroundingPollution, _sfc_main as default };

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

@@ -1,7 +1,288 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createVNode, unref, Fragment, renderList, toDisplayString, createStaticVNode } 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 _SurroundingPollution = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b88c5d4a"]]);
+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__ */ 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__ */ 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__ */ 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__ */ 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"><div class="surrounding-three-item surrounding-comm-box different"><div class="name-num-box"><span class="name">异常入河排污口</span><span class="num red">5</span></div></div><div class="surrounding-three-item surrounding-comm-box"><div class="name-num-box"><span class="name">问题小区</span><span class="num red">5</span></div></div><div class="surrounding-three-item surrounding-comm-box"><div class="name-num-box"><span class="name">问题园区</span><span class="num red">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 { _SurroundingPollution as default };
+export { _sfc_main as default };