@ued_fpi/data-visual 1.1.0 → 1.1.2

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

@@ -1,419 +1,11 @@
 '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');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-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"])
-          ])
-        ])
-      ]);
-    };
-  }
-});
+const utils = require('../../../utils.js');
+const index = require('./index.vue.js');
 
-/* 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);
+const HazardousVehicleManage = utils.install(index.default);
 
+exports.default = index.default;
 exports.HazardousVehicleManage = HazardousVehicleManage;

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

@@ -1,8 +1,51 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    onTimeTypeChange: (value: string) => string;
+declare const _default: import("vue").DefineComponent<{
+    getVehicleCount: {
+        type: StringConstructor;
+        default: string;
+    };
+    getAlarmCountNew: {
+        type: StringConstructor;
+        default: string;
+    };
+    getAlarmIsAllCountNew: {
+        type: StringConstructor;
+        default: string;
+    };
+    parkOptions: {
+        type: ArrayConstructor;
+        default: () => {
+            value: string;
+            label: string;
+        }[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     onParkTypeChange: (value: string) => string;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onOnTimeTypeChange?: ((value: string) => any) | undefined;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    getVehicleCount: {
+        type: StringConstructor;
+        default: string;
+    };
+    getAlarmCountNew: {
+        type: StringConstructor;
+        default: string;
+    };
+    getAlarmIsAllCountNew: {
+        type: StringConstructor;
+        default: string;
+    };
+    parkOptions: {
+        type: ArrayConstructor;
+        default: () => {
+            value: string;
+            label: string;
+        }[];
+    };
+}>> & {
     onOnParkTypeChange?: ((value: string) => any) | undefined;
-}, {}, {}>;
+}, {
+    getAlarmCountNew: string;
+    getAlarmIsAllCountNew: string;
+    parkOptions: unknown[];
+    getVehicleCount: string;
+}, {}>;
 export default _default;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+require('./index.vue3.js');
+require('./index.vue4.js');
+const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const _HazardousVehicleManage = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-64868b24"]]);
+
+exports.default = _HazardousVehicleManage;