@ued_fpi/data-visual 1.1.4 → 1.2.0

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

@@ -1,7 +1,251 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, toRefs, watch, nextTick, openBlock, createElementBlock, createElementVNode } from 'vue';
+import echarts from '../../utils/echarts/index.mjs';
+import { getFactorGroupList, getManualFactorTrendComparisonData } from '../../api/FactorTrendComparison/index.mjs';
 
-const _FactorTrendComparison = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ed62af5"]]);
+const _hoisted_1 = { class: "factor-trend-comparison" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    isHandle: {
+      default: true,
+      type: Boolean
+    },
+    // 是否是手工数据
+    siteId: {
+      default: "",
+      // 23239
+      type: [Number, String]
+    },
+    beginTime: {
+      type: String,
+      required: true
+      // 1660752000000
+    },
+    endTime: {
+      type: String,
+      required: true
+      // 1663344000000
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+    // 传入数据
+  },
+  setup(__props) {
+    const props = __props;
+    const state = {
+      factorMap: [],
+      seriesData: [],
+      chartRef: null
+      // 图表实例
+    };
+    const { chartRef } = toRefs(state);
+    watch([() => props.isHandle, () => props.siteId, () => props.beginTime, () => props.endTime, () => props.data], async () => {
+      if (props.data.length) {
+        await nextTick(() => {
+          initChart();
+        });
+        return;
+      }
+      const groupCode = props.isHandle ? "algae" : "algaeAutomatic";
+      const list = await getFactorGroupList({ code: groupCode });
+      state.factorMap = list[0]?.factors || [];
+      state.factorMap.forEach((item) => {
+        const obj = {
+          name: item.factorIndexName,
+          type: "line",
+          symbolSize: 0,
+          yAxisIndex: item.id === "75" ? 1 : item.id === "23" ? 2 : 0,
+          data: []
+        };
+        state.seriesData.push(obj);
+      });
+      await nextTick(() => {
+        initChart();
+      });
+    }, { immediate: true });
+    const getChartData = async (factorId) => {
+      const params = {
+        beginTime: props.beginTime,
+        endTime: props.endTime,
+        factorFlag: false,
+        siteId: props.siteId,
+        dataTimeType: props.isHandle ? 1440 : 60,
+        queryTimeType: props.isHandle ? "day" : "hour",
+        factor: factorId
+      };
+      return await getManualFactorTrendComparisonData(params);
+    };
+    const initChart = () => {
+      let xData = [];
+      state.factorMap.forEach(async (item, index) => {
+        const res = await getChartData(item.id);
+        const timesList = res?.times ?? [];
+        const valueList = res?.dates ?? [];
+        xData = timesList.map((item2) => item2 && item2.substring(5, 11));
+        state.seriesData[index].data = valueList.map((item2) => {
+          return item2?.value ?? null;
+        });
+      });
+      const chart = echarts.init(chartRef.value);
+      setTimeout(async () => {
+        const lineOptions = getChartOptions(xData, state.seriesData);
+        chart.setOption(lineOptions);
+      }, 1500);
+    };
+    const getChartOptions = (xData, seriesData) => {
+      return {
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "line"
+            // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        legend: {
+          show: true,
+          type: "scroll",
+          itemWidth: 12,
+          itemHeight: 12,
+          icon: "circle",
+          bottom: 10,
+          textStyle: {
+            fontFamily: "TRENDS",
+            color: "#909399",
+            fontSize: "12px"
+          }
+        },
+        grid: {
+          top: 60,
+          left: "9%",
+          right: 10,
+          bottom: 40,
+          containLabel: true
+        },
+        color: ["#2AC94F", "#FFE200", "#FF99C3", "#00FFFD", "#ff99c3", "#00fffd", "#ff7815", "#ef33ff"],
+        xAxis: [
+          {
+            type: "category",
+            data: xData,
+            boundaryGap: false,
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              textStyle: {
+                fontFamily: "TRENDS",
+                fontSize: "12",
+                color: "rgba(255,255,255,0.6)"
+              }
+            },
+            axisTick: {
+              show: false,
+              interval: 24
+            }
+          }
+        ],
+        yAxis: [
+          {
+            name: "因子值\n(mg/l)",
+            nameTextStyle: {
+              fontFamily: "TRENDS",
+              color: "rgba(255, 255, 255, 0.6)",
+              fontSize: "14px",
+              align: "center"
+            },
+            type: "value",
+            offset: 60,
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontFamily: "TRENDS",
+                color: "rgba(255, 255, 255, 0.6)",
+                fontSize: "16px",
+                align: "center",
+                padding: [0, 0, 0, 10]
+              }
+            },
+            splitArea: {
+              show: true,
+              areaStyle: {
+                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
+              }
+            },
+            splitLine: { show: false },
+            axisTick: { show: false },
+            axisPointer: {
+              snap: true
+            }
+          },
+          {
+            name: "叶绿素a\n(μg/l)",
+            nameTextStyle: {
+              align: "center",
+              fontFamily: "TRENDS",
+              color: "rgba(255, 255, 255, 0.6)",
+              fontSize: "14px"
+            },
+            type: "value",
+            position: "left",
+            offset: 10,
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontFamily: "TRENDS",
+                color: "rgba(255, 255, 255, 0.6)",
+                fontSize: "16px",
+                align: "center"
+              }
+            },
+            splitLine: { show: false },
+            axisTick: { show: false },
+            axisPointer: {
+              snap: true
+            }
+          },
+          {
+            name: "水温\n(℃)",
+            nameTextStyle: {
+              align: "center",
+              fontFamily: "TRENDS",
+              color: "rgba(255, 255, 255, 0.6)",
+              fontSize: "14px",
+              padding: [0, 0, 0, 10]
+            },
+            type: "value",
+            position: "right",
+            offset: 10,
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontFamily: "TRENDS",
+                color: "rgba(255, 255, 255, 0.6)",
+                fontSize: "16px",
+                align: "center"
+              }
+            },
+            splitLine: { show: false },
+            axisTick: { show: false },
+            axisPointer: {
+              snap: true
+            }
+          }
+        ],
+        series: seriesData
+      };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          id: "chart",
+          ref_key: "chartRef",
+          ref: chartRef,
+          class: "chart"
+        }, null, 512)
+      ]);
+    };
+  }
+});
 
-export { _FactorTrendComparison as default };
+export { _sfc_main as default };

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

@@ -1,251 +1,3 @@
-import { defineComponent, toRefs, watch, nextTick, openBlock, createElementBlock, createElementVNode } from 'vue';
-import echarts from '../../utils/echarts/index.mjs';
-import { getFactorGroupList, getManualFactorTrendComparisonData } from '../../api/FactorTrendComparison/index.mjs';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _hoisted_1 = { class: "factor-trend-comparison" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    isHandle: {
-      default: true,
-      type: Boolean
-    },
-    // 是否是手工数据
-    siteId: {
-      default: "",
-      // 23239
-      type: [Number, String]
-    },
-    beginTime: {
-      type: String,
-      required: true
-      // 1660752000000
-    },
-    endTime: {
-      type: String,
-      required: true
-      // 1663344000000
-    },
-    data: {
-      type: Array,
-      default: () => []
-    }
-    // 传入数据
-  },
-  setup(__props) {
-    const props = __props;
-    const state = {
-      factorMap: [],
-      seriesData: [],
-      chartRef: null
-      // 图表实例
-    };
-    const { chartRef } = toRefs(state);
-    watch([() => props.isHandle, () => props.siteId, () => props.beginTime, () => props.endTime, () => props.data], async () => {
-      if (props.data.length) {
-        await nextTick(() => {
-          initChart();
-        });
-        return;
-      }
-      const groupCode = props.isHandle ? "algae" : "algaeAutomatic";
-      const list = await getFactorGroupList({ code: groupCode });
-      state.factorMap = list[0]?.factors || [];
-      state.factorMap.forEach((item) => {
-        const obj = {
-          name: item.factorIndexName,
-          type: "line",
-          symbolSize: 0,
-          yAxisIndex: item.id === "75" ? 1 : item.id === "23" ? 2 : 0,
-          data: []
-        };
-        state.seriesData.push(obj);
-      });
-      await nextTick(() => {
-        initChart();
-      });
-    }, { immediate: true });
-    const getChartData = async (factorId) => {
-      const params = {
-        beginTime: props.beginTime,
-        endTime: props.endTime,
-        factorFlag: false,
-        siteId: props.siteId,
-        dataTimeType: props.isHandle ? 1440 : 60,
-        queryTimeType: props.isHandle ? "day" : "hour",
-        factor: factorId
-      };
-      return await getManualFactorTrendComparisonData(params);
-    };
-    const initChart = () => {
-      let xData = [];
-      state.factorMap.forEach(async (item, index) => {
-        const res = await getChartData(item.id);
-        const timesList = res?.times ?? [];
-        const valueList = res?.dates ?? [];
-        xData = timesList.map((item2) => item2 && item2.substring(5, 11));
-        state.seriesData[index].data = valueList.map((item2) => {
-          return item2?.value ?? null;
-        });
-      });
-      const chart = echarts.init(chartRef.value);
-      setTimeout(async () => {
-        const lineOptions = getChartOptions(xData, state.seriesData);
-        chart.setOption(lineOptions);
-      }, 1500);
-    };
-    const getChartOptions = (xData, seriesData) => {
-      return {
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "line"
-            // 默认为直线，可选为：'line' | 'shadow'
-          }
-        },
-        legend: {
-          show: true,
-          type: "scroll",
-          itemWidth: 12,
-          itemHeight: 12,
-          icon: "circle",
-          bottom: 10,
-          textStyle: {
-            fontFamily: "TRENDS",
-            color: "#909399",
-            fontSize: "12px"
-          }
-        },
-        grid: {
-          top: 60,
-          left: "9%",
-          right: 10,
-          bottom: 40,
-          containLabel: true
-        },
-        color: ["#2AC94F", "#FFE200", "#FF99C3", "#00FFFD", "#ff99c3", "#00fffd", "#ff7815", "#ef33ff"],
-        xAxis: [
-          {
-            type: "category",
-            data: xData,
-            boundaryGap: false,
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: "12",
-                color: "rgba(255,255,255,0.6)"
-              }
-            },
-            axisTick: {
-              show: false,
-              interval: 24
-            }
-          }
-        ],
-        yAxis: [
-          {
-            name: "因子值\n(mg/l)",
-            nameTextStyle: {
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
-              align: "center"
-            },
-            type: "value",
-            offset: 60,
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
-                align: "center",
-                padding: [0, 0, 0, 10]
-              }
-            },
-            splitArea: {
-              show: true,
-              areaStyle: {
-                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
-              }
-            },
-            splitLine: { show: false },
-            axisTick: { show: false },
-            axisPointer: {
-              snap: true
-            }
-          },
-          {
-            name: "叶绿素a\n(μg/l)",
-            nameTextStyle: {
-              align: "center",
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px"
-            },
-            type: "value",
-            position: "left",
-            offset: 10,
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
-                align: "center"
-              }
-            },
-            splitLine: { show: false },
-            axisTick: { show: false },
-            axisPointer: {
-              snap: true
-            }
-          },
-          {
-            name: "水温\n(℃)",
-            nameTextStyle: {
-              align: "center",
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
-              padding: [0, 0, 0, 10]
-            },
-            type: "value",
-            position: "right",
-            offset: 10,
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
-                align: "center"
-              }
-            },
-            splitLine: { show: false },
-            axisTick: { show: false },
-            axisPointer: {
-              snap: true
-            }
-          }
-        ],
-        series: seriesData
-      };
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          id: "chart",
-          ref_key: "chartRef",
-          ref: chartRef,
-          class: "chart"
-        }, null, 512)
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

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

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

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

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

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

@@ -1,7 +1,68 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import * as _1 from './images/1.svg.mjs';
+import * as _2 from './images/2.svg.mjs';
+import * as _3 from './images/3.svg.mjs';
+import * as _4 from './images/4.svg.mjs';
+import * as _5 from './images/5.svg.mjs';
+import * as _6 from './images/6.svg.mjs';
+import * as down from './images/down.svg.mjs';
+import * as right from './images/right.svg.mjs';
+import * as up from './images/up.svg.mjs';
+import { defineComponent, reactive, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle } from 'vue';
 
-const _KeyRiverWaterQualityEvaluation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82672bbb"]]);
+const _hoisted_1 = { class: "key-river flex-around-center" };
+const _hoisted_2 = { class: "key-river-one-name" };
+const _hoisted_3 = { class: "key-river-one-content" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "key-river-one-compare flex-left-center" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "同比", -1);
+const _hoisted_7 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const imgList = /* #__PURE__ */ Object.assign({"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6,"./images/down.svg": down,"./images/right.svg": right,"./images/up.svg": up});
+    const data = reactive({
+      list: [
+        { name: "甬江", level: "优", compare: 1, grade: 1, color: "#5AB1EF" },
+        { name: "余姚江", level: "良好", compare: -1, grade: 3, color: "#42CC70" },
+        { name: "奉化江", level: "轻度", compare: 0, grade: 4, color: "#E8DD3E" }
+      ]
+    });
+    const getImg = (url) => {
+      return imgList[`./images/${url}`]?.default;
+    };
+    const {
+      list
+    } = toRefs(data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "key-river-one flex-center-center"
+          }, [
+            createElementVNode("div", _hoisted_2, toDisplayString(item.name), 1),
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", {
+                class: "key-river-one-content-text",
+                style: normalizeStyle({ color: item.color })
+              }, toDisplayString(item.level), 5),
+              createElementVNode("img", {
+                src: getImg(`${item.grade}.svg`),
+                alt: ""
+              }, null, 8, _hoisted_4)
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              _hoisted_6,
+              createElementVNode("img", {
+                src: getImg(`${item.compare === 1 ? "up" : item.compare === -1 ? "down" : "right"}.svg`),
+                alt: ""
+              }, null, 8, _hoisted_7)
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
 
-export { _KeyRiverWaterQualityEvaluation as default };
+export { _sfc_main as default };

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

@@ -1,69 +1,3 @@
-import * as _1 from './images/1.svg.mjs';
-import * as _2 from './images/2.svg.mjs';
-import * as _3 from './images/3.svg.mjs';
-import * as _4 from './images/4.svg.mjs';
-import * as _5 from './images/5.svg.mjs';
-import * as _6 from './images/6.svg.mjs';
-import * as down from './images/down.svg.mjs';
-import * as right from './images/right.svg.mjs';
-import * as up from './images/up.svg.mjs';
-import { defineComponent, reactive, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle, pushScopeId, popScopeId } from 'vue';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (pushScopeId("data-v-82672bbb"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "key-river flex-around-center" };
-const _hoisted_2 = { class: "key-river-one-name" };
-const _hoisted_3 = { class: "key-river-one-content" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "key-river-one-compare flex-left-center" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "同比", -1));
-const _hoisted_7 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const imgList = /* #__PURE__ */ Object.assign({"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6,"./images/down.svg": down,"./images/right.svg": right,"./images/up.svg": up});
-    const data = reactive({
-      list: [
-        { name: "甬江", level: "优", compare: 1, grade: 1, color: "#5AB1EF" },
-        { name: "余姚江", level: "良好", compare: -1, grade: 3, color: "#42CC70" },
-        { name: "奉化江", level: "轻度", compare: 0, grade: 4, color: "#E8DD3E" }
-      ]
-    });
-    const getImg = (url) => {
-      return imgList[`./images/${url}`]?.default;
-    };
-    const {
-      list
-    } = toRefs(data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "key-river-one flex-center-center"
-          }, [
-            createElementVNode("div", _hoisted_2, toDisplayString(item.name), 1),
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", {
-                class: "key-river-one-content-text",
-                style: normalizeStyle({ color: item.color })
-              }, toDisplayString(item.level), 5),
-              createElementVNode("img", {
-                src: getImg(`${item.grade}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_4)
-            ]),
-            createElementVNode("div", _hoisted_5, [
-              _hoisted_6,
-              createElementVNode("img", {
-                src: getImg(`${item.compare === 1 ? "up" : item.compare === -1 ? "down" : "right"}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_7)
-            ])
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

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

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