@ued_fpi/data-visual 1.0.5 → 1.0.6

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

@@ -0,0 +1,213 @@
+import { i as install } from '../../../aims/src/AirQualityCalendar/index.mjs';
+import { c as ElOption, d as ElSelect } from '../../../vendor/element-plus@2.3.7_vue@3.3.4.mjs';
+import { defineComponent, reactive, ref, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, isRef, withCtx, Fragment, renderList, createBlock, normalizeClass } from 'vue';
+import { _ as _imports_0 } from './images/module-title-icon.mjs';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+
+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__type" };
+const _hoisted_18 = { class: "hazardous-statistics-item__total" };
+const _hoisted_19 = { class: "hazardous-statistics-item__detail" };
+const _hoisted_20 = { class: "hazardous-statistics-item__col" };
+const _hoisted_21 = { class: "hazardous-statistics-item__label" };
+const _hoisted_22 = { class: "hazardous-statistics-item__value" };
+const _hoisted_23 = { class: "hazardous-statistics-item__col" };
+const _hoisted_24 = { class: "hazardous-statistics-item__label" };
+const _hoisted_25 = { class: "hazardous-statistics-item__value" };
+const __default__ = {
+  name: "SealingManage",
+  title: "封闭化管理"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  emits: {
+    onTimeTypeChange: (value) => value,
+    onParkTypeChange: (value) => value
+  },
+  setup(__props, { emit }) {
+    const accessCar = reactive([
+      // toDo 换成接口
+      {
+        label: "入园车辆",
+        value: 0,
+        type: "entry"
+      },
+      {
+        label: "出园车辆",
+        value: 999,
+        type: "exit"
+      }
+    ]);
+    const hazardousCar = reactive([
+      { title: "园内车辆", total: 1 },
+      { title: "车辆在线状态", total: 2 }
+    ]);
+    const timeType = ref("month");
+    const parkType = ref("");
+    const timeStr = 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 = reactive([
+      {
+        label: "年",
+        value: "year"
+      },
+      {
+        label: "月",
+        value: "month"
+      },
+      {
+        label: "日",
+        value: "day"
+      }
+    ]);
+    const parkOption = reactive([
+      {
+        value: "",
+        label: "全部"
+      },
+      {
+        value: "0",
+        label: "西中岛"
+      },
+      {
+        value: "1",
+        label: "长兴岛"
+      }
+    ]);
+    const handleTimeTypeChange = (value) => {
+      emit("onTimeTypeChange", value);
+    };
+    const handleParkTypeChange = (value) => {
+      emit("onParkTypeChange", 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(unref(timeStr)) + "）", 1)
+            ]),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_component_el_select, {
+                modelValue: unref(timeType),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(timeType) ? timeType.value = $event : null),
+                onChange: handleTimeTypeChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(timeTypeOptions), (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(unref(accessCar), (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: unref(parkType),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(parkType) ? parkType.value = $event : null),
+                onChange: handleParkTypeChange
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(parkOption), (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, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(hazardousCar), (item, idx) => {
+              return openBlock(), createElementBlock("div", {
+                key: idx,
+                class: "hazardous-statistics-item hazardous-statistics-item--entry"
+              }, [
+                createElementVNode("div", _hoisted_17, toDisplayString(item.title), 1),
+                createElementVNode("div", _hoisted_18, [
+                  createElementVNode("span", null, toDisplayString(item.total), 1)
+                ]),
+                createElementVNode("div", _hoisted_19, [
+                  createElementVNode("div", _hoisted_20, [
+                    createElementVNode("div", _hoisted_21, toDisplayString(item.title), 1),
+                    createElementVNode("div", _hoisted_22, toDisplayString(item.total), 1)
+                  ]),
+                  createElementVNode("div", _hoisted_23, [
+                    createElementVNode("div", _hoisted_24, toDisplayString(item.title), 1),
+                    createElementVNode("div", _hoisted_25, toDisplayString(item.total), 1)
+                  ])
+                ])
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+const SealingManage = install(_sfc_main);
+
+export { SealingManage as S };

package/dist/es/ipes/src/TaskDispose/.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
-import { i as init } from '../../../vendor.mjs';
-import { a as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.vue.mjs';
+import { i as init } from '../../../vendor/echarts@5.4.2.mjs';
+import { _ as _export_sfc } from '../../../aims/src/AirQualityCalendar/index.mjs';
 
 const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -0,0 +1,296 @@
+import { _ as _export_sfc, i as install } from '../../../aims/src/AirQualityCalendar/index.mjs';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, toDisplayString, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId } from 'vue';
+import { E as Echarts } from './.mjs';
+import { c as circlebottom } from './img/circlebottom.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-0a746d05"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "taskDispose" };
+const _hoisted_2 = { class: "module-content mgt8" };
+const _hoisted_3 = { class: "monitoring-points" };
+const _hoisted_4 = /* @__PURE__ */ createStaticVNode('<div class="common-title" style="padding:8px 0 0 8px;" data-v-0a746d05><div class="title-large" data-v-0a746d05> 任务处置统计 </div><div class="title-small" data-v-0a746d05><div class="title-small1" data-v-0a746d05><span style="opacity:0.5;" data-v-0a746d05>已处置</span></div><div class="title-small2" data-v-0a746d05><span style="opacity:0.5;" data-v-0a746d05>处置中</span></div></div></div>', 1);
+const _hoisted_5 = {
+  class: "flex echarts-wrap fs12",
+  style: { "justify-content": "space-around", "padding-top": "8px" }
+};
+const _hoisted_6 = { class: "echarts-item" };
+const _hoisted_7 = ["title"];
+const _hoisted_8 = { class: "echarts-item" };
+const _hoisted_9 = ["title"];
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "duty-name" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "duty-title" }, " 今日值班表 ")
+], -1));
+const _hoisted_11 = ["value", "onClick"];
+const _hoisted_12 = { class: "lefts" };
+const _hoisted_13 = { class: "rights text-color" };
+const currentModules = "";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    commonMonitor: {
+      type: Object,
+      default: () => {
+        return {
+          nameRiver: "大气环境",
+          nameInfrared: "企业环境"
+        };
+      }
+    },
+    publicManagementList: {
+      type: Array,
+      default: () => {
+        return [
+          {
+            duty: "值班经理",
+            name: "王建国",
+            siteType: "atm_voc"
+          },
+          {
+            duty: "平台值守",
+            name: "王建国",
+            siteType: "atm_voc2"
+          },
+          {
+            duty: "走航人员",
+            name: "王建国",
+            siteType: "atm_voc3"
+          }
+        ];
+      }
+    },
+    // 值班数据
+    gasData: {
+      type: Array,
+      default: () => {
+        return [
+          {
+            value: 4,
+            name: "已处置",
+            color: "#0EED95"
+          },
+          {
+            value: 7,
+            name: "处置中",
+            color: "#FFBE00"
+          }
+        ];
+      }
+    },
+    // 大气环境图表数据
+    companyData: {
+      type: Array,
+      default: () => {
+        return [
+          {
+            value: 4,
+            name: "已处置",
+            color: "#0EED95"
+          },
+          {
+            value: 7,
+            name: "处置中",
+            color: "#FFBE00"
+          },
+          {
+            value: 11,
+            name: "未处置",
+            color: "#8FAFC7"
+          }
+        ];
+      }
+    }
+    // 企业环境图表数据
+  },
+  setup(__props) {
+    const props = __props;
+    const colors = {
+      normal: "#FFBE00",
+      // 正常
+      abnormal: "#0EED95",
+      // 异常
+      off: "#8FAFC7"
+      // 离线
+    };
+    const setOptions = (name, data) => {
+      const options = {
+        graphic: {
+          type: "image",
+          style: {
+            image: circlebottom,
+            x: 11,
+            y: 10.5,
+            width: 38,
+            height: 38
+          }
+        },
+        grid: {
+          // 设置图表撑满整个画布
+          left: "20px",
+          containLabel: true
+        },
+        tooltip: {
+          trigger: "item",
+          formatter: (params) => {
+            const dataObj = params.data;
+            const str = `
+                            <div style="text-align:left;width:100%">${params.seriesName}</div>
+                            <span style="display:inline-block;width:8px;height:8px;vertical-align: middle;border-radius:4px;background:${dataObj.itemStyle.color}"></span>
+                            <span>${dataObj.name}：${dataObj.value} (${params.percent}%)</span>
+                        `;
+            return str;
+          }
+        },
+        legend: {
+          show: false,
+          left: "center",
+          orient: "horizontal",
+          itemWidth: 7,
+          itemHeight: 7,
+          textStyle: {
+            fontSize: 12,
+            color: "#ffffff",
+            opacity: "0.5"
+          }
+        },
+        series: [
+          {
+            cursor: "pointer",
+            selectedMode: "single",
+            selectedOffset: 1,
+            name,
+            type: "pie",
+            radius: ["63%", "83%"],
+            itemStyle: {
+              borderColor: "#0B2C3C",
+              borderWidth: 1
+            },
+            label: {
+              show: true,
+              position: "center",
+              itemStyle: {
+                fontSize: 6
+              },
+              emphasis: {
+                show: true
+              },
+              rich: {
+                span1: {
+                  color: colors.normal,
+                  fontSize: 12
+                },
+                span2: {
+                  color: colors.abnormal,
+                  fontSize: 12
+                },
+                span3: {
+                  color: colors.off,
+                  fontSize: 12
+                },
+                gang: {
+                  color: "rgba(255, 255, 255, 0.2)",
+                  fontSize: 12
+                }
+              },
+              formatter: () => {
+                let str = "";
+                data.forEach((item) => {
+                  switch (item.name) {
+                    case "处置中":
+                      str += `{span1|${item.value}}{gang|/}`;
+                      break;
+                    case "已处置":
+                      str += `{span2|${item.value}}{gang|}`;
+                      break;
+                  }
+                });
+                return str;
+              }
+            },
+            emphasis: {
+              label: {
+                show: false
+              }
+            },
+            labelLine: {
+              show: false
+            },
+            data: data.map((item) => {
+              return {
+                value: item.value,
+                name: item.name,
+                itemStyle: {
+                  color: item.color
+                }
+              };
+            })
+          }
+        ]
+      };
+      return {
+        options
+      };
+    };
+    const onChange = (event, type) => {
+    };
+    const aqmsOptions = setOptions("大气环境", props.gasData);
+    const enterpriseOptions = setOptions("企业环境", props.companyData);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _hoisted_4,
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                createVNode(Echarts, {
+                  id: "aqms",
+                  class: "echarts-pie",
+                  width: "60px",
+                  height: "60px",
+                  "full-options": unref(aqmsOptions),
+                  loading: false
+                }, null, 8, ["full-options"]),
+                createElementVNode("div", {
+                  class: "point-title single-overflow",
+                  title: __props.commonMonitor.nameRiver
+                }, toDisplayString(__props.commonMonitor.nameRiver), 9, _hoisted_7)
+              ]),
+              createElementVNode("div", _hoisted_8, [
+                createVNode(Echarts, {
+                  id: "company",
+                  class: "echarts-pie",
+                  width: "60px",
+                  height: "60px",
+                  "full-options": unref(enterpriseOptions),
+                  loading: false
+                }, null, 8, ["full-options"]),
+                createElementVNode("div", {
+                  class: "point-title single-overflow",
+                  title: __props.commonMonitor.nameInfrared
+                }, toDisplayString(__props.commonMonitor.nameInfrared), 9, _hoisted_9)
+              ])
+            ])
+          ]),
+          _hoisted_10,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.publicManagementList, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: `${index}publicManagementList`,
+              class: "itemsBox flex",
+              value: currentModules === item.siteType,
+              onClick: ($event) => onChange($event, item.siteType)
+            }, [
+              createElementVNode("div", _hoisted_12, toDisplayString(item.duty), 1),
+              createElementVNode("div", _hoisted_13, toDisplayString(item.name), 1)
+            ], 8, _hoisted_11);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_0a746d05_lang = '';
+
+const _TaskDispose = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a746d05"]]);
+
+const TaskDispose = install(_TaskDispose);
+
+export { TaskDispose as T };

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

@@ -0,0 +1,65 @@
+import { _ as _export_sfc, i as install } from '../../../aims/src/AirQualityCalendar/index.mjs';
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList } from 'vue';
+
+const _hoisted_1 = { class: "vocStatistics" };
+const _hoisted_2 = { class: "vocHeader" };
+const _hoisted_3 = { class: "vocContent" };
+const _hoisted_4 = { class: "year" };
+const _hoisted_5 = { class: "value" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: "VOCs预警频次"
+    },
+    // 标题
+    data: {
+      type: Array,
+      default: () => {
+        return [
+          {
+            value: "47次",
+            label: "2022年"
+          },
+          {
+            value: "666次",
+            label: "2023年"
+          },
+          {
+            value: "0次",
+            label: "2024年"
+          }
+        ];
+      }
+    }
+    // voc数据
+  },
+  setup(__props) {
+    ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("header", _hoisted_2, toDisplayString(__props.title), 1),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (m, n) => {
+            return openBlock(), createElementBlock("div", {
+              key: n,
+              class: "base-item"
+            }, [
+              createElementVNode("div", _hoisted_4, toDisplayString(m.label), 1),
+              createElementVNode("div", _hoisted_5, toDisplayString(m.value), 1)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_985f82e3_lang = '';
+
+const _VocStatistics = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-985f82e3"]]);
+
+const VocStatistics = install(_VocStatistics);
+
+export { VocStatistics as V };

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

@@ -1,7 +1,6 @@
 export * from './AirPollutionDischarge';
 export * from './AirQuality';
 export * from './EmergencyDuty';
-export * from './GeneralManagement';
 export * from './OdorControl';
 export * from './SealingManage';
 export * from './VocStatistics';

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

@@ -0,0 +1,26 @@
+import { A as AirPollutionDischarge } from './AirPollutionDischarge/index.mjs';
+import { A as AirQuality } from './AirQuality/index.mjs';
+import { E as EmergencyDuty } from './EmergencyDuty/index.mjs';
+import { O as OdorControl } from './OdorControl/index.mjs';
+import { S as SealingManage } from './SealingManage/index.mjs';
+import { V as VocStatistics } from './VocStatistics/index.mjs';
+import { E as EnterpriseProtectionCode } from './EnterpriseProtectionCode/index.mjs';
+import { A as AccessVehicleManage } from './AccessVehicleManage/index.mjs';
+import { A as AirQualityManagement } from './AirQualityManagement/index.mjs';
+import { T as TaskDispose } from './TaskDispose/index.mjs';
+
+const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	AccessVehicleManage,
+	AirPollutionDischarge,
+	AirQuality,
+	AirQualityManagement,
+	EmergencyDuty,
+	EnterpriseProtectionCode,
+	OdorControl,
+	SealingManage,
+	TaskDispose,
+	VocStatistics
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { components as c };