@ued_fpi/data-visual 1.0.5 → 1.0.6

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 _ };

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

@@ -1,384 +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: "water-quality-rainfall" };
-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"
-    },
-    // 因子名称
-    factorName: {
-      type: String,
-      default: "总磷(以 P 计）"
-    },
-    // 因子单位
-    factorUnit: {
-      type: String,
-      default: "mg/L"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartQualityRainfall = ref();
-    const data = reactive({
-      title: "水质-雨量-水位趋势对比图",
-      unit: "mg/L",
-      factorName: "总磷(以 P 计）",
-      params: {
-        startTime: 16706016e5,
-        endTime: 1671206399999,
-        factorCode: "w21011",
-        siteCode: "JMSZSY0007",
-        timeType: "day"
-      }
-    });
-    watch(() => [props.startTime, props.endTime, props.factorCode, props.siteCode, props.timeType], () => {
-      initData();
-    });
-    onMounted(async () => {
-      await nextTick();
-      initData();
-    });
-    const initData = () => {
-      data.params = {
-        startTime: props?.startTime,
-        endTime: props?.endTime,
-        factorCode: props?.factorCode,
-        siteCode: props?.siteCode,
-        timeType: props?.timeType
-      };
-      data.factorName = props?.factorName;
-      data.unit = props?.factorUnit;
-      getData();
-    };
-    const getData = async () => {
-      const xData = ["12-17", "12-18", "12-19", "12-20", "12-21", "12-22", "12-23"];
-      const seriesData = {
-        hydrology: [10, 3, 12, 23, 13, 34, 25],
-        factorValue: ["0.031", "0.017", "0.02", "0.027", "0.029", "0.018", "0.023"],
-        rain: [1, 23, 2, 21, 2, 3, 5, 8],
-        quality: [2, 1, 5, 5, 3, 4, 2, 1]
-      };
-      const lineOptions = await initWaterQuality(xData, seriesData, data.unit, data.factorName);
-      echarts.draw(chartQualityRainfall.value, lineOptions);
-    };
-    const initWaterQuality = (xAxis, data2, unit, factorName) => {
-      const { hydrology, factorValue, rain, quality } = data2;
-      const gradeList = [];
-      const option = {
-        grid: {
-          top: 55,
-          right: 26,
-          bottom: 45,
-          left: 80
-        },
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "line"
-          },
-          textStyle: {
-            color: "#b9cfe2",
-            fontFamily: "PingFang SC"
-          },
-          formatter: (params) => {
-            let str = `<div>${params[0].axisValue}</div>`;
-            params.forEach((item, index) => {
-              let unit2 = "";
-              if (index === 0)
-                unit2 = "mm/h";
-              else if (index === 1)
-                unit2 = "mg/L";
-              else
-                unit2 = "m";
-              str += `<div>${item.marker}${item.seriesName}：${item.value ? item.value : "--"}${unit2}</div>`;
-            });
-            return str;
-          }
-        },
-        legend: {
-          show: true,
-          // right: 'center',
-          bottom: 0,
-          inactiveColor: "rgba(255,255,255,0.5)",
-          textStyle: {
-            color: "rgba(255,255,255,1)"
-          },
-          itemHeight: 2,
-          itemWidth: 16,
-          data: [
-            {
-              name: "降雨量趋势",
-              icon: "rect"
-            },
-            {
-              name: factorName,
-              icon: "rect"
-            },
-            {
-              name: "水位趋势",
-              icon: "rect"
-            }
-          ]
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: "rgba(255,255,255,0.5)"
-            }
-          },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              fontFamily: "Bebas Neue",
-              fontSize: "12",
-              color: "rgba(255,255,255,0.6)"
-            }
-          },
-          axisTick: {
-            show: false
-          },
-          data: xAxis
-        },
-        yAxis: [
-          {
-            // 降雨量
-            type: "value",
-            name: "降雨量\n(mm/h)",
-            nameLocation: "start",
-            nameTextStyle: {
-              align: "right",
-              color: "rgba(255,255,255,1)"
-            },
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "Oswald",
-                fontSize: "12",
-                color: "#909399"
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,1)"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: "rgba(255, 255, 255, 0.15)"
-              }
-            },
-            axisTick: { show: false },
-            inverse: true
-          },
-          {
-            // 氨氮
-            type: "value",
-            name: `监测值
-(${unit})`,
-            nameTextStyle: {
-              align: "right",
-              color: "rgba(255,255,255,1)"
-            },
-            position: "left",
-            offset: 40,
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "Oswald",
-                fontSize: "12",
-                color: "#909399"
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitArea: {
-              show: false,
-              areaStyle: {
-                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
-              }
-            },
-            splitLine: { show: false },
-            axisTick: { show: false }
-          },
-          {
-            // 水位
-            type: "value",
-            name: "水位(m)",
-            nameTextStyle: {
-              color: "rgba(255,255,255,1)"
-            },
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "Bebas Neue",
-                fontSize: "12",
-                color: "rgba(255,255,255,0.6)"
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitLine: { show: false },
-            axisTick: { show: false }
-          }
-        ],
-        series: [
-          {
-            name: "降雨量趋势",
-            type: "line",
-            // smooth: true,
-            showSymbol: false,
-            yAxisIndex: 0,
-            lineStyle: {
-              color: "rgba(217, 204, 76, 1)",
-              opacity: 1,
-              width: 0.5
-            },
-            areaStyle: {
-              color: "rgba(217, 204, 76, .5)"
-            },
-            data: rain
-          },
-          {
-            name: factorName,
-            type: "line",
-            smooth: false,
-            connectNulls: true,
-            yAxisIndex: 1,
-            symbol: "circle",
-            showSymbol: false,
-            lineStyle: {
-              color: "rgba(0, 221, 255, 1)",
-              type: "solid"
-            },
-            markPoint: {
-              show: false,
-              itemStyle: {
-                color: ["#f00"]
-              }
-            },
-            label: {
-              show: true,
-              fontFamily: "Bebas Neue",
-              fontSize: "12",
-              color: "rgba(255,255,255,0.6)"
-            },
-            // data: factorValue.map((item, index) => {
-            //     return {
-            //         value: item,
-            //         itemStyle: {
-            //             color: 'white'
-            //         }
-            //     }
-            // })
-            data: factorValue.map((item, index) => {
-              const currData = gradeList.filter((item2) => item2.level === Number(quality[index])) || [{
-                color: "#6D7278"
-              }];
-              return {
-                value: item,
-                itemStyle: {
-                  color: currData.length ? currData[0].color : "#6D7278"
-                }
-              };
-            })
-            // markArea: {
-            //     silent: true,
-            //     data: [
-            //         {
-            //             name: '达标',
-            //             label: {
-            //                 position: 'left',
-            //                 color: 'rgba(255,255,255,0.5)'
-            //             },
-            //             itemStyle: {
-            //                 color: 'transparent',
-            //                 borderColor: '#5FE81B',
-            //                 borderWidth: 7
-            //             },
-            //             x: '96.5',
-            //             yAxis: 15
-            //         },
-            //         { x: '1.5', yAxis: 10 }
-            //     ]
-            // }
-          },
-          {
-            name: "水位趋势",
-            type: "line",
-            // smooth: true,
-            showSymbol: false,
-            yAxisIndex: 2,
-            areaStyle: {
-              color: "rgba(238, 142, 0, .5)"
-            },
-            markPoint: {
-              show: false
-            },
-            lineStyle: {
-              color: "rgba(238, 142, 0, 1)",
-              opacity: 1,
-              width: 0.5
-            },
-            data: hydrology
-          }
-        ]
-      };
-      return option;
-    };
-    toRefs(data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "chartQualityRainfall",
-          ref: chartQualityRainfall,
-          class: "chart"
-        }, null, 512)
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as _ };

package/dist/es/wgms/src/WaterQualityRainfall/index.vue_vue_type_style_index_0_scoped_fb035a86_lang.scss.mjs

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

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

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

package/dist/es/wgms/src/WaterQualityStatus/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_54fbea72_lang.scss.mjs';
-import { a as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.vue.mjs';
-
-const _WaterQualityStatus = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54fbea72"]]);
-
-export { _WaterQualityStatus as _ };

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

@@ -1,66 +0,0 @@
-import { defineComponent, reactive, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createVNode, pushScopeId, popScopeId } from 'vue';
-import { _ as _imports_0 } from './images/up.svg.mjs';
-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 _withScopeId = (n) => (pushScopeId("data-v-54fbea72"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "water-quality" };
-const _hoisted_2 = { class: "water-quality-status-top flex-between-center" };
-const _hoisted_3 = { class: "label" };
-const _hoisted_4 = { class: "rate" };
-const _hoisted_5 = { class: "water-quality-status-bottom flex-between-center" };
-const _hoisted_6 = { class: "target" };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "text" }, "目标", -1));
-const _hoisted_8 = { class: "value" };
-const _hoisted_9 = { class: "same" };
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "text" }, "同比", -1));
-const _hoisted_11 = { class: "value" };
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const data = reactive({
-      mockList: [
-        { label: "国控优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "省控以上优", grade: "III", percentage: 94.6, target: 100, same: -7.7 },
-        { label: "市控以上优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "交接断面达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "饮用水源达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 }
-      ]
-    });
-    const {
-      mockList
-    } = toRefs(data);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(mockList), (item, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "water-quality-status"
-          }, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, toDisplayString(item.label) + toDisplayString(item.grade), 1),
-              createElementVNode("div", _hoisted_4, toDisplayString(item.percentage) + "% ", 1)
-            ]),
-            createVNode(_sfc_main$1, {
-              percentage: item.percentage
-            }, null, 8, ["percentage"]),
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
-                _hoisted_7,
-                createElementVNode("span", _hoisted_8, toDisplayString(item.target) + "%", 1)
-              ]),
-              createElementVNode("div", _hoisted_9, [
-                _hoisted_10,
-                createElementVNode("span", _hoisted_11, toDisplayString(item.same) + "%", 1),
-                _hoisted_12
-              ])
-            ])
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as _ };

package/dist/es/wgms/src/WaterQualityStatus/index.vue_vue_type_style_index_0_scoped_54fbea72_lang.scss.mjs

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

package/dist/es/wgms/src/common/ProgressBar.vue.mjs

@@ -1,2 +0,0 @@
-import { _ as _sfc_main } from './ProgressBar.vue_vue_type_script_setup_true_lang.ts.mjs';
-import './ProgressBar.vue_vue_type_style_index_0_lang.scss.mjs';

package/dist/es/wgms/src/common/ProgressBar.vue_vue_type_script_setup_true_lang.ts.mjs

@@ -1,67 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode } from 'vue';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ProgressBar",
-  props: {
-    /**
-     * 进度条高度
-     */
-    barHeight: {
-      type: Number,
-      default: 8
-    },
-    /**
-     * 进度条背景色
-     */
-    bgColor: {
-      type: String,
-      default: "rgba(255, 255, 255, 0.1)"
-    },
-    /**
-     * 激活部分背景色
-     */
-    activeColor: {
-      type: String,
-      default: "linear-gradient(270deg, #00DEFF 0%, rgba(0,222,255,0.20) 100%)"
-    },
-    /**
-     * 百分比
-     */
-    percentage: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * 手柄颜色
-     */
-    handleStyle: {
-      type: Object,
-      default: () => {
-        return {
-          background: "#00DEFF",
-          width: "2px",
-          height: "12px"
-        };
-      }
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "bar-box",
-        style: normalizeStyle({ height: `${__props.barHeight}px`, background: __props.bgColor })
-      }, [
-        createElementVNode("div", {
-          class: "stand-bar",
-          style: normalizeStyle({ width: `${__props.percentage}%`, background: __props.activeColor })
-        }, null, 4),
-        createElementVNode("div", {
-          class: "bar-head",
-          style: normalizeStyle(__props.handleStyle)
-        }, null, 4)
-      ], 4);
-    };
-  }
-});
-
-export { _sfc_main as _ };

package/dist/es/wgms/src/common/ProgressBar.vue_vue_type_style_index_0_lang.scss.mjs

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

package/dist/es/wgms/src/common/select-panel.vue.mjs

@@ -1,2 +0,0 @@
-import { _ as _sfc_main } from './select-panel.vue_vue_type_script_setup_true_name_SelectPanel_lang.ts.mjs';
-import './select-panel.vue_vue_type_style_index_0_lang.scss.mjs';