@ued_fpi/data-visual 1.1.4 → 1.1.5

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

@@ -6,7 +6,7 @@ const utils = require('../../../utils.js');
 const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
 require('./index.vue2.js');
 
-const RealTimeAirQualityManage = utils.install(index_vue_vue_type_script_setup_true_lang.default);
+const DvIpesRealTimeAirQualityManage = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
 exports.default = index_vue_vue_type_script_setup_true_lang.default;
-exports.RealTimeAirQualityManage = RealTimeAirQualityManage;
+exports.DvIpesRealTimeAirQualityManage = DvIpesRealTimeAirQualityManage;

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

@@ -20,7 +20,7 @@ const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title
 const _hoisted_10 = { class: "main-value single-overflow" };
 const _hoisted_11 = { style: { "color": "#fff" } };
 const __default__ = {
-  name: "RealTimeAirQualityManage"
+  name: "DvIpesRealTimeAirQualityManage"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,

package/dist/lib/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/lib/ipes/src/SealingManage/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const SealingManage = utils.install(index.default);
+const DvIpesSealingManage = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
-exports.SealingManage = SealingManage;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvIpesSealingManage = DvIpesSealingManage;

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

@@ -2,10 +2,349 @@
 
 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');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const es = require('element-plus/es');
+require('element-plus/es/components/base/style/css');
+require('element-plus/es/components/select/style/css');
+require('element-plus/es/components/option/style/css');
+const vue = require('vue');
+const moduleTitleIcon = require('./images/module-title-icon.png.js');
+const dayjs = require('dayjs');
+const request = require('../../service/request.js');
 
-const _SealingManage = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__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__ */ vue.createElementVNode("img", {
+  src: moduleTitleIcon.default,
+  alt: "",
+  class: "module-icon"
+}, null, -1);
+const _hoisted_6 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("div", { class: "sealing-header__title" }, [
+  /* @__PURE__ */ vue.createElementVNode("img", {
+    src: moduleTitleIcon.default,
+    alt: "",
+    class: "module-icon"
+  }),
+  /* @__PURE__ */ vue.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__ */ vue.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 = vue.reactive([
+      {
+        label: "入园车辆",
+        value: 0,
+        type: "entry"
+      },
+      {
+        label: "出园车辆",
+        value: 0,
+        type: "exit"
+      }
+    ]);
+    const hazardousCar = vue.reactive({
+      sfCount: 0,
+      // 外来车辆数
+      sfCountTitle: "外来车辆数",
+      // 外来车辆数
+      dnCount: 0,
+      // 自有车辆数
+      dnCountTitle: "自有车辆数",
+      // 自有车辆数
+      ynCount: 0,
+      // 园区车辆
+      ynCountTitle: "园区车辆",
+      // 园区车辆
+      zxCount: 0,
+      // 在线车辆数
+      zxCountTitle: "在线车辆数",
+      // 在线车辆数
+      lxCount: 0,
+      // 离线车辆数
+      lxCountTitle: "离线车辆数",
+      // 离线车辆数
+      zxPercent: 0,
+      // 车辆在线状态
+      zxPercentTitle: "车辆在线状态"
+      // 车辆在线状态
+    });
+    const _timeType = vue.ref(props.timeType);
+    const parkType = vue.ref("");
+    const timeLabel = vue.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 = vue.computed(() => props.timeTypeOptions);
+    const _parkOptions = vue.computed(() => props.parkOptions);
+    vue.onMounted(() => {
+      getStatisticsRecord();
+      getAlarmCountNew();
+    });
+    const getStatisticsRecord = async () => {
+      try {
+        const res = await request.default({
+          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([
+          // 实时动态
+          request.default({
+            method: "get",
+            url: props.getAlarmCountNew,
+            params: {
+              area: parkType.value,
+              startTime: dayjs().format("YYYY-MM-DD"),
+              endTime: dayjs().format("YYYY-MM-DD")
+            }
+          }),
+          // 在线状态统计-报警统计
+          request.default({
+            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 = es.ElOption;
+      const _component_el_select = es.ElSelect;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              _hoisted_5,
+              _hoisted_6,
+              vue.createElementVNode("span", _hoisted_7, "（" + vue.toDisplayString(timeLabel.value) + "）", 1)
+            ]),
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.createVNode(_component_el_select, {
+                modelValue: _timeType.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _timeType.value = $event),
+                class: "fpi-select",
+                onChange: handleTimeTypeChange
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_timeTypeOptions.value, (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_9, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(accessStatistic, (item, idx) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: idx,
+                class: vue.normalizeClass(["access-statistics-item", `access-statistics-item--${item.type}`])
+              }, [
+                vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(item.value), 1),
+                vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(item.label), 1)
+              ], 2);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_12, [
+          vue.createElementVNode("div", _hoisted_13, [
+            _hoisted_14,
+            vue.createElementVNode("div", _hoisted_15, [
+              vue.createVNode(_component_el_select, {
+                modelValue: parkType.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => parkType.value = $event),
+                class: "fpi-select",
+                onChange: getAlarmCountNew
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_parkOptions.value, (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_16, [
+            vue.createElementVNode("div", _hoisted_17, [
+              vue.createElementVNode("div", _hoisted_18, vue.toDisplayString(hazardousCar.ynCountTitle), 1),
+              vue.createElementVNode("div", _hoisted_19, [
+                vue.createElementVNode("span", null, vue.toDisplayString(hazardousCar.ynCount), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_20, [
+                vue.createElementVNode("div", _hoisted_21, [
+                  vue.createElementVNode("div", _hoisted_22, vue.toDisplayString(hazardousCar.dnCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(hazardousCar.dnCount), 1)
+                ]),
+                vue.createElementVNode("div", _hoisted_24, [
+                  vue.createElementVNode("div", _hoisted_25, vue.toDisplayString(hazardousCar.sfCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_26, vue.toDisplayString(hazardousCar.sfCount), 1)
+                ])
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_27, [
+              vue.createElementVNode("div", _hoisted_28, vue.toDisplayString(hazardousCar.zxPercentTitle), 1),
+              vue.createElementVNode("div", _hoisted_29, [
+                vue.createElementVNode("span", null, vue.toDisplayString(hazardousCar.zxPercent.toFixed(1)) + "%", 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_30, [
+                vue.createElementVNode("div", _hoisted_31, [
+                  vue.createElementVNode("div", _hoisted_32, vue.toDisplayString(hazardousCar.zxCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_33, vue.toDisplayString(hazardousCar.zxCount), 1)
+                ]),
+                vue.createElementVNode("div", _hoisted_34, [
+                  vue.createElementVNode("div", _hoisted_35, vue.toDisplayString(hazardousCar.lxCountTitle), 1),
+                  vue.createElementVNode("div", _hoisted_36, vue.toDisplayString(hazardousCar.lxCount), 1)
+                ])
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
 
-exports.default = _SealingManage;
+exports.default = _sfc_main;