@ued_fpi/data-visual 1.0.5 → 1.0.7

package/dist/lib/ipes/src/GeneralManagement/index.js

@@ -0,0 +1,91 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+const vue = require('vue');
+const ipes_src_GeneralManagement_ = require('./.js');
+
+const __default__ = {
+  name: "GeneralManagement",
+  title: "综合管理"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    tabList: {
+      type: Array,
+      default: () => ["预警 3", "巡查 34", "接报 2"]
+    },
+    cardData: {
+      type: Array,
+      default: () => [{
+        tag: "高级",
+        color: "#FF553C",
+        bg: "rgba(255, 85, 60, 0.3)",
+        time: "2022-05-23 12:00",
+        content: "【宝隆废气排口】非甲烷总烃浓度为 140 mg/m³，超过标准值宝隆废气排口"
+      }, {
+        tag: "中级",
+        color: "rgba(255, 190, 0, 1)",
+        bg: "rgba(255, 190, 0, 0.3)",
+        time: "2022-05-23 12:00",
+        content: "【福美废气排口】非甲烷总烃浓度为 140 mg/m³，超过标准值120."
+      }, {
+        tag: "低级",
+        color: "rgba(3, 213, 251, 1)",
+        bg: "rgba(3, 213, 251, 0.3)",
+        time: "2022-05-23 12:00",
+        content: "【一帆废气排口】非甲烷总烃浓度为 140 mg/m³，超过标准值120"
+      }, {
+        tag: "高级",
+        color: "#FF553C",
+        bg: "rgba(255, 85, 60, 0.3)",
+        time: "2022-05-23 12:00",
+        content: "【峰盛废气排口】非甲烷总烃浓度为 140 mg/m³，超过标准值120..."
+      }, {
+        tag: "高级",
+        color: "#FF553C",
+        bg: "rgba(255, 85, 60, 0.3)",
+        time: "2022-05-23 12:00",
+        content: "【宝隆废气排口】非甲烷总烃浓度为 140 mg/m³，超过标准值宝隆废气排口"
+      }]
+    }
+  },
+  emits: [
+    "change"
+  ],
+  setup(__props, { emit: $emit }) {
+    const clsfix = "ipes-basic-card";
+    const activeTab = vue.ref("预警 3");
+    function changeTab(tab) {
+      activeTab.value = tab;
+      $emit("change", tab);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["dv-ipes-general-management", `${clsfix}-container`])
+      }, [
+        vue.createVNode(ipes_src_GeneralManagement_.Tabs, {
+          class: "tab",
+          data: __props.tabList,
+          "model-value": vue.unref(activeTab),
+          onChange: changeTab
+        }, null, 8, ["data", "model-value"]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.cardData, (item, index) => {
+          return vue.openBlock(), vue.createBlock(ipes_src_GeneralManagement_.ListItem, {
+            key: index,
+            class: "list",
+            data: item
+          }, null, 8, ["data"]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_abd16863_lang = '';
+
+const _GeneralManagement = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-abd16863"]]);
+
+const GeneralManagement = aims_src_AirQualityCalendar_index.install(_GeneralManagement);
+
+exports.GeneralManagement = GeneralManagement;

package/dist/lib/ipes/src/GeneralManagement/index.vue.d.ts

@@ -0,0 +1,39 @@
+import type { PropType } from 'vue';
+import type { CardType } from './type';
+declare const _default: import("vue").DefineComponent<{
+    tabList: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    cardData: {
+        type: PropType<CardType[]>;
+        default: () => {
+            tag: string;
+            color: string;
+            bg: string;
+            time: string;
+            content: string;
+        }[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabList: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    cardData: {
+        type: PropType<CardType[]>;
+        default: () => {
+            tag: string;
+            color: string;
+            bg: string;
+            time: string;
+            content: string;
+        }[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    tabList: (string | number)[];
+    cardData: CardType[];
+}, {}>;
+export default _default;

package/dist/lib/ipes/src/HazardousVehicleManage/index.d.ts

@@ -0,0 +1,107 @@
+import _HazardousVehicleManage from './index.vue';
+export declare const HazardousVehicleManage: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            onOnTimeTypeChange?: ((value: string) => any) | undefined;
+            onOnParkTypeChange?: ((value: string) => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "onTimeTypeChange", value: string) => void) & ((event: "onParkTypeChange", value: string) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+            onOnTimeTypeChange?: ((value: string) => any) | undefined;
+            onOnParkTypeChange?: ((value: string) => any) | undefined;
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            onTimeTypeChange: (value: string) => string;
+            onParkTypeChange: (value: string) => string;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onOnTimeTypeChange?: ((value: string) => any) | undefined;
+        onOnParkTypeChange?: ((value: string) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onOnTimeTypeChange?: ((value: string) => any) | undefined;
+    onOnParkTypeChange?: ((value: string) => any) | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onTimeTypeChange: (value: string) => string;
+    onParkTypeChange: (value: string) => string;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _HazardousVehicleManage;

package/dist/lib/ipes/src/HazardousVehicleManage/index.js

@@ -0,0 +1,419 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+const vendor_elementPlus_2_3_7_vue_3_3_4 = require('../../../vendor/element-plus@2.3.7_vue@3.3.4.js');
+const vue = require('vue');
+const ipes_src_HazardousVehicleManage_images_moduleTitleIcon = require('./images/module-title-icon.js');
+const vendor_dayjs_1_11_9 = require('../../../vendor/dayjs@1.11.9.js');
+const ipes_src_common_Echarts = require('../common/Echarts.js');
+const ipes_utils_tools = require('../../utils/tools.js');
+const ipes_service_request = require('../../service/request.js');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-0fbb062b"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "dv-ipes-hazardous-vehicle-manage" };
+const _hoisted_2 = { class: "sealing-row" };
+const _hoisted_3 = { class: "sealing-header" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "sealing-header__title" }, [
+  /* @__PURE__ */ vue.createElementVNode("img", {
+    src: ipes_src_HazardousVehicleManage_images_moduleTitleIcon._imports_0,
+    alt: "",
+    class: "module-icon"
+  }),
+  /* @__PURE__ */ vue.createElementVNode("span", null, "实时动态")
+], -1));
+const _hoisted_5 = { class: "sealing-header__extra" };
+const _hoisted_6 = { class: "hazardous-statistics" };
+const _hoisted_7 = { class: "hazardous-statistics-item" };
+const _hoisted_8 = { class: "hazardous-statistics-item__type" };
+const _hoisted_9 = { class: "hazardous-statistics-item__total" };
+const _hoisted_10 = { class: "hazardous-statistics-item__detail" };
+const _hoisted_11 = { class: "hazardous-statistics-item__col" };
+const _hoisted_12 = { class: "hazardous-statistics-item__label" };
+const _hoisted_13 = { class: "hazardous-statistics-item__value" };
+const _hoisted_14 = { class: "hazardous-statistics-item__col" };
+const _hoisted_15 = { class: "hazardous-statistics-item__label" };
+const _hoisted_16 = { class: "hazardous-statistics-item__value" };
+const _hoisted_17 = { class: "hazardous-statistics-item" };
+const _hoisted_18 = { class: "hazardous-statistics-item__type" };
+const _hoisted_19 = { class: "hazardous-statistics-item__total" };
+const _hoisted_20 = { class: "hazardous-statistics-item__detail" };
+const _hoisted_21 = { class: "hazardous-statistics-item__col" };
+const _hoisted_22 = { class: "hazardous-statistics-item__label" };
+const _hoisted_23 = { class: "hazardous-statistics-item__value" };
+const _hoisted_24 = { class: "hazardous-statistics-item__col" };
+const _hoisted_25 = { class: "hazardous-statistics-item__label" };
+const _hoisted_26 = { class: "hazardous-statistics-item__value" };
+const _hoisted_27 = { class: "sealing-row" };
+const _hoisted_28 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", {
+  class: "sealing-header",
+  style: { "margin": "8px 0" }
+}, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "sealing-header__title" }, [
+    /* @__PURE__ */ vue.createElementVNode("img", {
+      src: ipes_src_HazardousVehicleManage_images_moduleTitleIcon._imports_0,
+      alt: "",
+      class: "module-icon"
+    }),
+    /* @__PURE__ */ vue.createElementVNode("span", null, "进出园区车辆统计"),
+    /* @__PURE__ */ vue.createElementVNode("span", { class: "sealing-header__title--sub" }, "（近10日）")
+  ])
+], -1));
+const _hoisted_29 = { class: "hazardous-list" };
+const __default__ = {
+  name: "HazardousVehicleManage",
+  title: "危险品车辆管理"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  emits: {
+    onTimeTypeChange: (value) => value,
+    onParkTypeChange: (value) => value
+  },
+  setup(__props, { emit }) {
+    const colors = [
+      {
+        color: "rgba(10, 174, 255, 1)",
+        shadowColor: "rgba(10, 174, 255, 0.3)"
+      },
+      {
+        color: "rgba(255, 180, 67, 1)",
+        shadowColor: "rgba(255, 180, 67, 0.3)"
+      }
+    ];
+    const hazardousCar = vue.reactive({
+      sfCount: 0,
+      // 外来车辆数
+      sfCountTitle: "外来车辆数",
+      // 外来车辆数
+      dnCount: 0,
+      // 自有车辆数
+      dnCountTitle: "自有车辆数",
+      // 自有车辆数
+      ynCount: 0,
+      // 园区车辆
+      ynCountTitle: "园区车辆",
+      // 园区车辆
+      zxCount: 0,
+      // 在线车辆数
+      zxCountTitle: "在线车辆数",
+      // 在线车辆数
+      lxCount: 0,
+      // 离线车辆数
+      lxCountTitle: "离线车辆数",
+      // 离线车辆数
+      zxPercent: 0,
+      // 车辆在线状态
+      zxPercentTitle: "车辆在线状态"
+      // 车辆在线状态
+    });
+    vue.ref("month");
+    const parkType = vue.ref("");
+    const chartLoading = vue.ref(true);
+    const chartOption = vue.reactive({
+      options: {}
+    });
+    const parkOption = vue.reactive([
+      {
+        value: "",
+        label: "全部"
+      },
+      {
+        value: "0",
+        label: "西中岛"
+      },
+      {
+        value: "1",
+        label: "长兴岛"
+      }
+    ]);
+    vue.onMounted(() => {
+      getAlarmCountNew();
+      getVehicleCount();
+      chartLoading.value = false;
+    });
+    const handleParkTypeChange = (value) => {
+      emit("onParkTypeChange", value);
+      getAlarmCountNew();
+    };
+    const toolTipFormatter = (params) => {
+      const data = [...params];
+      const field = data.map((item) => {
+        const { marker, seriesName, value } = item;
+        return `
+                      <div class="tool-tips__row">
+                          <div class="tool-tips__label"><span class="tool-tips__marker">${marker}</span>${seriesName}</div>
+                          <div class="tool-tips__value"><span>${value}</span><span class="tool-tips__suffix">辆</span></div>
+                      </div>
+                `;
+      });
+      field.unshift(`<div class="tool-tips__row tool-tips__title">${data[0]?.name}</div>`);
+      return field.join("");
+    };
+    const getAlarmCountNew = async () => {
+      try {
+        const res = await Promise.all([
+          // 实时动态
+          ipes_service_request.requestControl({
+            method: "get",
+            url: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmCountNew",
+            params: {
+              area: parkType.value,
+              startTime: vendor_dayjs_1_11_9.dayjs().format("YYYY-MM-DD"),
+              endTime: vendor_dayjs_1_11_9.dayjs().format("YYYY-MM-DD")
+            }
+          }),
+          // 在线状态统计-报警统计
+          ipes_service_request.requestControl({
+            method: "get",
+            url: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmIsAllCountNew",
+            params: {
+              yearMonth: vendor_dayjs_1_11_9.dayjs().format("YYYY-MM"),
+              area: parkType.value
+            }
+          })
+        ]);
+        const { sfCount = 0, dnCount = 0, ynCount = 0 } = res[0]?.entries || {};
+        const { zxCount = 0, lxCount = 0 } = res[1]?.entries || {};
+        Object.assign(hazardousCar, {
+          ...hazardousCar,
+          duration: 0.3,
+          sfCount,
+          dnCount,
+          ynCount,
+          zxCount: Number(zxCount),
+          lxCount,
+          zxPercent: (zxCount || 0) / ((lxCount || 0) + (zxCount || 0)) * 100
+        });
+      } catch (e) {
+        console.log(e);
+      }
+    };
+    const getVehicleCount = async () => {
+      try {
+        const res = await ipes_service_request.requestControl({
+          method: "get",
+          url: "/ipes-prj-map-server/api/v1/web/closed-end/get-vehicle-count",
+          params: {
+            // 近10日
+            startTime: vendor_dayjs_1_11_9.dayjs().subtract(9, "day").format("YYYY-MM-DD"),
+            endTime: vendor_dayjs_1_11_9.dayjs().format("YYYY-MM-DD")
+          }
+        });
+        const data = res.data;
+        const list = [
+          // 类别  1_驶出；0_进入
+          {
+            lb: 0,
+            name: "驶入",
+            // eslint-disable-next-line eqeqeq
+            data: (data || []).filter((i) => i.lb == 0).map((i) => i.sl)
+          },
+          {
+            lb: 1,
+            name: "驶出",
+            data: (data || []).filter((i) => i.lb === 1).map((i) => i.sl)
+          }
+        ];
+        setOptions(list);
+      } catch (e) {
+        setOptions([]);
+        console.log(e);
+      }
+    };
+    const setOptions = (list) => {
+      chartOption.options = {
+        // 网格位置
+        grid: {
+          top: "33px",
+          left: "10px",
+          right: "12px",
+          bottom: "3px",
+          containLabel: true
+        },
+        // 全局字体样式
+        textStyle: {
+          color: "#fff",
+          fontSize: 16,
+          fontFamily: ipes_utils_tools.getFontFamily("--font-family-text")
+        },
+        // 提示框
+        tooltip: {
+          confine: true,
+          // 不让超出显示
+          trigger: "axis",
+          formatter: toolTipFormatter,
+          padding: [8, 12, 8, 12],
+          className: "echarts-tooltip tool-tips__panel",
+          backgroundColor: "rgba(7, 29, 51, 0.95)",
+          borderColor: "rgba(0, 212, 255, 0.2)",
+          borderWidth: 1
+        },
+        // 图例组件
+        legend: {
+          // 图例项
+          data: list.map((item) => {
+            return {
+              name: item.name,
+              textStyle: {
+                color: "#fff",
+                fontSize: 16
+              }
+            };
+          }),
+          // 图例样式
+          icon: "circle",
+          // 圆
+          // 图例大小
+          itemHeight: 10,
+          itemWidth: 10
+        },
+        // X轴
+        xAxis: {
+          // 坐标轴名称。
+          name: "",
+          // 坐标轴类型。 category-->类目轴
+          type: "category",
+          // 最近十天的数据
+          data: new Array(list[0]?.data?.length || 10).fill("").map((_, idx) => `${vendor_dayjs_1_11_9.dayjs().subtract(idx, "day").format("MM.DD")}`).reverse(),
+          // 距离坐标原点是否有间隙
+          boundaryGap: true,
+          axisLine: {
+            // 是否显示坐标轴轴线。
+            show: false
+          },
+          axisTick: {
+            // 是否显示坐标轴刻度。
+            show: false
+          }
+        },
+        // Y轴
+        yAxis: {
+          // 分割线及样式
+          splitLine: {
+            show: true,
+            lineStyle: { color: ["rgba(27, 121, 211, 0.5)"] }
+          },
+          // 坐标轴类型
+          type: "value",
+          // 坐标轴刻度标签的相关设置。
+          axisLabel: {
+            color: "rgba(255,255,255,0.6)",
+            fontSize: 16
+          },
+          axisLine: {
+            // 是否显示坐标轴轴线。
+            show: false
+          },
+          // 坐标轴名称与轴线之间的距离。
+          nameGap: 4
+        },
+        // 折线图
+        series: list.map((item, idx) => {
+          return {
+            // 系列名称，用于tooltip的显示，legend 的图例筛选
+            name: item.name,
+            // 鼠标悬浮标记的图形
+            symbol: "emptyCircle",
+            // 默认emptyCircle
+            // 标记的大小
+            symbolSize: 4,
+            type: "line",
+            data: item.data,
+            // 折线拐点标志的样式。
+            itemStyle: {
+              color: colors[idx % colors.length].color,
+              shadowColor: colors[idx % colors.length].shadowColor,
+              shadowBlur: 8,
+              shadowOffsetX: 3,
+              shadowOffsetY: 3
+            }
+          };
+        })
+      };
+    };
+    return (_ctx, _cache) => {
+      const _component_el_option = vendor_elementPlus_2_3_7_vue_3_3_4.ElOption;
+      const _component_el_select = vendor_elementPlus_2_3_7_vue_3_3_4.ElSelect;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _hoisted_4,
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(_component_el_select, {
+                modelValue: vue.unref(parkType),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(parkType) ? parkType.value = $event : null),
+                onChange: handleParkTypeChange
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(parkOption), (item) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      value: item.value,
+                      label: item.label
+                    }, null, 8, ["value", "label"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(vue.unref(hazardousCar).ynCountTitle), 1),
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(hazardousCar).ynCount), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_10, [
+                vue.createElementVNode("div", _hoisted_11, [
+                  vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(vue.unref(hazardousCar).dnCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(vue.unref(hazardousCar).dnCount), 1)
+                ]),
+                vue.createElementVNode("div", _hoisted_14, [
+                  vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(vue.unref(hazardousCar).sfCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(vue.unref(hazardousCar).sfCount), 1)
+                ])
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_17, [
+              vue.createElementVNode("div", _hoisted_18, vue.toDisplayString(vue.unref(hazardousCar).zxPercentTitle), 1),
+              vue.createElementVNode("div", _hoisted_19, [
+                vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(hazardousCar).zxPercent.toFixed(1)) + "%", 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_20, [
+                vue.createElementVNode("div", _hoisted_21, [
+                  vue.createElementVNode("div", _hoisted_22, vue.toDisplayString(vue.unref(hazardousCar).zxCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(vue.unref(hazardousCar).zxCount), 1)
+                ]),
+                vue.createElementVNode("div", _hoisted_24, [
+                  vue.createElementVNode("div", _hoisted_25, vue.toDisplayString(vue.unref(hazardousCar).lxCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_26, vue.toDisplayString(vue.unref(hazardousCar).lxCount), 1)
+                ])
+              ])
+            ])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_27, [
+          _hoisted_28,
+          vue.createElementVNode("div", _hoisted_29, [
+            vue.createVNode(ipes_src_common_Echarts.Echarts, {
+              id: "hazardous-list",
+              height: "128px",
+              "full-options": vue.unref(chartOption),
+              loading: vue.unref(chartLoading)
+            }, null, 8, ["full-options", "loading"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_0fbb062b_lang = '';
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_1_lang = '';
+
+const _HazardousVehicleManage = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-0fbb062b"]]);
+
+const HazardousVehicleManage = aims_src_AirQualityCalendar_index.install(_HazardousVehicleManage);
+
+exports.HazardousVehicleManage = HazardousVehicleManage;

package/dist/lib/ipes/src/HazardousVehicleManage/index.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onTimeTypeChange: (value: string) => string;
+    onParkTypeChange: (value: string) => string;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onOnTimeTypeChange?: ((value: string) => any) | undefined;
+    onOnParkTypeChange?: ((value: string) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/lib/ipes/src/HazardousVehicleManage/types/index.d.ts

@@ -0,0 +1,8 @@
+export interface IAccessCar {
+    label: string;
+    value: string;
+}
+export interface IHazardousCar {
+    label: string;
+    value: string;
+}