@ued_fpi/data-visual 1.1.1 → 1.1.2

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

@@ -0,0 +1,81 @@
+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';
+
+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 };

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

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_6d3e9064_lang = '';
+
+export { index_vue_vue_type_style_index_0_scoped_6d3e9064_lang as default };

package/dist/es/ipes/src/{EnvironmentalProtection/images/module-title-icon.mjs → HazardousVehicleManage/images/module-title-icon.png.mjs}

@@ -1,3 +1,3 @@
 const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJjSURBVEiJvZY/aBNxFMc/L4ltCmml2qGDQwfHCl0yqdA6NX8KFrU00kGhgoNDd0FTWicXnQTrUIiC1MEhOc5SMArVCu3g0NHBwSFga9AGPGmS51CluV+upHfWPLjh3u/3fZ/f7+73vnfgJ2xdoKgRXxojQj7nT+OwQl772gUEGCbCOgUdbBcQYIAwa1iabhcQIEaIPMt6+38Cl5sydeaxNceSxo4eGCWN8tBjZIpuilja36qE+AL+DVuvAQuA2SIllHGS8uEgacsddnzTM13besqVTMgiMAKUjOn9CEUKOhUYGBJOqrAe3dFhA7qKEkf4aEiihMlh65yXSQgzr896kh5ceAcQLeswUAQUuOP0yrxr3pLGiLGIcKmphlKgQoYJqezvUFn1uB57LEGAuc6y5rt/NDjNhFRIymVg1kORJsYar/T0PtBnCKR3a6wfK+uQayAhWSADVAzBIMoa9t4rCew0YXjf+V1vGdDn1DkPfDHm9wErWHozuNNosJYK+qn5XBPGd4+L+4TaOslef5quswVcISVvIojXAZGvB5EUCh1hrjs9suUasDQL3G0uxSYwzqh82rttEYdqix5yKBc95BY7TDa2xeEeqVJCuOr0StGVt3UA5SXKkIfmHl1kSUi1Md0SWFe2w0r85wlxnzxbzwEvEEzDdoAbJOWpV71g5m3pNCEeeSy4RJ0xUrJxkNQfsKgRfnEfZcZjdOMPzDR0V/hrC4c8MNqUV57RxTQj4rQq4bcPTVgVmCVpnNwjBDZGhToZUlLwIwrsNNQYIy2bfoX+vVR5S5V4EJj/sPXJv/7q/wb/bM33ddRvNwAAAABJRU5ErkJggg==";
 
-export { _imports_0 as _ };
+export { _imports_0 as default };

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

@@ -1,442 +1,6 @@
-import { _ as _export_sfc, i as install } from '../../../aims/src/AirQualityCalendar/index.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, pushScopeId, popScopeId } from 'vue';
-import { _ as _imports_0 } from './images/module-title-icon.mjs';
-import dayjs from 'dayjs';
-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-64868b24"), 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__,
-  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(Echarts, {
-              id: "hazardous-list",
-              height: "128px",
-              "full-options": chartOption,
-              loading: chartLoading.value
-            }, null, 8, ["full-options", "loading"])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_64868b24_lang = '';
-
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_1_lang = '';
-
-const _HazardousVehicleManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64868b24"]]);
+import { install } from '../../../utils.mjs';
+import _HazardousVehicleManage from './index.vue.mjs';
 
 const HazardousVehicleManage = install(_HazardousVehicleManage);
 
-export { HazardousVehicleManage as H };
+export { HazardousVehicleManage, _HazardousVehicleManage as default };

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

@@ -0,0 +1,8 @@
+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';
+
+const _HazardousVehicleManage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64868b24"]]);
+
+export { _HazardousVehicleManage as default };