@ued_fpi/data-visual 1.2.15 → 1.2.19

package/dist/es/bmp/src/AlgaeMonitoring/components/ProgressBar.vue.mjs

@@ -0,0 +1,113 @@
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, createElementVNode, unref, createCommentVNode } from 'vue';
+
+const _hoisted_1 = {
+  viewBox: "0 0 100 100",
+  class: "progress-bar"
+};
+const _hoisted_2 = {
+  id: "grad1",
+  x1: "0%",
+  y1: "0%",
+  x2: "0%",
+  y2: "100%"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("stop", {
+  class: "grad1-stop1",
+  offset: "0%"
+}, null, -1);
+const _hoisted_4 = ["offset", "stop-opacity"];
+const _hoisted_5 = {
+  id: "grad2",
+  x1: "0%",
+  y1: "0%",
+  x2: "0%",
+  y2: "100%"
+};
+const _hoisted_6 = ["stop-opacity"];
+const _hoisted_7 = ["offset"];
+const _hoisted_8 = ["stroke-dasharray"];
+const _hoisted_9 = ["stroke-dasharray"];
+const pie = 3.141592653;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProgressBar",
+  props: {
+    rate: { default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const r = ref(45);
+    const perimeter = r.value * pie * 2;
+    const leftPathShow = ref(false);
+    const leftDasharray = ref("");
+    const leftOffset = ref("0%");
+    const leftColorOPacity = ref(0);
+    const rightPathShow = ref(false);
+    const rightDasharray = ref("");
+    const rightOffset = ref("0%");
+    watchEffect(() => {
+      if (props.rate === 0) {
+        leftPathShow.value = false;
+        rightPathShow.value = false;
+      } else if (props.rate <= 0.5) {
+        leftPathShow.value = true;
+        rightPathShow.value = false;
+        leftDasharray.value = `${perimeter * props.rate} ${perimeter * (0.5 - props.rate)}`;
+        leftOffset.value = `${props.rate * 200}%`;
+        leftColorOPacity.value = 1;
+      } else {
+        leftPathShow.value = true;
+        rightPathShow.value = true;
+        leftDasharray.value = `${perimeter} 0`;
+        leftOffset.value = "100%";
+        const rightRate = props.rate - 0.5;
+        rightDasharray.value = `${perimeter * rightRate} ${perimeter * (0.5 - rightRate)} `;
+        rightOffset.value = `${rightRate * 200}%`;
+        leftColorOPacity.value = 0.5 / props.rate;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("defs", null, [
+          createElementVNode("linearGradient", _hoisted_2, [
+            _hoisted_3,
+            createElementVNode("stop", {
+              class: "grad1-stop2",
+              offset: unref(leftOffset),
+              "stop-opacity": unref(leftColorOPacity)
+            }, null, 8, _hoisted_4)
+          ]),
+          createElementVNode("linearGradient", _hoisted_5, [
+            createElementVNode("stop", {
+              class: "grad2-stop1",
+              offset: "0%",
+              "stop-opacity": unref(leftColorOPacity)
+            }, null, 8, _hoisted_6),
+            createElementVNode("stop", {
+              class: "grad2-stop2",
+              offset: unref(rightOffset)
+            }, null, 8, _hoisted_7)
+          ])
+        ]),
+        unref(leftPathShow) ? (openBlock(), createElementBlock("path", {
+          key: 0,
+          d: "M50,55 m0,-48, a43,43,0,1,0,0,86",
+          fill: "none",
+          stroke: "url(#grad1)",
+          "stroke-width": "6",
+          "stroke-dasharray": unref(leftDasharray)
+        }, null, 8, _hoisted_8)) : createCommentVNode("", true),
+        unref(rightPathShow) ? (openBlock(), createElementBlock("path", {
+          key: 1,
+          d: "M50,55 m0,-48, a43,43,0,1,0,0,86",
+          fill: "none",
+          stroke: "url(#grad2)",
+          "stroke-width": "6",
+          "stroke-dasharray": unref(rightDasharray),
+          transform: "rotate(180 50,50)"
+        }, null, 8, _hoisted_9)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/bmp/src/AlgaeMonitoring/components/ProgressBar.vue2.mjs

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

package/dist/es/bmp/src/AlgaeMonitoring/components/ProgressBar.vue3.mjs

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

package/dist/es/bmp/src/AlgaeMonitoring/index.d.ts

@@ -8,6 +8,7 @@ export declare const DvBmpAlgaeMonitoring: {
             isUseBuiltInApi?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
+            readonly year?: string | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -50,7 +51,6 @@ export declare const DvBmpAlgaeMonitoring: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly year?: string | undefined;
         };
         $attrs: {
             [x: string]: unknown;

package/dist/es/bmp/src/AlgaeMonitoring/index.vue.mjs

@@ -1,21 +1,29 @@
 import { ElIcon } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/icon/style/css';
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, toDisplayString } from 'vue';
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, Fragment, renderList, normalizeStyle, toDisplayString, withCtx } from 'vue';
 import dayjs from 'dayjs';
-import * as echarts from 'echarts';
+import _sfc_main$1 from './components/ProgressBar.vue.mjs';
+import './components/ProgressBar.vue2.mjs';
 import { getAlgaeMonitoringWarning } from './api/index.mjs';
 
 const _hoisted_1 = { class: "dv-bmp-algae-monitoring-box" };
-const _hoisted_2 = { class: "algae-monitoring-echarts" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "abso-pie" }, null, -1);
-const _hoisted_4 = { class: "algae-monitoring-items" };
-const _hoisted_5 = { class: "algae-monitoring-item" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "algae-title" }, "今日预警数", -1);
-const _hoisted_7 = { class: "algae-num" };
-const _hoisted_8 = { class: "algae-monitoring-item last-item" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "algae-title algae-title-diff" }, "已处理", -1);
-const _hoisted_10 = { class: "algae-num" };
+const _hoisted_2 = { class: "algae-monitoring-rate" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "decorate-outer" }, null, -1);
+const _hoisted_4 = { class: "decorate-inner" };
+const _hoisted_5 = { class: "total-warn" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "total-warn-top" }, " 年累计 ", -1);
+const _hoisted_7 = { class: "total-warn-bottom" };
+const _hoisted_8 = { class: "total-warn-done" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "total-warn-separator" }, " / ", -1);
+const _hoisted_10 = { class: "total-warn-total" };
+const _hoisted_11 = { class: "algae-monitoring-items" };
+const _hoisted_12 = { class: "algae-monitoring-item" };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", { class: "algae-title" }, "今日预警数", -1);
+const _hoisted_14 = { class: "algae-num" };
+const _hoisted_15 = { class: "algae-monitoring-item last-item" };
+const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", { class: "algae-title algae-title-diff" }, "已处理", -1);
+const _hoisted_17 = { class: "algae-num" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -46,7 +54,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       total: 0,
       undone: 0
     });
-    const completeRateDom = ref();
     const getData = async (startTime, endTime) => {
       const params = {
         startTime,
@@ -58,106 +65,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const res = await getAlgaeMonitoringWarning(params);
       return res?.data;
     };
-    const initCharts = (dom, data) => {
-      const chartData = [Number(data.done), 100 - Number(data.total)];
-      const chartance = echarts.init(dom);
-      chartance.setOption(getChartOption(chartData));
-    };
-    const getChartOption = (chartData) => {
-      const chartOption = {
-        grid: {
-          top: 0,
-          left: "1%",
-          bottom: "1%",
-          right: "1%"
-        },
-        color: ["rgba(0, 221, 255, 1)", "rgba(248, 68, 57, 1)"],
-        graphic: [
-          // 设置饼图中间文字内容
-          {
-            type: "text",
-            left: "center",
-            top: "31%",
-            style: {
-              text: "年累计",
-              textAlign: "center",
-              fill: "#ffffff",
-              fontSize: 16,
-              fontFamily: "Microsoft YaHei",
-              fontWeight: "bold"
-            }
-          },
-          {
-            type: "text",
-            right: "52%",
-            top: "52%",
-            style: {
-              text: `${totalWarnObj.value?.done || 0}`,
-              textAlign: "center",
-              fill: "rgba(0, 221, 255, 1)",
-              fontSize: 24,
-              fontFamily: "var(--dv-font-family-number)",
-              fontWeight: 500
-            }
-          },
-          {
-            type: "text",
-            left: "49%",
-            top: "56%",
-            style: {
-              text: "/",
-              textAlign: "center",
-              fill: "rgba(255, 255, 255, 0.6)",
-              fontSize: 18,
-              fontFamily: "var(--dv-font-family-number)",
-              fontWeight: 500
-            }
-          },
-          {
-            type: "text",
-            left: "58%",
-            top: "56%",
-            style: {
-              text: `${totalWarnObj.value?.total || 0}`,
-              // text: '9',
-              textAlign: "center",
-              fill: "rgba(255, 255, 255, 0.6)",
-              fontSize: 18,
-              fontFamily: "var(--dv-font-family-number)",
-              fontWeight: 500
-            }
-          }
-        ],
-        series: [
-          {
-            name: "",
-            type: "pie",
-            // center: ['16%', '50%'],
-            // roseType: 'radius',
-            radius: ["80%", "98%"],
-            avoidLabelOverlap: true,
-            hoverAnimation: false,
-            data: chartData,
-            itemStyle: {
-              normal: {
-                label: {
-                  show: false
-                },
-                labelLine: {
-                  show: false
-                }
-              }
-            }
-          }
-        ]
-      };
-      return chartOption;
-    };
     onMounted(async () => {
       if (props.isUseBuiltInApi) {
         todayWarnObj.value = await getData(dayjs().startOf("day").valueOf(), dayjs().valueOf());
         totalWarnObj.value = await getData(dayjs().startOf("year").valueOf(), dayjs().valueOf());
-        initCharts(completeRateDom.value, totalWarnObj);
       } else {
         todayWarnObj.value = props.data.todayWarnObj;
         totalWarnObj.value = props.data.totalWarnObj;
@@ -170,32 +81,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           _hoisted_3,
-          createElementVNode("div", {
-            ref_key: "completeRateDom",
-            ref: completeRateDom,
-            class: "completeBox"
-          }, null, 512)
-        ]),
-        createElementVNode("div", _hoisted_4, [
+          createVNode(_sfc_main$1, { rate: 0.75 }),
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(72, (item) => {
+              return createElementVNode("div", {
+                key: item,
+                class: "decorate-inner-item",
+                style: normalizeStyle({ transform: `rotate(${5 * item}deg)` })
+              }, null, 4);
+            }), 64))
+          ]),
           createElementVNode("div", _hoisted_5, [
+            _hoisted_6,
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, toDisplayString(totalWarnObj.value.done), 1),
+              _hoisted_9,
+              createElementVNode("div", _hoisted_10, toDisplayString(totalWarnObj.value.total), 1)
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
             createVNode(_component_el_icon, { class: "algae-icon" }, {
               default: withCtx(() => [
                 createVNode(_component_Bell)
               ]),
               _: 1
             }),
-            _hoisted_6,
-            createElementVNode("span", _hoisted_7, toDisplayString(todayWarnObj.value.total), 1)
+            _hoisted_13,
+            createElementVNode("span", _hoisted_14, toDisplayString(todayWarnObj.value.total), 1)
           ]),
-          createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_15, [
             createVNode(_component_el_icon, { class: "algae-icon" }, {
               default: withCtx(() => [
                 createVNode(_component_CircleCheck)
               ]),
               _: 1
             }),
-            _hoisted_9,
-            createElementVNode("span", _hoisted_10, toDisplayString(todayWarnObj.value.done), 1)
+            _hoisted_16,
+            createElementVNode("span", _hoisted_17, toDisplayString(todayWarnObj.value.done), 1)
           ])
         ])
       ]);

package/dist/es/bmp/src/EarlyWarningEvent/index.d.ts

@@ -6,9 +6,9 @@ export declare const DvBmpEarlyWarningEvent: {
         $props: {
             data?: Record<string, any> | undefined;
             title?: string | undefined;
+            year?: string | undefined;
             width?: number | undefined;
             height?: number | undefined;
-            year?: string | undefined;
             isUseBuiltInApi?: boolean | undefined;
             regionCodeList?: string[] | undefined;
             envTypeCode?: string | undefined;
@@ -106,9 +106,9 @@ export declare const DvBmpEarlyWarningEvent: {
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             data: Record<string, any>;
             title: string;
+            year: string;
             width: number;
             height: number;
-            year: string;
             isUseBuiltInApi: boolean;
             regionCodeList: string[];
             envTypeCode: string;
@@ -205,9 +205,9 @@ export declare const DvBmpEarlyWarningEvent: {
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     data: Record<string, any>;
     title: string;
+    year: string;
     width: number;
     height: number;
-    year: string;
     isUseBuiltInApi: boolean;
     regionCodeList: string[];
     envTypeCode: string;

package/dist/es/bmp/src/EarlyWarningEvent/index.vue.d.ts

@@ -104,9 +104,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: Record<string, any>;
     title: string;
+    year: string;
     width: number;
     height: number;
-    year: string;
     isUseBuiltInApi: boolean;
     regionCodeList: string[];
     envTypeCode: string;

package/dist/es/bmp/src/EarlyWarningEvent/index.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, ref, reactive, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, createVNode } from 'vue';
+import { defineComponent, reactive, ref, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, createVNode } from 'vue';
 import dayjs from 'dayjs';
-import _sfc_main$1 from '../../../wgms/utils/echarts/BaseECharts.vue.mjs';
-import { pieChartOptions } from './utils/echarts/echartsOptions.mjs';
+import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
+import { pieChartOptions } from '../../utils/echarts/echartsOptions.mjs';
 import { countByTimeGapAndAllDisposalStatus } from './api/index.mjs';
 
 const _hoisted_1 = { class: "title" };
@@ -78,7 +78,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const options = ref([]);
     const todayData = reactive({
       done: 0,
       total: 0
@@ -88,6 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       total: 0,
       percent: 0
     });
+    const options = ref();
     onMounted(async () => {
       if (props.isUseBuiltInApi) {
         getTodayData();
@@ -95,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         todayData.done = props.data.todayData.done;
         todayData.total = props.data.todayData.total;
+        drawChart(todayData);
         annualCumulativeData.done = props.data.annualCumulativeData.done;
         annualCumulativeData.total = props.data.annualCumulativeData.total;
         annualCumulativeData.percent = Math.round(annualCumulativeData.done / annualCumulativeData.total * 100);

package/dist/es/bmp/src/EventList/index.d.ts

@@ -50,11 +50,11 @@ export declare const DvBmpEventList: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly timeStamp?: string | number | undefined;
             readonly siteCodeList?: unknown[] | undefined;
             readonly envTypeCodeList?: unknown[] | undefined;
             readonly centerLatitude?: string | undefined;
             readonly centerLongitude?: string | undefined;
+            readonly timeStamp?: string | number | undefined;
         };
         $attrs: {
             [x: string]: unknown;

package/dist/es/bmp/src/EventList/index.vue.mjs

@@ -8,12 +8,12 @@ const _hoisted_1 = { class: "dv-bmp-event-list" };
 const _hoisted_2 = { class: "custom-table" };
 const _hoisted_3 = { class: "custom-table-header" };
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", {
-  style: { "width": "56px" },
+  style: { "width": "46px" },
   class: "fixed-width"
 }, " 序号 ", -1);
 const _hoisted_5 = {
   class: "custom-table-cell fixed-width",
-  style: { "width": "56px" }
+  style: { "width": "46px" }
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -88,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: item.id,
                   class: "custom-table-row"
                 }, [
-                  createElementVNode("div", _hoisted_5, toDisplayString(index), 1),
+                  createElementVNode("div", _hoisted_5, toDisplayString(index + 1), 1),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(tableProps.value, (prop) => {
                     return openBlock(), createElementBlock("div", {
                       key: prop.prop,

package/dist/es/bmp/src/ReportEvent/index.d.ts

@@ -6,9 +6,9 @@ export declare const DvBmpReportEvent: {
         $props: {
             data?: Record<string, any> | undefined;
             title?: string | undefined;
+            year?: string | undefined;
             width?: number | undefined;
             height?: number | undefined;
-            year?: string | undefined;
             isUseBuiltInApi?: boolean | undefined;
             regionCodeList?: string[] | undefined;
             envTypeCode?: string | undefined;
@@ -106,9 +106,9 @@ export declare const DvBmpReportEvent: {
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             data: Record<string, any>;
             title: string;
+            year: string;
             width: number;
             height: number;
-            year: string;
             isUseBuiltInApi: boolean;
             regionCodeList: string[];
             envTypeCode: string;
@@ -205,9 +205,9 @@ export declare const DvBmpReportEvent: {
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     data: Record<string, any>;
     title: string;
+    year: string;
     width: number;
     height: number;
-    year: string;
     isUseBuiltInApi: boolean;
     regionCodeList: string[];
     envTypeCode: string;

package/dist/es/bmp/src/ReportEvent/index.vue.d.ts

@@ -104,9 +104,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: Record<string, any>;
     title: string;
+    year: string;
     width: number;
     height: number;
-    year: string;
     isUseBuiltInApi: boolean;
     regionCodeList: string[];
     envTypeCode: string;

package/dist/es/bmp/src/ReportEvent/index.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, reactive, ref, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, createVNode } from 'vue';
 import dayjs from 'dayjs';
-import _sfc_main$1 from '../../../wgms/utils/echarts/BaseECharts.vue.mjs';
-import { pieChartOptions } from './utils/echarts/echartsOptions.mjs';
+import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
+import { pieChartOptions } from '../../utils/echarts/echartsOptions.mjs';
 import { countOfTodayNewAndStatus } from './api/index.mjs';
 
 const _hoisted_1 = { class: "title" };
@@ -95,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         todayData.done = props.data.todayData.done;
         todayData.total = props.data.todayData.total;
+        drawChart(todayData);
         annualCumulativeData.done = props.data.annualCumulativeData.done;
         annualCumulativeData.total = props.data.annualCumulativeData.total;
         annualCumulativeData.percent = Math.round(annualCumulativeData.done / annualCumulativeData.total * 100);

package/dist/es/bmp/utils/echarts/BaseECharts.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: null;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: null;
+    };
+}>>, {
+    width: string;
+    height: string;
+    options: Record<string, any>;
+    loading: boolean;
+}, {}>;
+export default _default;