@ued_fpi/data-visual 1.0.5 → 1.0.6

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

@@ -0,0 +1,165 @@
+import { i as install } from '../../utils/tools.mjs';
+import { f as ElTooltip } from '../../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
+import { defineComponent, watch, reactive, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, Fragment, renderList, unref, createBlock, withCtx, createCommentVNode } from 'vue';
+import { _ as _imports_0 } from './images/percent-bg.mjs';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { _ as _sfc_main$1 } from '../common/select-panel.mjs';
+import { m as month, f as factor, g as getKeyArea } from './api/index.mjs';
+
+const _hoisted_1 = { class: "dv-wgms-environmental-analysis" };
+const _hoisted_2 = { class: "dv-wgms-factor-box" };
+const _hoisted_3 = { class: "dv-wgms-factor-top" };
+const _hoisted_4 = { class: "dv-wgms-factor-top-name" };
+const _hoisted_5 = { class: "dv-wgms-right-select" };
+const _hoisted_6 = { class: "dv-wgms-factor-body" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("img", {
+  class: "dv-wgms-fator-pie",
+  src: _imports_0
+}, null, -1);
+const _hoisted_8 = { class: "dv-wgms-factor-value" };
+const _hoisted_9 = {
+  key: 0,
+  class: "dv-wgms-factor-name"
+};
+const _hoisted_10 = { class: "dv-wgms-factor-name" };
+const _hoisted_11 = {
+  key: 0,
+  class: "dv-wgms-environmental-no-data"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    beginTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    endTime: {
+      type: Number,
+      default: dayjs().endOf("year").valueOf()
+    },
+    factorGroupId: {
+      type: [Number, String],
+      default: 8
+    },
+    treeId: {
+      type: [Number, String],
+      default: 3301
+    },
+    treeType: {
+      type: Number,
+      default: 1
+    },
+    title: {
+      type: String,
+      default: "断面达标率后三名"
+    },
+    type: {
+      type: String,
+      default: "factor"
+    },
+    limitType: {
+      type: String,
+      default: "top"
+    },
+    limitNum: {
+      type: Number,
+      default: 3
+    },
+    selectList: {
+      type: Array,
+      default: () => [
+        { label: "国控", value: "001" },
+        { label: "省控", value: "001,002" },
+        { label: "市控", value: "001,002,003" },
+        { label: "县控以上", value: "001,002,003,004" }
+      ]
+    },
+    url: {
+      type: String
+    }
+  },
+  emits: ["selectChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    watch(() => [props.beginTime, props.endTime, props.treeId, props.factorGroupId], () => {
+      getData();
+    });
+    const data = reactive({
+      currCheck: 0,
+      list: [],
+      currLevel: "001"
+    });
+    onMounted(async () => {
+      getData();
+    });
+    const getData = async (controlLevel = "001") => {
+      const params = {
+        treeId: props.treeId,
+        treeType: props.treeType,
+        beginTime: props.beginTime,
+        endTime: props.endTime,
+        queryTimeType: "year",
+        factorFlag: true,
+        factor: props.factorGroupId,
+        controlLevel,
+        childFlag: 0
+      };
+      const res = await (props.type === "month" ? month : props.type === "factor" ? factor : getKeyArea)(params, { url: props.url });
+      const resData = res.data || [];
+      data.list = props.limitType === "top" ? resData.slice(0, props.limitNum) : resData.slice(-props.limitNum);
+    };
+    const keyFactorsOrMonthCheck = (item, index) => {
+      data.currLevel = item.value;
+      getData(data.currLevel);
+      emit("selectChange", item, index);
+    };
+    const { list } = toRefs(data);
+    return (_ctx, _cache) => {
+      const _component_ElTooltip = ElTooltip;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, toDisplayString(__props.title), 1),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_sfc_main$1, {
+                option: __props.selectList,
+                "label-style": { fontSize: "14px" },
+                "default-select": 0,
+                onChange: keyFactorsOrMonthCheck
+              }, null, 8, ["option"])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.name,
+                class: "dv-wgms-factor-body-item"
+              }, [
+                _hoisted_7,
+                createElementVNode("div", _hoisted_8, toDisplayString(typeof item.rate === "number" ? `${item.rate}%` : "--"), 1),
+                item.name.length < 5 ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(item.name), 1)) : (openBlock(), createBlock(_component_ElTooltip, {
+                  key: 1,
+                  content: item.name,
+                  placement: "top",
+                  effect: "dark"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_10, toDisplayString(item.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["content"]))
+              ]);
+            }), 128)),
+            !unref(list).length ? (openBlock(), createElementBlock("div", _hoisted_11, " 暂无数据 ")) : createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+const DvWgmsEnvironmentalAnalysis = install(_sfc_main, "EnvironmentalAnalysis");
+
+export { DvWgmsEnvironmentalAnalysis as D };

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

@@ -0,0 +1,232 @@
+import { i as install } from '../../utils/tools.mjs';
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode } from 'vue';
+import { g as getAutomaticTopThreeData, a as getManualTopThreeData } from '../../api/FactorTopThreeRanking/index.mjs';
+import { e as echarts } from '../../utils/echarts/index.mjs';
+import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    height: {
+      type: [String, Number],
+      default: "200px"
+    },
+    type: {
+      default: "automatic",
+      // 默认自动数据 manual（手工数据）
+      type: String
+    },
+    // 时间类型
+    timeType: {
+      type: String,
+      required: true
+      // day
+    },
+    siteCode: {
+      type: String,
+      required: true
+      // zaoleishougong
+    },
+    factorCode: {
+      type: String,
+      required: true
+      // w01016
+    },
+    startTime: {
+      type: String,
+      required: true
+      // 1663257600000
+    },
+    endTime: {
+      type: String,
+      required: true
+      // 1663257600000
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartRef = ref();
+    watch(() => props.type, (val) => {
+      if (val === "automatic")
+        getAutomatic();
+      else if (val === "manual")
+        getManual();
+    }, { immediate: true });
+    async function getAutomatic() {
+      const params = {
+        startTime: props.startTime,
+        endTime: props.endTime,
+        siteCode: props.siteCode,
+        factorCode: props.factorCode,
+        timeType: props.timeType
+      };
+      const res = await getAutomaticTopThreeData(params);
+      initChart(res);
+    }
+    async function getManual() {
+      const params = {
+        timeType: props.timeType,
+        siteCode: props.siteCode,
+        factorCode: props.factorCode,
+        startTime: props.startTime,
+        endTime: props.endTime
+      };
+      const res = await getManualTopThreeData(params);
+      initChart(res);
+    }
+    const initChart = (res) => {
+      const resData = res?.data ?? [];
+      const upData = resData.map((item) => {
+        if (item.value >= 0)
+          return item.value === 0 ? 0 : item.value.toFixed(4);
+        else
+          return "";
+      });
+      const downData = resData.map((item) => {
+        if (item.value < 0)
+          return item.value.toFixed(4);
+        else
+          return "";
+      });
+      const xData = resData.map((item) => {
+        return item.name;
+      });
+      const chart = echarts.init(chartRef.value);
+      const barOptions = getAlgaeBarOptions(xData, upData, downData);
+      chart.setOption(barOptions);
+    };
+    const getHeight = computed(() => {
+      if (typeof props.height === "string")
+        return props.height;
+      else if (typeof props.height === "number")
+        return `${props.height}px`;
+      else
+        return "100%";
+    });
+    const getAlgaeBarOptions = (Xdata, dataUp, dataDown) => {
+      return {
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: Xdata,
+            axisLine: {
+              show: true,
+              lineStyle: {
+                color: "rgba(255, 255, 255, 0.5)"
+              }
+            },
+            axisTick: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              fontFamily: "TRENDS",
+              fontSize: 18,
+              color: "#fff"
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            splitLine: {
+              show: false
+            },
+            axisLabel: {
+              show: false
+            },
+            data: Xdata
+          }
+        ],
+        series: [
+          {
+            name: "",
+            type: "bar",
+            stack: "Total",
+            barWidth: 24,
+            color: "#00e87e",
+            label: {
+              normal: {
+                show: true,
+                position: "top",
+                offset: [0, -4],
+                formatter: "{c}",
+                textStyle: {
+                  color: "#00e87e",
+                  fontFamily: "Furore",
+                  fontSize: 16
+                }
+              }
+            },
+            emphasis: {
+              focus: "series"
+            },
+            data: dataUp
+            // [320, 302, 341, 374, 390, 450, 420]
+          },
+          {
+            name: "",
+            type: "bar",
+            stack: "Total",
+            barWidth: 24,
+            color: "#f2be32",
+            label: {
+              normal: {
+                show: true,
+                position: "top",
+                offset: [0, -4],
+                formatter: "{c}",
+                textStyle: {
+                  color: "#f2be32",
+                  fontFamily: "Furore",
+                  fontSize: 16
+                }
+              }
+            },
+            emphasis: {
+              focus: "series"
+            },
+            data: dataDown
+            // [-120, -132, -101, -134, -190, -230, -210]
+          }
+        ]
+      };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "chlorophyll-a-change-rate",
+        style: normalizeStyle({ "--height": unref(getHeight) })
+      }, [
+        createElementVNode("div", {
+          id: "linkFactorChart",
+          ref_key: "chartRef",
+          ref: chartRef,
+          class: "chart"
+        }, null, 512)
+      ], 4);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_4478bb56_lang = '';
+
+const _FactorTopThreeRanking = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4478bb56"]]);
+
+const FactorTopThreeRanking = install(_FactorTopThreeRanking);
+
+export { FactorTopThreeRanking as F };

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

@@ -0,0 +1,76 @@
+import { i as install } from '../../utils/tools.mjs';
+import { _ as __vite_glob_0_0 } from './images/1.mjs';
+import { _ as __vite_glob_0_1 } from './images/2.mjs';
+import { _ as __vite_glob_0_2 } from './images/3.mjs';
+import { _ as __vite_glob_0_3 } from './images/4.mjs';
+import { _ as __vite_glob_0_4 } from './images/5.mjs';
+import { _ as __vite_glob_0_5 } from './images/6.mjs';
+import { _ as __vite_glob_0_6 } from './images/down.mjs';
+import { _ as __vite_glob_0_7 } from './images/right.mjs';
+import { _ as __vite_glob_0_8 } from './images/up.mjs';
+import { defineComponent, reactive, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle, pushScopeId, popScopeId } from 'vue';
+import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-1d330fef"), 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 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 getAssetsFile = (url) => {
+      return new URL((/* #__PURE__ */ Object.assign({"./images/1.svg": __vite_glob_0_0,"./images/2.svg": __vite_glob_0_1,"./images/3.svg": __vite_glob_0_2,"./images/4.svg": __vite_glob_0_3,"./images/5.svg": __vite_glob_0_4,"./images/6.svg": __vite_glob_0_5,"./images/down.svg": __vite_glob_0_6,"./images/right.svg": __vite_glob_0_7,"./images/up.svg": __vite_glob_0_8}))[`./images/${url}`], self.location).href;
+    };
+    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: getAssetsFile(`${item.grade}.svg`),
+                alt: ""
+              }, null, 8, _hoisted_4)
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              _hoisted_6,
+              createElementVNode("img", {
+                src: getAssetsFile(`${item.compare === 1 ? "up" : item.compare === -1 ? "down" : "right"}.svg`),
+                alt: ""
+              }, null, 8, _hoisted_7)
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_1d330fef_lang = '';
+
+const _KeyRiverWaterQualityEvaluation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d330fef"]]);
+
+const KeyRiverWaterQualityEvaluation = install(_KeyRiverWaterQualityEvaluation);
+
+export { KeyRiverWaterQualityEvaluation as K };