@ued_fpi/data-visual 1.1.4 → 1.1.5

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

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

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

@@ -1,6 +1,7 @@
 import { install } from '../../../utils.mjs';
-import _SealingManage from './index.vue.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-const SealingManage = install(_SealingManage);
+const DvIpesSealingManage = install(_sfc_main);
 
-export { SealingManage, _SealingManage as default };
+export { DvIpesSealingManage, _sfc_main as default };

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

@@ -1,7 +1,346 @@
-import _sfc_main from './index.vue2.mjs';
-import './index.vue3.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, toDisplayString, createVNode, withCtx, Fragment, renderList, createBlock, normalizeClass } from 'vue';
+import _imports_0 from './images/module-title-icon.png.mjs';
+import dayjs from 'dayjs';
+import requestControl from '../../service/request.mjs';
 
-const _SealingManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ad2fa22"]]);
+const _hoisted_1 = { class: "dv-ipes-sealing-manage" };
+const _hoisted_2 = { class: "sealing-row" };
+const _hoisted_3 = { class: "sealing-header" };
+const _hoisted_4 = { class: "sealing-header__title" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0,
+  alt: "",
+  class: "module-icon"
+}, null, -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "车辆出入园统计", -1);
+const _hoisted_7 = { class: "sealing-header__title--sub" };
+const _hoisted_8 = { class: "sealing-header__extra" };
+const _hoisted_9 = { class: "access-statistics" };
+const _hoisted_10 = { class: "access-statistics-item__total" };
+const _hoisted_11 = { class: "access-statistics-item__type" };
+const _hoisted_12 = { class: "sealing-row" };
+const _hoisted_13 = { class: "sealing-header" };
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "sealing-header__title" }, [
+  /* @__PURE__ */ createElementVNode("img", {
+    src: _imports_0,
+    alt: "",
+    class: "module-icon"
+  }),
+  /* @__PURE__ */ createElementVNode("span", null, "园内危化品车辆")
+], -1);
+const _hoisted_15 = { class: "sealing-header__extra" };
+const _hoisted_16 = { class: "hazardous-statistics" };
+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: "hazardous-statistics-item" };
+const _hoisted_28 = { class: "hazardous-statistics-item__type" };
+const _hoisted_29 = { class: "hazardous-statistics-item__total" };
+const _hoisted_30 = { class: "hazardous-statistics-item__detail" };
+const _hoisted_31 = { class: "hazardous-statistics-item__col" };
+const _hoisted_32 = { class: "hazardous-statistics-item__label" };
+const _hoisted_33 = { class: "hazardous-statistics-item__value" };
+const _hoisted_34 = { class: "hazardous-statistics-item__col" };
+const _hoisted_35 = { class: "hazardous-statistics-item__label" };
+const _hoisted_36 = { class: "hazardous-statistics-item__value" };
+const __default__ = {
+  name: "DvIpesSealingManage",
+  title: "封闭化管理"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    // 车辆出入园统计接口
+    accessStatisticUrl: {
+      type: String,
+      default: "/ipes-prj-map-server/api/v1/web/closed-end/statistics-record"
+    },
+    // 实时动态
+    getAlarmCountNew: {
+      type: String,
+      default: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmCountNew"
+    },
+    // 在线状态统计-报警统计
+    getAlarmIsAllCountNew: {
+      type: String,
+      default: "/xizhongdao-cockpit-server/hazardous/chemicals/getAlarmIsAllCountNew"
+    },
+    // 时间类型
+    timeType: {
+      type: String,
+      default: "month"
+    },
+    // 时间类型选项
+    timeTypeOptions: {
+      type: Array,
+      default: () => [
+        {
+          label: "年",
+          value: "year"
+        },
+        {
+          label: "月",
+          value: "month"
+        },
+        {
+          label: "日",
+          value: "day"
+        }
+      ]
+    },
+    // 园区类型
+    parkOptions: {
+      type: Array,
+      default: () => [
+        {
+          value: "",
+          label: "全部"
+        },
+        {
+          value: "0",
+          label: "西中岛"
+        },
+        {
+          value: "1",
+          label: "长兴岛"
+        }
+      ]
+    }
+  },
+  emits: {
+    onTimeTypeChange: (value) => value
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const accessStatistic = reactive([
+      {
+        label: "入园车辆",
+        value: 0,
+        type: "entry"
+      },
+      {
+        label: "出园车辆",
+        value: 0,
+        type: "exit"
+      }
+    ]);
+    const hazardousCar = reactive({
+      sfCount: 0,
+      // 外来车辆数
+      sfCountTitle: "外来车辆数",
+      // 外来车辆数
+      dnCount: 0,
+      // 自有车辆数
+      dnCountTitle: "自有车辆数",
+      // 自有车辆数
+      ynCount: 0,
+      // 园区车辆
+      ynCountTitle: "园区车辆",
+      // 园区车辆
+      zxCount: 0,
+      // 在线车辆数
+      zxCountTitle: "在线车辆数",
+      // 在线车辆数
+      lxCount: 0,
+      // 离线车辆数
+      lxCountTitle: "离线车辆数",
+      // 离线车辆数
+      zxPercent: 0,
+      // 车辆在线状态
+      zxPercentTitle: "车辆在线状态"
+      // 车辆在线状态
+    });
+    const _timeType = ref(props.timeType);
+    const parkType = ref("");
+    const timeLabel = computed(() => {
+      let format;
+      ((format2) => {
+        format2["year"] = "YYYY";
+        format2["month"] = "YYYY-MM";
+        format2["day"] = "YYYY-MM-DD";
+      })(format || (format = {}));
+      return dayjs().format(format[_timeType.value]);
+    });
+    const _timeTypeOptions = computed(() => props.timeTypeOptions);
+    const _parkOptions = computed(() => props.parkOptions);
+    onMounted(() => {
+      getStatisticsRecord();
+      getAlarmCountNew();
+    });
+    const getStatisticsRecord = async () => {
+      try {
+        const res = await requestControl({
+          method: "get",
+          url: props.accessStatisticUrl,
+          params: {
+            timeStr: timeLabel.value,
+            timeType: _timeType.value
+          }
+        });
+        accessStatistic[0].value = res?.data?.inCount;
+        accessStatistic[1].value = res?.data?.outCount;
+      } catch (e) {
+        console.log(e);
+      }
+    };
+    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 handleTimeTypeChange = (value) => {
+      getStatisticsRecord();
+      emit("onTimeTypeChange", value);
+    };
+    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, [
+            createElementVNode("div", _hoisted_4, [
+              _hoisted_5,
+              _hoisted_6,
+              createElementVNode("span", _hoisted_7, "（" + toDisplayString(timeLabel.value) + "）", 1)
+            ]),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_component_el_select, {
+                modelValue: _timeType.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _timeType.value = $event),
+                class: "fpi-select",
+                onChange: handleTimeTypeChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_timeTypeOptions.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_9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(accessStatistic, (item, idx) => {
+              return openBlock(), createElementBlock("div", {
+                key: idx,
+                class: normalizeClass(["access-statistics-item", `access-statistics-item--${item.type}`])
+              }, [
+                createElementVNode("div", _hoisted_10, toDisplayString(item.value), 1),
+                createElementVNode("div", _hoisted_11, toDisplayString(item.label), 1)
+              ], 2);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_13, [
+            _hoisted_14,
+            createElementVNode("div", _hoisted_15, [
+              createVNode(_component_el_select, {
+                modelValue: parkType.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => parkType.value = $event),
+                class: "fpi-select",
+                onChange: getAlarmCountNew
+              }, {
+                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_16, [
+            createElementVNode("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_18, toDisplayString(hazardousCar.ynCountTitle), 1),
+              createElementVNode("div", _hoisted_19, [
+                createElementVNode("span", null, toDisplayString(hazardousCar.ynCount), 1)
+              ]),
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("div", _hoisted_21, [
+                  createElementVNode("div", _hoisted_22, toDisplayString(hazardousCar.dnCountTitle), 1),
+                  createElementVNode("div", _hoisted_23, toDisplayString(hazardousCar.dnCount), 1)
+                ]),
+                createElementVNode("div", _hoisted_24, [
+                  createElementVNode("div", _hoisted_25, toDisplayString(hazardousCar.sfCountTitle), 1),
+                  createElementVNode("div", _hoisted_26, toDisplayString(hazardousCar.sfCount), 1)
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_27, [
+              createElementVNode("div", _hoisted_28, toDisplayString(hazardousCar.zxPercentTitle), 1),
+              createElementVNode("div", _hoisted_29, [
+                createElementVNode("span", null, toDisplayString(hazardousCar.zxPercent.toFixed(1)) + "%", 1)
+              ]),
+              createElementVNode("div", _hoisted_30, [
+                createElementVNode("div", _hoisted_31, [
+                  createElementVNode("div", _hoisted_32, toDisplayString(hazardousCar.zxCountTitle), 1),
+                  createElementVNode("div", _hoisted_33, toDisplayString(hazardousCar.zxCount), 1)
+                ]),
+                createElementVNode("div", _hoisted_34, [
+                  createElementVNode("div", _hoisted_35, toDisplayString(hazardousCar.lxCountTitle), 1),
+                  createElementVNode("div", _hoisted_36, toDisplayString(hazardousCar.lxCount), 1)
+                ])
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
 
-export { _SealingManage as default };
+export { _sfc_main as default };