@ued_fpi/data-visual 1.2.14 → 1.2.15

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

@@ -28,9 +28,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } },
     data: { default: () => {
       return [];
-    } }
+    } },
+    isLazy: { type: Boolean, default: false }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const wgmsData = reactive({
       list: []
@@ -44,11 +45,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       res && (wgmsData.list = res);
     };
     onMounted(() => {
-      getResData();
+      !props.isLazy && getResData();
     });
-    watch([() => props.params, () => props.data], () => {
-      getResData();
+    watch([() => props.params, () => props.data, () => props.isLazy], () => {
+      !props.isLazy && getResData();
     }, { deep: true });
+    __expose({
+      reload: getResData
+    });
     const {
       list
     } = toRefs(wgmsData);

package/dist/es/wgms/src/common/common-arrow.vue.d.ts

@@ -1,15 +1,15 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     direction: {
-        type: PropType<"flat" | "up" | "down">;
+        type: PropType<"flat" | "up" | "down" | "up-red" | "down-green">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
-        type: PropType<"flat" | "up" | "down">;
+        type: PropType<"flat" | "up" | "down" | "up-red" | "down-green">;
         default: string;
     };
 }>>, {
-    direction: "flat" | "up" | "down";
+    direction: "flat" | "up" | "down" | "up-red" | "down-green";
 }, {}>;
 export default _default;

package/dist/es/wgms/src/common/popup-table.vue.d.ts

@@ -0,0 +1,114 @@
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * 配置项用于生成表格
+     */
+    option: {
+        type: PropType<Partial<import("./type/popup-table").popTableOptionAllTs>[]>;
+        default: () => never[];
+    };
+    /**
+     * 表格数据
+     */
+    data: {
+        type: PropType<Record<string, any>>;
+        default: () => never[];
+    };
+    /**
+     * 表格高度
+     */
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * 表格可以点击 会有点击样式
+     */
+    canClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lineStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    headerLineStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    headerCellStyle: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    lineCellStyle: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {
+    clearClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checkLine"[], "checkLine", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 配置项用于生成表格
+     */
+    option: {
+        type: PropType<Partial<import("./type/popup-table").popTableOptionAllTs>[]>;
+        default: () => never[];
+    };
+    /**
+     * 表格数据
+     */
+    data: {
+        type: PropType<Record<string, any>>;
+        default: () => never[];
+    };
+    /**
+     * 表格高度
+     */
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * 表格可以点击 会有点击样式
+     */
+    canClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lineStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    headerLineStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    headerCellStyle: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    lineCellStyle: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & {
+    onCheckLine?: ((...args: any[]) => any) | undefined;
+}, {
+    data: Record<string, any>;
+    option: Partial<import("./type/popup-table").popTableOptionAllTs>[];
+    height: number;
+    canClick: boolean;
+    lineStyle: Record<string, any>;
+    headerLineStyle: Record<string, any>;
+    headerCellStyle: Record<string, any>;
+    lineCellStyle: Record<string, any>;
+}, {}>, Record<string, (_: {
+    optionItem: Partial<import("./type/popup-table").popTableOptionAllTs>;
+    row: any;
+}) => any>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/wgms/src/common/popup-table.vue.mjs

@@ -0,0 +1,174 @@
+import { ElScrollbar } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/scrollbar/style/css';
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, createVNode, toDisplayString, withCtx, normalizeClass, unref, renderSlot } from 'vue';
+import _sfc_main$1 from './select-panel.vue.mjs';
+import './select-panel.vue2.mjs';
+
+const _hoisted_1 = { class: "dv-wgms-popup-table-container" };
+const _hoisted_2 = {
+  key: 0,
+  style: { "width": "fit-content", "margin": "0 auto" }
+};
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popup-table",
+  props: {
+    /**
+     * 配置项用于生成表格
+     */
+    option: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    /**
+     * 表格数据
+     */
+    data: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    /**
+     * 表格高度
+     */
+    height: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * 表格可以点击 会有点击样式
+     */
+    canClick: {
+      type: Boolean,
+      default: false
+    },
+    lineStyle: {
+      type: Object,
+      default: void 0
+    },
+    headerLineStyle: {
+      type: Object,
+      default: void 0
+    },
+    headerCellStyle: {
+      type: Object,
+      default: () => {
+      }
+    },
+    lineCellStyle: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["checkLine"],
+  setup(__props, { expose: __expose, emit }) {
+    const currIndex = ref(-1);
+    const getData = (optionItem, item) => {
+      if (optionItem.render)
+        return optionItem.render(item, optionItem);
+      return optionItem.key ? item[optionItem.key] : "/";
+    };
+    const checkLine = (item, index) => {
+      if (currIndex.value === index) {
+        currIndex.value = -1;
+        emit("checkLine", item, -1);
+        return;
+      }
+      currIndex.value = index;
+      emit("checkLine", item, index);
+    };
+    const clearClick = () => {
+      currIndex.value = -1;
+    };
+    __expose({
+      clearClick
+    });
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = ElScrollbar;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "table-header",
+          style: normalizeStyle(__props.headerLineStyle)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.option, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.key,
+              class: "table-header-item",
+              style: normalizeStyle({ flex: item.flex, ...item.headerStyle, ...__props.headerCellStyle })
+            }, [
+              item.type === "select" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(_sfc_main$1, {
+                  option: item.list,
+                  "default-select": item.defaultSelect,
+                  "label-style": { fontSize: "12px", color: "#60A2E1" },
+                  arrow: "line",
+                  onChange: item.click
+                }, null, 8, ["option", "default-select", "onChange"])
+              ])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.label), 1))
+            ], 4);
+          }), 128))
+        ], 4),
+        createVNode(_component_el_scrollbar, {
+          class: "table-body",
+          style: normalizeStyle({ height: `${__props.height}px` })
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: normalizeClass(["table-body-line", [Number(index) === unref(currIndex) && __props.canClick ? "is-check-line" : ""]]),
+                style: normalizeStyle(__props.lineStyle),
+                onClick: ($event) => checkLine(item, Number(index))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.option, (optionItem) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: optionItem.key,
+                    class: normalizeClass(`table-body-item ${optionItem.class}`),
+                    style: normalizeStyle({
+                      flex: optionItem.flex,
+                      ...optionItem.rowStyle,
+                      ...optionItem.renderStyle ? optionItem.renderStyle(item, optionItem) : {},
+                      ...__props.lineCellStyle
+                    })
+                  }, [
+                    optionItem.type === "tool" ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "tool-box",
+                      style: normalizeStyle({
+                        justifyContent: optionItem.toolList && optionItem.toolList.length === 1 ? "center" : ""
+                      })
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(optionItem.toolList, (toolItem, ind) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: ind,
+                          class: "tool-item",
+                          onClick: ($event) => toolItem.click && toolItem.click(item, optionItem)
+                        }, toDisplayString(toolItem.label), 9, _hoisted_5);
+                      }), 128))
+                    ], 4)) : renderSlot(_ctx.$slots, optionItem.key, {
+                      key: 1,
+                      optionItem,
+                      row: item
+                    }, () => [
+                      createElementVNode("span", null, toDisplayString(getData(optionItem, item)), 1)
+                    ])
+                  ], 6);
+                }), 128))
+              ], 14, _hoisted_4);
+            }), 128))
+          ]),
+          _: 3
+        }, 8, ["style"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/wgms/src/common/popup-table.vue2.mjs

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

package/dist/es/wgms/src/common/popup-table.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './popup-table.vue.mjs';
+import './popup-table.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/wgms/src/common/type/popup-table.d.ts

@@ -0,0 +1,24 @@
+export interface popTableOptionAllTs {
+    label: string;
+    key: string;
+    flex: number;
+    type: 'tool' | 'select';
+    class: string;
+    list: selectPanelTs[];
+    defaultSelect: number;
+    click: (item: Record<string, any>, optionItem: popTableOptionAllTs) => any;
+    headerStyle: Record<string, any>;
+    rowStyle: Record<string, any>;
+    toolList: {
+        label: string;
+        click: (item: Record<string, any>, itemOption: Partial<popTableOptionAllTs>) => any;
+    }[];
+    render: (val: Record<string, any>, optionItem: Partial<popTableOptionTs>) => string | number;
+    renderStyle: (val: Record<string, any>, item: Partial<popTableOptionTs>) => Record<string, any>;
+}
+export type popTableOptionTs = Partial<popTableOptionAllTs>;
+export interface selectPanelTs {
+    value: string | number | boolean;
+    label: string;
+    selectLabel?: string;
+}

package/dist/es/wgms/src/index.d.ts

@@ -21,3 +21,10 @@ export * from './ChangesAlongTheProcess';
 export * from './FactorTrendComparison';
 export * from './NPTrendChange';
 export * from './PollutionSourceControl';
+export * from './WaterQualitySituation';
+export * from './RegionalQualityAnalysis';
+export * from './WaterQualityStatesAnalysis';
+export * from './WaterQualityRegionalComprehensive';
+export * from './StationWaterQualityStatistics';
+export * from './SourceMonitoring';
+export * from './DistributionOfWaterQualityLevels';

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

@@ -21,3 +21,10 @@ export { DvWgmsChangesAlongTheProcess } from './ChangesAlongTheProcess/index.mjs
 export { DvWgmsFactorTrendComparison } from './FactorTrendComparison/index.mjs';
 export { DvWgmsNPTrendChange } from './NPTrendChange/index.mjs';
 export { DvWgmsPollutionSourceControl } from './PollutionSourceControl/index.mjs';
+export { DvWgmsWaterQualitySituation } from './WaterQualitySituation/index.mjs';
+export { DvWgmsRegionalQualityAnalysis } from './RegionalQualityAnalysis/index.mjs';
+export { DvWgmsWaterQualityStatesAnalysis } from './WaterQualityStatesAnalysis/index.mjs';
+export { DvWgmsWaterQualityRegionalComprehensive } from './WaterQualityRegionalComprehensive/index.mjs';
+export { DvWgmsStationWaterQualityStatistics } from './StationWaterQualityStatistics/index.mjs';
+export { DvWgmsSourceMonitoring } from './SourceMonitoring/index.mjs';
+export { DvWgmsDistributionOfWaterQualityLevels } from './DistributionOfWaterQualityLevels/index.mjs';

package/dist/es/wgms/utils/echarts/echartsOptions.d.ts

@@ -65,3 +65,139 @@ export declare const pollutionSourcePieOptions: (pieData: Record<string, any>[])
         };
     }[];
 };
+export declare const getDizhouQualityAnalysisOption: (xData: string[], goodList: number[], badList: number[]) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+    };
+    color: string[];
+    grid: {
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    legend: {
+        show: boolean;
+        bottom: number;
+        left: string;
+        icon: string;
+        itemWidth: number;
+        textStyle: {
+            fontSize: string;
+            color: string;
+        };
+    };
+    xAxis: {
+        type: string;
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        data: string[];
+    }[];
+    yAxis: {
+        name: string;
+        nameTextStyle: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            padding: number[];
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+    }[];
+    series: {
+        name: string;
+        type: string;
+        barWidth: number;
+        data: number[];
+        itemStyle: {
+            color: string;
+        };
+    }[];
+};
+export declare const comprehensiveWaterQualityOption: (xData: string[], yData: number[]) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+        formatter(params: any): string;
+    };
+    color: string[];
+    grid: {
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    xAxis: {
+        type: string;
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        data: string[];
+    }[];
+    yAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+    }[];
+    series: {
+        name: string;
+        type: string;
+        data: number[];
+        lineStyle: {
+            color: string;
+        };
+    }[];
+};