@ued_fpi/data-visual 1.1.4 → 1.1.5

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

@@ -2,10 +2,90 @@
 
 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 vue = require('vue');
 
-const Echarts = /* @__PURE__ */ _pluginVue_exportHelper.default(Echarts_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a6622b77"]]);
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Echarts",
+  props: {
+    id: {
+      type: String,
+      default: "chart",
+      required: true
+    },
+    className: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "300px"
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    fullOptions: {
+      type: Object,
+      default: () => ({}),
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let myChart = null;
+    const resizeHandler = () => {
+      myChart.resize();
+    };
+    const debounce = (fun, delay) => {
+      let timer;
+      return function() {
+        if (timer)
+          clearTimeout(timer);
+        timer = setTimeout(() => {
+          fun();
+        }, delay);
+      };
+    };
+    const cancalDebounce = debounce(resizeHandler, 50);
+    vue.onMounted(() => {
+      myChart = window.echarts.init(document.getElementById(props.id), { renderer: "svg" });
+      myChart.showLoading({
+        text: "",
+        color: "#409eff",
+        textColor: "#000",
+        maskColor: "rgba(255, 255, 255, .95)",
+        zlevel: 0,
+        lineWidth: 2
+      });
+      if (!props.loading) {
+        myChart.hideLoading();
+        myChart.setOption(props.fullOptions.options, true);
+      }
+      window.addEventListener("resize", cancalDebounce);
+    });
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("resize", cancalDebounce);
+      myChart.dispose();
+    });
+    vue.watch(() => [props.fullOptions.options, props.loading], () => {
+      if (!props.loading) {
+        myChart.hideLoading();
+        myChart.setOption(props.fullOptions.options, true);
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        id: __props.id,
+        class: vue.normalizeClass(__props.className),
+        style: vue.normalizeStyle({ height: __props.height, width: __props.width })
+      }, null, 14, _hoisted_1);
+    };
+  }
+});
 
-exports.default = Echarts;
+exports.default = _sfc_main;

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

@@ -2,110 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const echarts = require('echarts');
+/* unplugin-vue-components disabled */const Echarts_vue_vue_type_style_index_0_lang = '';
 
-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({
-  __name: "Echarts",
-  props: {
-    id: {
-      type: String,
-      default: "chart",
-      required: true
-    },
-    className: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: String,
-      default: "100%"
-    },
-    height: {
-      type: String,
-      default: "300px"
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    fullOptions: {
-      type: Object,
-      default: () => ({}),
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    let myChart;
-    const resizeHandler = () => {
-      myChart.resize();
-    };
-    const debounce = (fun, delay) => {
-      let timer;
-      return function() {
-        if (timer)
-          clearTimeout(timer);
-        timer = setTimeout(() => {
-          fun();
-        }, delay);
-      };
-    };
-    const cancalDebounce = debounce(resizeHandler, 50);
-    vue.onMounted(() => {
-      myChart = echarts__namespace.init(document.getElementById(props.id), { renderer: "svg" });
-      myChart.showLoading({
-        text: "",
-        color: "#409eff",
-        textColor: "#000",
-        maskColor: "rgba(255, 255, 255, .95)",
-        zlevel: 0,
-        lineWidth: 2
-      });
-      if (!props.loading) {
-        myChart.hideLoading();
-        myChart.setOption(props.fullOptions.options, true);
-      }
-      window.addEventListener("resize", cancalDebounce);
-    });
-    vue.onBeforeUnmount(() => {
-      window.removeEventListener("resize", cancalDebounce);
-      myChart.dispose();
-    });
-    vue.watch(() => [props.fullOptions.options, props.loading], () => {
-      if (!props.loading) {
-        myChart.hideLoading();
-        myChart.setOption(props.fullOptions.options, true);
-      }
-    }, { deep: true });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        id: __props.id,
-        class: vue.normalizeClass(__props.className),
-        style: vue.normalizeStyle({ height: __props.height, width: __props.width })
-      }, null, 14, _hoisted_1);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = Echarts_vue_vue_type_style_index_0_lang;

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

@@ -2,6 +2,9 @@
 
 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 = '';
+const Echarts_vue_vue_type_script_setup_true_lang = require('./Echarts.vue.js');
+require('./Echarts.vue2.js');
 
-exports.default = Echarts_vue_vue_type_style_index_0_scoped_a6622b77_lang;
+
+
+exports.default = Echarts_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/ipes/src/TaskDispose/index.d.ts

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

package/dist/lib/ipes/src/TaskDispose/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 TaskDispose = utils.install(index.default);
+const DvIpesTaskDispose = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
-exports.TaskDispose = TaskDispose;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvIpesTaskDispose = DvIpesTaskDispose;

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

@@ -2,10 +2,296 @@
 
 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 vue = require('vue');
+const Echarts_vue_vue_type_script_setup_true_lang = require('./components/Echarts.vue.js');
+require('./components/Echarts.vue2.js');
+const circlebottom = require('./img/circlebottom.png.js');
 
-const _TaskDispose = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e3feb2a5"]]);
+const _hoisted_1 = { class: "taskDispose" };
+const _hoisted_2 = { class: "module-content mgt8" };
+const _hoisted_3 = { class: "monitoring-points" };
+const _hoisted_4 = /* @__PURE__ */ vue.createStaticVNode('<div class="common-title" style="padding:8px 0 0 8px;"><div class="title-large"> 任务处置统计 </div><div class="title-small"><div class="title-small1"><span style="opacity:0.5;">已处置</span></div><div class="title-small2"><span style="opacity:0.5;">处置中</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__ */ vue.createElementVNode("div", { class: "duty-name" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "duty-title" }, " 今日值班表 ")
+], -1);
+const _hoisted_11 = ["value", "onClick"];
+const _hoisted_12 = { class: "lefts" };
+const _hoisted_13 = { class: "rights text-color" };
+const __default__ = {
+  name: "DvIpesTaskDispose",
+  title: "任务协同组件"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  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 currentModules = "";
+    const colors = {
+      normal: "#FFBE00",
+      // 正常
+      abnormal: "#0EED95",
+      // 异常
+      off: "#8FAFC7"
+      // 离线
+    };
+    const setOptions = (name, data) => {
+      const options = {
+        graphic: {
+          type: "image",
+          style: {
+            image: circlebottom.default,
+            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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _hoisted_4,
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("div", _hoisted_6, [
+                vue.createVNode(Echarts_vue_vue_type_script_setup_true_lang.default, {
+                  id: "aqms",
+                  class: "echarts-pie",
+                  width: "60px",
+                  height: "60px",
+                  "full-options": vue.unref(aqmsOptions),
+                  loading: false
+                }, null, 8, ["full-options"]),
+                vue.createElementVNode("div", {
+                  class: "point-title single-overflow",
+                  title: __props.commonMonitor.nameRiver
+                }, vue.toDisplayString(__props.commonMonitor.nameRiver), 9, _hoisted_7)
+              ]),
+              vue.createElementVNode("div", _hoisted_8, [
+                vue.createVNode(Echarts_vue_vue_type_script_setup_true_lang.default, {
+                  id: "company",
+                  class: "echarts-pie",
+                  width: "60px",
+                  height: "60px",
+                  "full-options": vue.unref(enterpriseOptions),
+                  loading: false
+                }, null, 8, ["full-options"]),
+                vue.createElementVNode("div", {
+                  class: "point-title single-overflow",
+                  title: __props.commonMonitor.nameInfrared
+                }, vue.toDisplayString(__props.commonMonitor.nameInfrared), 9, _hoisted_9)
+              ])
+            ])
+          ]),
+          _hoisted_10,
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.publicManagementList, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: `${index}publicManagementList`,
+              class: "itemsBox flex",
+              value: currentModules === item.siteType,
+              onClick: ($event) => onChange($event, item.siteType)
+            }, [
+              vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(item.duty), 1),
+              vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(item.name), 1)
+            ], 8, _hoisted_11);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
 
-exports.default = _TaskDispose;
+exports.default = _sfc_main;