@ued_fpi/data-visual 1.1.4 → 1.1.5

package/dist/es/ipes/src/GeneralManagement/index.vue.mjs

@@ -1,7 +1,92 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, reactive, ref, openBlock, createElementBlock, createVNode, Fragment, renderList, unref, createBlock } from 'vue';
+import dayjs from 'dayjs';
+import requestControl from '../../service/request.mjs';
+import _sfc_main$1 from './components/Tabs.vue.mjs';
+import './components/Tabs.vue2.mjs';
+import _sfc_main$2 from './components/ListItem.vue.mjs';
+import './components/ListItem.vue2.mjs';
 
-const _GeneralManagement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d3e9064"]]);
+const _hoisted_1 = { class: "dv-ipes-general-management ipes-general-management-container" };
+const __default__ = {
+  name: "DvIpesGeneralManagement",
+  title: "综合管理"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    // 获取tab数据
+    getEventNums: {
+      type: String,
+      default: "/ipes-prj-server/web/api/v1/control/alarm-data"
+    },
+    // 统计数据
+    getCompany: {
+      type: String,
+      default: "/ipes-prj-map-server/api/v1/web/harmful-alarm/count/today-alarm-count-info"
+    }
+  },
+  emits: [
+    "change"
+  ],
+  setup(__props, { emit: $emit }) {
+    const props = __props;
+    async function getEventNumsData() {
+      try {
+        const res = await requestControl({
+          method: "post",
+          url: props.getEventNums,
+          data: {
+            startTime: dayjs().startOf("day").subtract(30, "year").valueOf(),
+            endTime: dayjs().endOf("day").valueOf(),
+            envTypeCodeList: ["environment"],
+            page: 0,
+            limit: 10,
+            eventSourceCodes: "yujingshijian",
+            alarmTypeCodes: "automonitor_over",
+            missionGenerateStatus: "",
+            eventStatus: 0
+          }
+        });
+        cardData = res.data.data.map((ele) => {
+          return {
+            startTimeStr: ele.startTimeStr,
+            eventLevelName: ele.eventLevelName,
+            description: ele.description,
+            eventLevelCode: ele.eventLevelCode
+          };
+        }) || [];
+        tabList[0].num = res.data.totalCount;
+        console.log("tab数据---------------------", cardData);
+      } catch (error) {
+        console.log(error);
+      }
+    }
+    getEventNumsData();
+    const tabList = reactive([{ code: "forewarning", name: "预警", num: 0 }, { code: "inspect", name: "巡查", num: 0 }, { code: "telegram", name: "接报", num: 0 }]);
+    let cardData = reactive([]);
+    const activeTab = ref("forewarning");
+    function changeTab(tab) {
+      activeTab.value = tab;
+      $emit("change", tab);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          class: "tab",
+          data: tabList,
+          "model-value": activeTab.value,
+          onChange: changeTab
+        }, null, 8, ["data", "model-value"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(cardData), (item, index) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            key: index,
+            class: "list",
+            data: item
+          }, null, 8, ["data"]);
+        }), 128))
+      ]);
+    };
+  }
+});
 
-export { _GeneralManagement as default };
+export { _sfc_main as default };

package/dist/es/ipes/src/GeneralManagement/index.vue2.mjs

@@ -1,81 +1,3 @@
-import { defineComponent, ref, openBlock, createElementBlock, createVNode, Fragment, renderList, createBlock } from 'vue';
-import Tabs from './components/Tabs.vue.mjs';
-import ListItem from './components/ListItem.vue.mjs';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _hoisted_1 = { class: "dv-ipes-general-management ipes-general-management-container" };
-const __default__ = {
-  name: "GeneralManagement",
-  title: "综合管理"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    tabList: {
-      type: Array,
-      default: () => [{ code: "forewarning", name: "预警 32" }, { code: "inspect", name: "巡查 21" }, { code: "telegram", name: "接报19" }]
-    },
-    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 activeTab = ref("forewarning");
-    function changeTab(tab) {
-      activeTab.value = tab;
-      $emit("change", tab);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(Tabs, {
-          class: "tab",
-          data: __props.tabList,
-          "model-value": activeTab.value,
-          onChange: changeTab
-        }, null, 8, ["data", "model-value"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.cardData, (item, index) => {
-          return openBlock(), createBlock(ListItem, {
-            key: index,
-            class: "list",
-            data: item
-          }, null, 8, ["data"]);
-        }), 128))
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/ipes/src/GeneralManagement/index.vue3.mjs

@@ -1,3 +1,6 @@
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_6d3e9064_lang = '';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-export { index_vue_vue_type_style_index_0_scoped_6d3e9064_lang as default };
+
+
+export { _sfc_main as default };

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

@@ -1,5 +1,5 @@
 import _HazardousVehicleManage from './index.vue';
-export declare const HazardousVehicleManage: {
+export declare const DvIpesHazardousVehicleManage: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

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

@@ -1,6 +1,8 @@
 import { install } from '../../../utils.mjs';
-import _HazardousVehicleManage from './index.vue.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+import './index.vue3.mjs';
 
-const HazardousVehicleManage = install(_HazardousVehicleManage);
+const DvIpesHazardousVehicleManage = install(_sfc_main);
 
-export { HazardousVehicleManage, _HazardousVehicleManage as default };
+export { DvIpesHazardousVehicleManage, _sfc_main as default };

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

@@ -1,8 +1,433 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import './index.vue4.mjs';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+import { ElOption, ElSelect } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import { defineComponent, reactive, ref, computed, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, toDisplayString } from 'vue';
+import _imports_0 from './images/module-title-icon.png.mjs';
+import dayjs from 'dayjs';
+import _sfc_main$1 from '../common/Echarts.vue.mjs';
+import '../common/Echarts.vue2.mjs';
+import { getFontFamily } from '../../utils/tools.mjs';
+import requestControl from '../../service/request.mjs';
 
-const _HazardousVehicleManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64868b24"]]);
+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__ */ 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__ */ 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: "DvIpesHazardousVehicleManage",
+  title: "危险品车辆管理"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    // 进出园车辆统计
+    getVehicleCount: {
+      type: String,
+      default: "/ipes-prj-map-server/api/v1/web/closed-end/get-vehicle-count"
+    },
+    // 实时动态
+    getAlarmCountNew: {
+      type: String,
+      default: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmCountNew"
+    },
+    // 在线状态统计-报警统计
+    getAlarmIsAllCountNew: {
+      type: String,
+      default: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmIsAllCountNew"
+    },
+    // 园区类型
+    parkOptions: {
+      type: Array,
+      default: () => [
+        {
+          value: "",
+          label: "全部"
+        },
+        {
+          value: "0",
+          label: "西中岛"
+        },
+        {
+          value: "1",
+          label: "长兴岛"
+        }
+      ]
+    }
+  },
+  emits: {
+    onParkTypeChange: (value) => value
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    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: "车辆在线状态"
+      // 车辆在线状态
+    });
+    const parkType = ref("");
+    const chartLoading = ref(true);
+    const chartOption = reactive({
+      options: {}
+    });
+    const _parkOptions = computed(() => props.parkOptions);
+    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: props.getAlarmCountNew,
+            params: {
+              area: parkType.value,
+              startTime: dayjs().format("YYYY-MM-DD"),
+              endTime: dayjs().format("YYYY-MM-DD")
+            }
+          }),
+          // 在线状态统计-报警统计
+          requestControl({
+            method: "get",
+            url: props.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: props.getVehicleCount,
+          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: parkType.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => parkType.value = $event),
+                class: "fpi-select",
+                onChange: handleParkTypeChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_parkOptions.value, (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(hazardousCar.ynCountTitle), 1),
+              createElementVNode("div", _hoisted_9, [
+                createElementVNode("span", null, toDisplayString(hazardousCar.ynCount), 1)
+              ]),
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  createElementVNode("div", _hoisted_12, toDisplayString(hazardousCar.dnCountTitle), 1),
+                  createElementVNode("div", _hoisted_13, toDisplayString(hazardousCar.dnCount), 1)
+                ]),
+                createElementVNode("div", _hoisted_14, [
+                  createElementVNode("div", _hoisted_15, toDisplayString(hazardousCar.sfCountTitle), 1),
+                  createElementVNode("div", _hoisted_16, toDisplayString(hazardousCar.sfCount), 1)
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_18, toDisplayString(hazardousCar.zxPercentTitle), 1),
+              createElementVNode("div", _hoisted_19, [
+                createElementVNode("span", null, toDisplayString(hazardousCar.zxPercent.toFixed(1)) + "%", 1)
+              ]),
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("div", _hoisted_21, [
+                  createElementVNode("div", _hoisted_22, toDisplayString(hazardousCar.zxCountTitle), 1),
+                  createElementVNode("div", _hoisted_23, toDisplayString(hazardousCar.zxCount), 1)
+                ]),
+                createElementVNode("div", _hoisted_24, [
+                  createElementVNode("div", _hoisted_25, toDisplayString(hazardousCar.lxCountTitle), 1),
+                  createElementVNode("div", _hoisted_26, toDisplayString(hazardousCar.lxCount), 1)
+                ])
+              ])
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_27, [
+          _hoisted_28,
+          createElementVNode("div", _hoisted_29, [
+            createVNode(_sfc_main$1, {
+              id: "hazardous-list",
+              height: "128px",
+              "full-options": chartOption,
+              loading: chartLoading.value
+            }, null, 8, ["full-options", "loading"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
 
-export { _HazardousVehicleManage as default };
+export { _sfc_main as default };