@ued_fpi/data-visual 1.1.1 → 1.1.3

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

@@ -0,0 +1,336 @@
+import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode } from 'vue';
+import dayjs from 'dayjs';
+import echarts from '../../utils/echarts/index.mjs';
+import { waterSurfaceListAll, surfaceWaterStandard, pathAnalysis } from './api/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)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1,71 +1,6 @@
-import { i as install } from '../../utils/tools.mjs';
-import { defineComponent, reactive, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString, createVNode, createStaticVNode } from 'vue';
-import { _ as _sfc_main$1 } from '../common/ProgressBar.mjs';
-import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
-
-const _hoisted_1 = { class: "dv-wgms-upstream-section" };
-const _hoisted_2 = { class: "section-correlation-table" };
-const _hoisted_3 = /* @__PURE__ */ createStaticVNode('<div class="section-correlation-list header" data-v-3068b92d><span class="sort" data-v-3068b92d></span><span class="name" data-v-3068b92d></span><div class="progress" data-v-3068b92d><span class="text" data-v-3068b92d>氮</span><span class="text" data-v-3068b92d>磷</span></div><span class="alarm" data-v-3068b92d>报警数</span></div>', 1);
-const _hoisted_4 = { class: "sort" };
-const _hoisted_5 = { class: "name" };
-const _hoisted_6 = { class: "progress" };
-const _hoisted_7 = { class: "alarm red" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const data = reactive({
-      handleStyle: {
-        background: "#15F3A3",
-        width: "2px",
-        height: "12px"
-      },
-      activeColor: "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
-      relativeData: [{
-        siteName: "上游断面1",
-        coefficientPre: 0.56,
-        alarmNum: 2
-      }, {
-        siteName: "上游断面1",
-        coefficientPre: 0.56,
-        alarmNum: 2
-      }, {
-        siteName: "上游断面1",
-        coefficientPre: 0.56,
-        alarmNum: 2
-      }]
-    });
-    const { relativeData, handleStyle, activeColor } = toRefs(data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          _hoisted_3,
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relativeData), (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: "section-correlation-list"
-            }, [
-              createElementVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
-              createElementVNode("span", _hoisted_5, toDisplayString(item.siteName), 1),
-              createElementVNode("div", _hoisted_6, [
-                createVNode(_sfc_main$1, {
-                  percentage: item.coefficientPre * 100,
-                  "active-color": unref(activeColor),
-                  "handle-style": unref(handleStyle)
-                }, null, 8, ["percentage", "active-color", "handle-style"])
-              ]),
-              createElementVNode("span", _hoisted_7, toDisplayString(item.alarmNum), 1)
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_3068b92d_lang = '';
-
-const _UpstreamSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3068b92d"]]);
+import { install } from '../../utils/tools.mjs';
+import _UpstreamSection from './index.vue.mjs';
 
 const DvWgmsUpstreamSection = install(_UpstreamSection);
 
-export { DvWgmsUpstreamSection as D };
+export { DvWgmsUpstreamSection, _UpstreamSection as default };

package/dist/es/wgms/src/UpstreamSection/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 _UpstreamSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3068b92d"]]);
+
+export { _UpstreamSection as default };

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

@@ -0,0 +1,64 @@
+import { defineComponent, reactive, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString, createVNode, createStaticVNode } from 'vue';
+import _sfc_main$1 from '../common/ProgressBar.vue.mjs';
+import '../common/ProgressBar.vue2.mjs';
+
+const _hoisted_1 = { class: "dv-wgms-upstream-section" };
+const _hoisted_2 = { class: "section-correlation-table" };
+const _hoisted_3 = /* @__PURE__ */ createStaticVNode('<div class="section-correlation-list header" data-v-3068b92d><span class="sort" data-v-3068b92d></span><span class="name" data-v-3068b92d></span><div class="progress" data-v-3068b92d><span class="text" data-v-3068b92d>氮</span><span class="text" data-v-3068b92d>磷</span></div><span class="alarm" data-v-3068b92d>报警数</span></div>', 1);
+const _hoisted_4 = { class: "sort" };
+const _hoisted_5 = { class: "name" };
+const _hoisted_6 = { class: "progress" };
+const _hoisted_7 = { class: "alarm red" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const data = reactive({
+      handleStyle: {
+        background: "#15F3A3",
+        width: "2px",
+        height: "12px"
+      },
+      activeColor: "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
+      relativeData: [{
+        siteName: "上游断面1",
+        coefficientPre: 0.56,
+        alarmNum: 2
+      }, {
+        siteName: "上游断面1",
+        coefficientPre: 0.56,
+        alarmNum: 2
+      }, {
+        siteName: "上游断面1",
+        coefficientPre: 0.56,
+        alarmNum: 2
+      }]
+    });
+    const { relativeData, handleStyle, activeColor } = toRefs(data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _hoisted_3,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(relativeData), (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "section-correlation-list"
+            }, [
+              createElementVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
+              createElementVNode("span", _hoisted_5, toDisplayString(item.siteName), 1),
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_sfc_main$1, {
+                  percentage: item.coefficientPre * 100,
+                  "active-color": unref(activeColor),
+                  "handle-style": unref(handleStyle)
+                }, null, 8, ["percentage", "active-color", "handle-style"])
+              ]),
+              createElementVNode("span", _hoisted_7, toDisplayString(item.alarmNum), 1)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1,46 +1,6 @@
-import { i as install } from '../../utils/tools.mjs';
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
-import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
-
-const _hoisted_1 = { class: "env-online flex-between-center" };
-const _hoisted_2 = { class: "name" };
-const _hoisted_3 = { class: "value" };
-const _hoisted_4 = { class: "online" };
-const _hoisted_5 = { class: "total" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const mockData = [
-      { name: "国控", online: 10, total: 11 },
-      { name: "省控以上", online: 10, total: 11 },
-      { name: "市控以上", online: 10, total: 11 },
-      { name: "区县", online: 10, total: 11 },
-      { name: "交接断面", online: 10, total: 11 },
-      { name: "饮用水源", online: 10, total: 11 }
-    ];
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(mockData, (item, index) => {
-          return createElementVNode("div", {
-            key: index,
-            class: "item-one flex-between-center"
-          }, [
-            createElementVNode("div", _hoisted_2, toDisplayString(item.name), 1),
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("span", _hoisted_4, toDisplayString(item.online), 1),
-              createElementVNode("span", _hoisted_5, "/" + toDisplayString(item.total), 1)
-            ])
-          ]);
-        }), 64))
-      ]);
-    };
-  }
-});
-
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_e27bf0b3_lang = '';
-
-const _WaterEnvironmentOnlineMonitor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e27bf0b3"]]);
+import { install } from '../../utils/tools.mjs';
+import _WaterEnvironmentOnlineMonitor from './index.vue.mjs';
 
 const WaterEnvironmentOnlineMonitor = install(_WaterEnvironmentOnlineMonitor);
 
-export { WaterEnvironmentOnlineMonitor as W };
+export { WaterEnvironmentOnlineMonitor, _WaterEnvironmentOnlineMonitor as default };

package/dist/es/wgms/src/WaterEnvironmentOnlineMonitor/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 _WaterEnvironmentOnlineMonitor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e27bf0b3"]]);
+
+export { _WaterEnvironmentOnlineMonitor as default };

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

@@ -0,0 +1,38 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = { class: "env-online flex-between-center" };
+const _hoisted_2 = { class: "name" };
+const _hoisted_3 = { class: "value" };
+const _hoisted_4 = { class: "online" };
+const _hoisted_5 = { class: "total" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const mockData = [
+      { name: "国控", online: 10, total: 11 },
+      { name: "省控以上", online: 10, total: 11 },
+      { name: "市控以上", online: 10, total: 11 },
+      { name: "区县", online: 10, total: 11 },
+      { name: "交接断面", online: 10, total: 11 },
+      { name: "饮用水源", online: 10, total: 11 }
+    ];
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(mockData, (item, index) => {
+          return createElementVNode("div", {
+            key: index,
+            class: "item-one flex-between-center"
+          }, [
+            createElementVNode("div", _hoisted_2, toDisplayString(item.name), 1),
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("span", _hoisted_4, toDisplayString(item.online), 1),
+              createElementVNode("span", _hoisted_5, "/" + toDisplayString(item.total), 1)
+            ])
+          ]);
+        }), 64))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/dist/es/wgms/src/WaterQualityClassification/images/{up.mjs → up.svg.mjs}

@@ -1,3 +1,3 @@
 const _imports_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMwMERFRkYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
 
-export { _imports_0 as _ };
+export { _imports_0 as default };