@ued_fpi/data-visual 1.0.5 → 1.0.7

package/dist/es/wgms/src/UpstreamImpact/index.vue_vue_type_script_setup_true_lang.ts.mjs

@@ -1,319 +0,0 @@
-import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode } from 'vue';
-import { d as dayjs } from '../../../vendor.mjs';
-import { e as echarts } from '../../utils/echarts/index.ts.mjs';
-
-const _hoisted_1 = { class: "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
-    }
-  },
-  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"
-      }
-    });
-    watch(() => [props.time, props.factorCode, props.siteCode, props.timeType], () => {
-      initData();
-    });
-    onMounted(async () => {
-      await nextTick();
-      initData();
-    });
-    const initData = () => {
-      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 getData = async () => {
-      const res = {
-        data: [{
-          value: "1.220",
-          siteName: "柴桥水厂",
-          coefficient: null,
-          alarmNum: "0",
-          rank: 0,
-          quality: 4,
-          coefficientDoubleValue: 0,
-          coefficientPre: ""
-        }, {
-          value: "1.320",
-          siteName: "苕溪1",
-          coefficient: 2,
-          alarmNum: "0",
-          rank: 0,
-          quality: 2,
-          coefficientDoubleValue: 1,
-          coefficientPre: ""
-        }]
-      };
-      console.log(res);
-      const waterQualityData = {
-        xAxis: [],
-        data: [],
-        qualitys: []
-      };
-      const juageArr = [];
-      const resData = res.data || [];
-      resData.forEach((item) => {
-        waterQualityData.xAxis.push(item.siteName);
-        waterQualityData.data.push(item.value);
-        waterQualityData.qualitys.push(item.quality);
-        item.value === "" ? juageArr.push(item.value) : 0;
-      });
-      const lineOptions = await upImpactLine(waterQualityData, props.standardValue, "", data.factorName || "");
-      echarts.draw(chartUpstreamImpact.value, lineOptions);
-    };
-    const upImpactLine = async (list, standardValue, dataTimeStr, factorName) => {
-      const { xAxis, data: data2, qualitys } = list;
-      const colors = ["#03A9F4", "#1976D2", "#85C940", "#D9CD4C", "#EF8E00", "#E12214"];
-      const 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 = gradeList.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}水质等级：${gradeList.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 = data2.length;
-              if (index !== length - 1 || value.length <= 6 || length === 1)
-                return value;
-              return `{a|${value}}`;
-            },
-            textStyle: {
-              rich: {
-                a: {
-                  align: "left",
-                  width: 160
-                }
-              },
-              color: "#ffffff"
-            }
-          },
-          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(standardValue))
-                return Math.ceil(value.max);
-              else
-                return Math.ceil(Number(standardValue));
-            }
-          }
-        ],
-        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: data2.map((item, index) => {
-              return {
-                value: item,
-                itemStyle: {
-                  color: colors[index] || "#6D7278"
-                }
-              };
-            }),
-            markLine: {
-              type: "average",
-              lineStyle: {
-                color: "#FF1744"
-              },
-              symbol: "none",
-              data: [
-                {
-                  yAxis: standardValue,
-                  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 _ };

package/dist/es/wgms/src/UpstreamImpact/index.vue_vue_type_style_index_0_scoped_61334ec4_lang.scss.mjs

@@ -1 +0,0 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_61334ec4_lang = '';

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

@@ -1,6 +0,0 @@
-import { i as install } from '../../utils/tools.ts.mjs';
-import { _ as _UpstreamSection } from './index.vue.mjs';
-
-const UpstreamSection = install(_UpstreamSection);
-
-export { UpstreamSection as U };

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

@@ -1,7 +0,0 @@
-import { _ as _sfc_main } from './index.vue_vue_type_script_setup_true_lang.ts.mjs';
-import './index.vue_vue_type_style_index_0_scoped_dd839b74_lang.scss.mjs';
-import { a as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.vue.mjs';
-
-const _UpstreamSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd839b74"]]);
-
-export { _UpstreamSection as _ };

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

@@ -1,64 +0,0 @@
-import { defineComponent, reactive, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString, createVNode, createStaticVNode } from 'vue';
-import { _ as _sfc_main$1 } from '../common/ProgressBar.vue_vue_type_script_setup_true_lang.ts.mjs';
-import '../common/ProgressBar.vue_vue_type_style_index_0_lang.scss.mjs';
-
-const _hoisted_1 = { class: "upstream-section" };
-const _hoisted_2 = { class: "section-correlation-table" };
-const _hoisted_3 = /* @__PURE__ */ createStaticVNode('<div class="section-correlation-list header" data-v-dd839b74><span class="sort" data-v-dd839b74></span><span class="name" data-v-dd839b74></span><div class="progress" data-v-dd839b74><span class="text" data-v-dd839b74>氮</span><span class="text" data-v-dd839b74>磷</span></div><span class="alarm" data-v-dd839b74>报警数</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 _ };

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

@@ -1 +0,0 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_dd839b74_lang = '';

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

@@ -1,6 +0,0 @@
-import { i as install } from '../../utils/tools.ts.mjs';
-import { _ as _WaterEnvironmentOnlineMonitor } from './index.vue.mjs';
-
-const WaterEnvironmentOnlineMonitor = install(_WaterEnvironmentOnlineMonitor);
-
-export { WaterEnvironmentOnlineMonitor as W };

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

@@ -1,7 +0,0 @@
-import { _ as _sfc_main } from './index.vue_vue_type_script_setup_true_lang.ts.mjs';
-import './index.vue_vue_type_style_index_0_scoped_297a4fa7_lang.scss.mjs';
-import { a as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.vue.mjs';
-
-const _WaterEnvironmentOnlineMonitor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-297a4fa7"]]);
-
-export { _WaterEnvironmentOnlineMonitor as _ };

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

@@ -1,38 +0,0 @@
-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 _ };

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

@@ -1 +0,0 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_297a4fa7_lang = '';

package/dist/es/wgms/src/WaterQualityClassification/index.ts.mjs

@@ -1,6 +0,0 @@
-import { i as install } from '../../utils/tools.ts.mjs';
-import { _ as _WaterQualityClassification } from './index.vue.mjs';
-
-const WaterQualityClassification = install(_WaterQualityClassification);
-
-export { WaterQualityClassification as W };

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

@@ -1,7 +0,0 @@
-import { _ as _sfc_main } from './index.vue_vue_type_script_setup_true_lang.ts.mjs';
-import './index.vue_vue_type_style_index_0_scoped_dff18f78_lang.scss.mjs';
-import { a as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.vue.mjs';
-
-const _WaterQualityClassification = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dff18f78"]]);
-
-export { _WaterQualityClassification as _ };

package/dist/es/wgms/src/WaterQualityClassification/index.vue_vue_type_script_setup_true_lang.ts.mjs

@@ -1,81 +0,0 @@
-import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, pushScopeId, popScopeId } from 'vue';
-import { _ as _imports_0 } from './images/up.svg.mjs';
-import { e as echarts } from '../../utils/echarts/index.ts.mjs';
-import { p as pieChartOptions } from '../../utils/echarts/echartsOptions.ts.mjs';
-
-const _withScopeId = (n) => (pushScopeId("data-v-dff18f78"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "water-category" };
-const _hoisted_2 = { class: "section-water-quality-lengend" };
-const _hoisted_3 = { class: "name" };
-const _hoisted_4 = { class: "flex-num" };
-const _hoisted_5 = { class: "num" };
-const _hoisted_6 = { class: "percent" };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "text" }, "同比", -1));
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0,
-  alt: ""
-}, null, -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const chartPie = ref();
-    const mockData = [
-      { grade: "Ⅰ类", days: 8, rate: 7.6, same: 20.7, color: "#03A9F4" },
-      { grade: "Ⅱ类", days: 34, rate: 32.3, same: 5.2, color: "#1976D2" },
-      { grade: "Ⅲ类", days: 34, rate: 32.3, same: 0.9, color: "#85C941" },
-      { grade: "Ⅳ类", days: 17, rate: 16.1, same: 5.2, color: "#D9CC4C" },
-      { grade: "Ⅴ类", days: 6, rate: 5.7, same: 48.3, color: "#EE8E00" },
-      { grade: "劣Ⅴ类", days: 6, rate: 5.7, same: 5.7, color: "#E12234" }
-    ];
-    const colorList = ["#03A9F4", "#1976D2", "#85C941", "#D9CC4C", "#EE8E00", "#E12234"];
-    onMounted(async () => {
-      await nextTick();
-      loadChart();
-    });
-    const loadChart = () => {
-      const seriesData = mockData.map((item) => {
-        return {
-          name: item.grade,
-          value: item.days
-        };
-      });
-      const options = pieChartOptions(seriesData, colorList, 105);
-      echarts.draw(chartPie.value, options);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "chartPie",
-          ref: chartPie,
-          class: "chart-pie"
-        }, null, 512),
-        createElementVNode("div", _hoisted_2, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(mockData, (item) => {
-            return createElementVNode("div", {
-              key: item.grade,
-              class: "lengend-item"
-            }, [
-              createElementVNode("span", {
-                class: "icon",
-                style: normalizeStyle({ background: item.color })
-              }, null, 4),
-              createElementVNode("span", _hoisted_3, toDisplayString(item.grade), 1),
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("span", _hoisted_5, toDisplayString(item.days), 1),
-                createElementVNode("span", _hoisted_6, "/" + toDisplayString(item.rate) + "%", 1)
-              ]),
-              _hoisted_7,
-              createElementVNode("span", {
-                class: "compare",
-                style: normalizeStyle({ color: item?.same > 0 ? "#36F097" : item?.same < 0 ? "#F84439" : "#00DDFF" })
-              }, toDisplayString(item.same ?? "--") + "%", 5),
-              _hoisted_8
-            ]);
-          }), 64))
-        ])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as _ };

package/dist/es/wgms/src/WaterQualityClassification/index.vue_vue_type_style_index_0_scoped_dff18f78_lang.scss.mjs

@@ -1 +0,0 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_dff18f78_lang = '';

package/dist/es/wgms/src/WaterQualityRainfall/index.ts.mjs

@@ -1,6 +0,0 @@
-import { i as install } from '../../utils/tools.ts.mjs';
-import { _ as _WaterQualityRainfall } from './index.vue.mjs';
-
-const WaterQualityRainfall = install(_WaterQualityRainfall);
-
-export { WaterQualityRainfall as W };

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

@@ -1,7 +0,0 @@
-import { _ as _sfc_main } from './index.vue_vue_type_script_setup_true_lang.ts.mjs';
-import './index.vue_vue_type_style_index_0_scoped_fb035a86_lang.scss.mjs';
-import { a as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.vue.mjs';
-
-const _WaterQualityRainfall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fb035a86"]]);
-
-export { _WaterQualityRainfall as _ };