@ued_fpi/data-visual 1.0.5 → 1.0.7

package/dist/es/ipes/src/HazardousVehicleManage/index.mjs

@@ -0,0 +1,417 @@
+import { _ as _export_sfc, i as install } from '../../../aims/src/AirQualityCalendar/index.mjs';
+import { c as ElOption, d as ElSelect } from '../../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
+import { defineComponent, reactive, ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, isRef, withCtx, Fragment, renderList, createBlock, toDisplayString, pushScopeId, popScopeId } from 'vue';
+import { _ as _imports_0 } from './images/module-title-icon.mjs';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { E as Echarts } from '../common/Echarts.mjs';
+import { g as getFontFamily } from '../../utils/tools.mjs';
+import { r as requestControl } from '../../service/request.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-0fbb062b"), n = n(), 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__ */ createElementVNode("div", { class: "sealing-header__title" }, [
+  /* @__PURE__ */ createElementVNode("img", {
+    src: _imports_0,
+    alt: "",
+    class: "module-icon"
+  }),
+  /* @__PURE__ */ 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__ */ createElementVNode("div", {
+  class: "sealing-header",
+  style: { "margin": "8px 0" }
+}, [
+  /* @__PURE__ */ createElementVNode("div", { class: "sealing-header__title" }, [
+    /* @__PURE__ */ createElementVNode("img", {
+      src: _imports_0,
+      alt: "",
+      class: "module-icon"
+    }),
+    /* @__PURE__ */ createElementVNode("span", null, "进出园区车辆统计"),
+    /* @__PURE__ */ createElementVNode("span", { class: "sealing-header__title--sub" }, "（近10日）")
+  ])
+], -1));
+const _hoisted_29 = { class: "hazardous-list" };
+const __default__ = {
+  name: "HazardousVehicleManage",
+  title: "危险品车辆管理"
+};
+const _sfc_main = /* @__PURE__ */ 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 = reactive({
+      sfCount: 0,
+      // 外来车辆数
+      sfCountTitle: "外来车辆数",
+      // 外来车辆数
+      dnCount: 0,
+      // 自有车辆数
+      dnCountTitle: "自有车辆数",
+      // 自有车辆数
+      ynCount: 0,
+      // 园区车辆
+      ynCountTitle: "园区车辆",
+      // 园区车辆
+      zxCount: 0,
+      // 在线车辆数
+      zxCountTitle: "在线车辆数",
+      // 在线车辆数
+      lxCount: 0,
+      // 离线车辆数
+      lxCountTitle: "离线车辆数",
+      // 离线车辆数
+      zxPercent: 0,
+      // 车辆在线状态
+      zxPercentTitle: "车辆在线状态"
+      // 车辆在线状态
+    });
+    ref("month");
+    const parkType = ref("");
+    const chartLoading = ref(true);
+    const chartOption = reactive({
+      options: {}
+    });
+    const parkOption = reactive([
+      {
+        value: "",
+        label: "全部"
+      },
+      {
+        value: "0",
+        label: "西中岛"
+      },
+      {
+        value: "1",
+        label: "长兴岛"
+      }
+    ]);
+    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([
+          // 实时动态
+          requestControl({
+            method: "get",
+            url: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmCountNew",
+            params: {
+              area: parkType.value,
+              startTime: dayjs().format("YYYY-MM-DD"),
+              endTime: dayjs().format("YYYY-MM-DD")
+            }
+          }),
+          // 在线状态统计-报警统计
+          requestControl({
+            method: "get",
+            url: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmIsAllCountNew",
+            params: {
+              yearMonth: 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 requestControl({
+          method: "get",
+          url: "/ipes-prj-map-server/api/v1/web/closed-end/get-vehicle-count",
+          params: {
+            // 近10日
+            startTime: dayjs().subtract(9, "day").format("YYYY-MM-DD"),
+            endTime: 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: 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) => `${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 = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _hoisted_4,
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_el_select, {
+                modelValue: unref(parkType),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(parkType) ? parkType.value = $event : null),
+                onChange: handleParkTypeChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(parkOption), (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.value,
+                      value: item.value,
+                      label: item.label
+                    }, null, 8, ["value", "label"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, toDisplayString(unref(hazardousCar).ynCountTitle), 1),
+              createElementVNode("div", _hoisted_9, [
+                createElementVNode("span", null, toDisplayString(unref(hazardousCar).ynCount), 1)
+              ]),
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  createElementVNode("div", _hoisted_12, toDisplayString(unref(hazardousCar).dnCountTitle), 1),
+                  createElementVNode("div", _hoisted_13, toDisplayString(unref(hazardousCar).dnCount), 1)
+                ]),
+                createElementVNode("div", _hoisted_14, [
+                  createElementVNode("div", _hoisted_15, toDisplayString(unref(hazardousCar).sfCountTitle), 1),
+                  createElementVNode("div", _hoisted_16, toDisplayString(unref(hazardousCar).sfCount), 1)
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_18, toDisplayString(unref(hazardousCar).zxPercentTitle), 1),
+              createElementVNode("div", _hoisted_19, [
+                createElementVNode("span", null, toDisplayString(unref(hazardousCar).zxPercent.toFixed(1)) + "%", 1)
+              ]),
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("div", _hoisted_21, [
+                  createElementVNode("div", _hoisted_22, toDisplayString(unref(hazardousCar).zxCountTitle), 1),
+                  createElementVNode("div", _hoisted_23, toDisplayString(unref(hazardousCar).zxCount), 1)
+                ]),
+                createElementVNode("div", _hoisted_24, [
+                  createElementVNode("div", _hoisted_25, toDisplayString(unref(hazardousCar).lxCountTitle), 1),
+                  createElementVNode("div", _hoisted_26, toDisplayString(unref(hazardousCar).lxCount), 1)
+                ])
+              ])
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_27, [
+          _hoisted_28,
+          createElementVNode("div", _hoisted_29, [
+            createVNode(Echarts, {
+              id: "hazardous-list",
+              height: "128px",
+              "full-options": unref(chartOption),
+              loading: 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__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fbb062b"]]);
+
+const HazardousVehicleManage = install(_HazardousVehicleManage);
+
+export { HazardousVehicleManage as H };

package/dist/es/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/es/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;
+}

package/dist/es/ipes/src/Level3AirDefense/.mjs

@@ -0,0 +1,133 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, reactive, computed, Fragment, renderList, normalizeStyle, toDisplayString } from 'vue';
+import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AppItem",
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    onChangeValue: (value) => value
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const onChange = () => {
+      emit("onChangeValue", !props.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["app-item", { "app-item-active": __props.value }]),
+        onClick: onChange
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const AppItem_vue_vue_type_style_index_0_scoped_f535d2b0_lang = '';
+
+const AppItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f535d2b0"]]);
+
+const _hoisted_1$1 = { class: "number-wrap" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "NumberItem",
+  props: {
+    value: {
+      default: () => {
+      },
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const colors = reactive({
+      normal: "#0EED95",
+      abnormal: "#FF553C",
+      offline: "#8FAFC7"
+    });
+    const data = computed(() => {
+      const obj = {};
+      const valueArr = ["normal", "abnormal", "offline"];
+      valueArr.forEach((ele) => {
+        if (props.value[ele])
+          obj[ele] = props.value[ele];
+      });
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (name, key) => {
+          return openBlock(), createElementBlock("span", {
+            key,
+            style: normalizeStyle({ color: colors[key] })
+          }, toDisplayString(name), 5);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const NumberItem_vue_vue_type_style_index_0_scoped_f8dbee66_lang = '';
+
+const NumberItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f8dbee66"]]);
+
+const _hoisted_1 = { class: "percentage-wrap flex" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PercentageItem",
+  props: {
+    value: {
+      default: () => {
+      },
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const colors = reactive({
+      normal: "#0EED95",
+      abnormal: "#FF553C",
+      offline: "#8FAFC7"
+    });
+    const data = computed(() => {
+      const obj = {};
+      const valueArr = ["normal", "abnormal", "offline"];
+      valueArr.forEach((ele) => {
+        if (props.value[ele])
+          obj[ele] = props.value[ele];
+      });
+      if (JSON.stringify(obj) !== "{}") {
+        const totalValue = Object.values(obj).reduce(
+          (total, value) => Number(total) + Number(value)
+        );
+        if (totalValue) {
+          for (const item in obj) {
+            if (obj.item !== "0")
+              obj[item] = (obj[item] / totalValue * 100).toFixed(2);
+          }
+        }
+      }
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (name, value) => {
+          return openBlock(), createElementBlock("div", {
+            key: value,
+            class: "percentage-item",
+            style: normalizeStyle({ backgroundColor: colors[value], width: `${name}%` })
+          }, null, 4);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const PercentageItem_vue_vue_type_style_index_0_scoped_8c0fbf2d_lang = '';
+
+const Percentage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c0fbf2d"]]);
+
+export { AppItem as A, NumberItem as N, Percentage as P };

package/dist/es/ipes/src/Level3AirDefense/components/AppItem.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onChangeValue: (value: Boolean) => Boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnChangeValue?: ((value: Boolean) => any) | undefined;
+}, {
+    value: boolean;
+}, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/ipes/src/Level3AirDefense/components/NumberItem.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+}>>, {
+    value: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/ipes/src/Level3AirDefense/components/PercentageItem.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        default: () => void;
+        type: ObjectConstructor;
+    };
+}>>, {
+    value: Record<string, any>;
+}, {}>;
+export default _default;