@ued_fpi/data-visual 1.1.0 → 1.1.2

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

@@ -0,0 +1,351 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+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 _withScopeId = (n) => (vue.pushScopeId("data-v-1ad2fa22"), n = n(), vue.popScopeId(), n);
+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__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: moduleTitleIcon.default,
+  alt: "",
+  class: "module-icon"
+}, null, -1));
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__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__ */ _withScopeId(() => /* @__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: "SealingManage",
+  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 = _sfc_main;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_1ad2fa22_lang = '';
+
+exports.default = index_vue_vue_type_style_index_0_scoped_1ad2fa22_lang;

package/dist/lib/ipes/src/TaskDispose/components/Echarts.vue.js

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

package/dist/lib/ipes/src/TaskDispose/{.js → components/Echarts.vue2.js}

@@ -1,8 +1,28 @@
 'use strict';
 
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
 const vue = require('vue');
-const vendor_echarts_5_4_2 = require('../../../vendor/echarts@5.4.2.js');
-const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+const echarts = require('echarts');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
 
 const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -53,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const cancalDebounce = debounce(resizeHandler, 50);
     vue.onMounted(() => {
-      myChart = vendor_echarts_5_4_2.init(document.getElementById(props.id), { renderer: "svg" });
+      myChart = echarts__namespace.init(document.getElementById(props.id), { renderer: "svg" });
       myChart.showLoading({
         text: "",
         color: "#409eff",
@@ -88,8 +108,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const Echarts_vue_vue_type_style_index_0_scoped_a6622b77_lang = '';
-
-const Echarts = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-a6622b77"]]);
-
-exports.Echarts = Echarts;
+exports.default = _sfc_main;

package/dist/lib/ipes/src/TaskDispose/components/Echarts.vue3.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const Echarts_vue_vue_type_style_index_0_scoped_a6622b77_lang = '';
+
+exports.default = Echarts_vue_vue_type_style_index_0_scoped_a6622b77_lang;

package/dist/lib/ipes/src/TaskDispose/img/{circlebottom.js → circlebottom.png.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
 const circlebottom = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABHNCSVQICAgIfAhkiAAABBhJREFUWIXNmUF62mYQht8ZaV/1BFHkHoCcIPCQrotPEHKCyCcAnyDkBuoJTNZFhRsY7xusnqBkj2ayQHIxARvbOPK3gedH+vVKjOaf+X7hCYqn3gKWaqRqjF0ZijGsP0sh9YC+Gh8XXTl/yrXCR8BFgdHDWXrJwAI+4LxdhWSB3T5WhUhWtFzpxFP/okZmShuIi47MH3JdeQBgrMbAlDM1/jPl18AYf+1K+2Tiva/vZLzrHCAKV0SmtIBYYG5OzwNSIDoU+CDQJPdPppwHxhhnhBCVyrjoyPLQG92YK1VjbspH4MqUMVDcN9edoFUMokbfhciFIbB8DOAuYFMyNa7VOF2FzO+a984YDYyWw8CUN6zjqngqYK1FV0bx1FsCZ6uQpRpzIN53/M4nGk89UmNmSj9cEd13t09VkvvIlCwwWqUy3xW3P4DGU2/VJ6jRW3Rl+FyAm/rtL2+bMq6ywg8xq7tOchiFK6KfBQnwz+8yMyVW472UZNu/3wJNch+p8Ycp8SrkQXnuiBIP6J9MvHdrsP5S5byllGQeMHxoQj6mkolfivDta1fa9djNExVnKCUXHpA2CQlgAael0k9yH9RjCuu33IVUhT+BZ3u7D1XRkUKNGRv/uAIERk+N6+qgxkEBTGmJc53kPoQq4ZfKHHjdJNgORaZ0gioDSDz1lhqZwHIzeF+Cqtz63pTPIbA0pXfM5fFYciUGroClVkXvbDtvvQSVygx4pUYamnCBkDWdku7QN1PGGjjngTFqmmaXqnB0NQZhKQzuO6FhicCXMHDqpqvdJM0dGjgQlkqK80vTNPu06IoAyOuJj3XdA/VfWoqqGspr1ikK4r/9bVU9vShtMmmS+zBwzsPV/n6lKQVGO8ndk9xTXXRlWCqpC6+aBttWKVwvuiKmZAqgRubCm6bBthU450nuRdGRpQKY0hbnMsk9bRqu1snEe6WSVg7LTYUfI3yoeusXIRfiqniOYatnUmMAXC260uiSmuSe4vjinXyuxza70Aj415SsyVQVTz02ZSzCaW0pwQZo0ZF55QVdqtFYySfOUI1P5bpGvgnFbQNiKc6ZKbMk908/mZEk94ELKfVKtKFdlk6kxlyNPqwdjGcn5OYdSQVau1qivbbjSe59h1GVHo5iNe5T1RtdmNJhj1e603uCdWdqSrtqVYbPBfl64mMXIoEz2N+u32fkRpXF09eSqQWcHqvCqp5ir96kuK8DPsgaP5l4DyEtlX7lm7ZY++/FQ+DqtKclFxbQUaMwpXXIPAdvNgDUroVAYUI7KMlciatuke0LVnmwUKNvyri6yV5gjHBGuzYojgK6CazGrAzoizNnvVjcntiZG/QVMlN66sx8vStSPGaj4lGgtTY3xEzJpGQo8n+9IFAAiFGsQoqnxPd3sYsLxUJVDScAAAAASUVORK5CYII=";
 
-exports.circlebottom = circlebottom;
+exports.default = circlebottom;