@ued_fpi/data-visual 1.2.2 → 1.2.3

package/dist/lib/ipes/src/StreetLightingManagement/type.d.ts

@@ -1,4 +1,6 @@
 export interface LightingDeviceType {
     onlamp: number | null;
     offlamp: number | null;
+    online: number | null;
+    offline: number | null;
 }

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

@@ -4,10 +4,8 @@ export declare const DvIpesTaskDispose: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            commonMonitor?: Record<string, any> | undefined;
-            publicManagementList?: any[] | undefined;
-            gasData?: any[] | undefined;
-            companyData?: any[] | undefined;
+            statisticalData?: any[] | undefined;
+            dutyRoster?: any[] | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -67,42 +65,17 @@ export declare const DvIpesTaskDispose: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            commonMonitor: {
-                type: ObjectConstructor;
-                default: () => {
-                    nameRiver: string;
-                    nameInfrared: string;
-                };
-            };
-            publicManagementList: {
-                type: globalThis.PropType<any[]>;
-                default: () => {
-                    duty: string;
-                    name: string;
-                    siteType: string;
-                }[];
-            };
-            gasData: {
+            statisticalData: {
                 type: globalThis.PropType<any[]>;
-                default: () => {
-                    value: number;
-                    name: string;
-                    color: string;
-                }[];
+                default: () => never[];
             };
-            companyData: {
+            dutyRoster: {
                 type: globalThis.PropType<any[]>;
-                default: () => {
-                    value: number;
-                    name: string;
-                    color: string;
-                }[];
+                default: () => never[];
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            commonMonitor: Record<string, any>;
-            publicManagementList: any[];
-            gasData: any[];
-            companyData: any[];
+            statisticalData: any[];
+            dutyRoster: any[];
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -124,77 +97,29 @@ export declare const DvIpesTaskDispose: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        commonMonitor: {
-            type: ObjectConstructor;
-            default: () => {
-                nameRiver: string;
-                nameInfrared: string;
-            };
-        };
-        publicManagementList: {
+        statisticalData: {
             type: globalThis.PropType<any[]>;
-            default: () => {
-                duty: string;
-                name: string;
-                siteType: string;
-            }[];
+            default: () => never[];
         };
-        gasData: {
+        dutyRoster: {
             type: globalThis.PropType<any[]>;
-            default: () => {
-                value: number;
-                name: string;
-                color: string;
-            }[];
-        };
-        companyData: {
-            type: globalThis.PropType<any[]>;
-            default: () => {
-                value: number;
-                name: string;
-                color: string;
-            }[];
+            default: () => never[];
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    commonMonitor: {
-        type: ObjectConstructor;
-        default: () => {
-            nameRiver: string;
-            nameInfrared: string;
-        };
-    };
-    publicManagementList: {
-        type: globalThis.PropType<any[]>;
-        default: () => {
-            duty: string;
-            name: string;
-            siteType: string;
-        }[];
-    };
-    gasData: {
+    statisticalData: {
         type: globalThis.PropType<any[]>;
-        default: () => {
-            value: number;
-            name: string;
-            color: string;
-        }[];
+        default: () => never[];
     };
-    companyData: {
+    dutyRoster: {
         type: globalThis.PropType<any[]>;
-        default: () => {
-            value: number;
-            name: string;
-            color: string;
-        }[];
+        default: () => never[];
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    commonMonitor: Record<string, any>;
-    publicManagementList: any[];
-    gasData: any[];
-    companyData: any[];
+    statisticalData: any[];
+    dutyRoster: any[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _TaskDispose;

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

@@ -1,72 +1,24 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    commonMonitor: {
-        type: ObjectConstructor;
-        default: () => {
-            nameRiver: string;
-            nameInfrared: string;
-        };
-    };
-    publicManagementList: {
-        type: PropType<any[]>;
-        default: () => {
-            duty: string;
-            name: string;
-            siteType: string;
-        }[];
-    };
-    gasData: {
+    statisticalData: {
         type: PropType<any[]>;
-        default: () => {
-            value: number;
-            name: string;
-            color: string;
-        }[];
+        default: () => never[];
     };
-    companyData: {
+    dutyRoster: {
         type: PropType<any[]>;
-        default: () => {
-            value: number;
-            name: string;
-            color: string;
-        }[];
+        default: () => never[];
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    commonMonitor: {
-        type: ObjectConstructor;
-        default: () => {
-            nameRiver: string;
-            nameInfrared: string;
-        };
-    };
-    publicManagementList: {
-        type: PropType<any[]>;
-        default: () => {
-            duty: string;
-            name: string;
-            siteType: string;
-        }[];
-    };
-    gasData: {
+    statisticalData: {
         type: PropType<any[]>;
-        default: () => {
-            value: number;
-            name: string;
-            color: string;
-        }[];
+        default: () => never[];
     };
-    companyData: {
+    dutyRoster: {
         type: PropType<any[]>;
-        default: () => {
-            value: number;
-            name: string;
-            color: string;
-        }[];
+        default: () => never[];
     };
 }>>, {
-    commonMonitor: Record<string, any>;
-    publicManagementList: any[];
-    gasData: any[];
-    companyData: any[];
+    statisticalData: any[];
+    dutyRoster: any[];
 }, {}>;
 export default _default;

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

@@ -3,291 +3,101 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const Echarts_vue_vue_type_script_setup_true_lang = require('../common/Echarts.vue.js');
-require('../common/Echarts.vue2.js');
-const circlebottom = require('./img/circlebottom.png.js');
+const dayjs = require('dayjs');
+const IpesPercentBar = require('../common/IpesPercentBar.vue.js');
 
-const _hoisted_1 = { class: "dv-ipes-taskDispose" };
-const _hoisted_2 = { class: "dv-ipes-module-content mgt8" };
-const _hoisted_3 = { class: "dv-ipes-monitoring-points" };
-const _hoisted_4 = /* @__PURE__ */ vue.createStaticVNode('<div class="dv-ipes-common-title" style="padding:8px 0 0 8px;"><div class="dv-ipes-title-large"> 任务处置统计 </div><div class="dv-ipes-title-small"><div class="dv-ipes-title-small1"><span style="opacity:0.5;">已处置</span></div><div class="dv-ipes-title-small2"><span style="opacity:0.5;">处置中</span></div></div></div>', 1);
-const _hoisted_5 = {
-  class: "dv-ipes-flex dv-ipes-echarts-wrap dv-ipes-fs12",
-  style: { "justify-content": "space-around", "padding-top": "8px" }
-};
-const _hoisted_6 = { class: "dv-ipes-echarts-item" };
-const _hoisted_7 = ["title"];
-const _hoisted_8 = { class: "dv-ipes-echarts-item" };
-const _hoisted_9 = ["title"];
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-ipes-duty-name" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-ipes-duty-title" }, " 今日值班表 ")
+const _hoisted_1 = { class: "taskDispose" };
+const _hoisted_2 = { class: "module-content" };
+const _hoisted_3 = { class: "monitoring-points" };
+const _hoisted_4 = { class: "common-title" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title-large" }, " 任务处置统计 ", -1);
+const _hoisted_6 = { class: "title-time" };
+const _hoisted_7 = { class: "statistics-box" };
+const _hoisted_8 = { class: "category" };
+const _hoisted_9 = { class: "legend-box" };
+const _hoisted_10 = { class: "legend-item-name" };
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("div", { class: "duty-name" }, [
+  /* @__PURE__ */ vue.createElementVNode("div", { class: "duty-title" }, " 今日值班表 ")
 ], -1);
-const _hoisted_11 = ["value", "onClick"];
-const _hoisted_12 = { class: "dv-ipes-lefts" };
-const _hoisted_13 = { class: "dv-ipes-rights dv-ipes-text-color" };
+const _hoisted_12 = { class: "table-box" };
+const _hoisted_13 = { class: "duty" };
+const _hoisted_14 = { class: "name" };
 const __default__ = {
   name: "DvIpesTaskDispose",
-  title: "任务协同组件"
+  title: "任务协同"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: {
-    commonMonitor: {
-      type: Object,
-      default: () => {
-        return {
-          nameRiver: "大气环境",
-          nameInfrared: "企业环境"
-        };
-      }
-    },
-    publicManagementList: {
+    statisticalData: {
       type: Array,
       default: () => {
-        return [
-          {
-            duty: "值班经理",
-            name: "王建国",
-            siteType: "atm_voc"
-          },
-          {
-            duty: "平台值守",
-            name: "王建国",
-            siteType: "atm_voc2"
-          },
-          {
-            duty: "走航人员",
-            name: "王建国",
-            siteType: "atm_voc3"
-          }
-        ];
+        return [];
       }
     },
-    // 值班数据
-    gasData: {
+    // 任务处置统计数据
+    dutyRoster: {
       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"
-          }
-        ];
+        return [];
       }
     }
-    // 企业环境图表数据
+    // 值班表数据
   },
   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);
+    const currentTime = vue.ref(dayjs().format("YYYY-MM-DD HH"));
     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: "dv-ipes-echarts-pie",
-                  width: "60px",
-                  height: "60px",
-                  "full-options": vue.unref(aqmsOptions),
-                  loading: false
-                }, null, 8, ["full-options"]),
-                vue.createElementVNode("div", {
-                  class: "dv-ipes-point-title dv-ipes-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: "dv-ipes-echarts-pie",
-                  width: "60px",
-                  height: "60px",
-                  "full-options": vue.unref(enterpriseOptions),
-                  loading: false
-                }, null, 8, ["full-options"]),
-                vue.createElementVNode("div", {
-                  class: "dv-ipes-point-title dv-ipes-single-overflow",
-                  title: __props.commonMonitor.nameInfrared
-                }, vue.toDisplayString(__props.commonMonitor.nameInfrared), 9, _hoisted_9)
-              ])
+            vue.createElementVNode("div", _hoisted_4, [
+              _hoisted_5,
+              vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(vue.unref(currentTime)), 1)
+            ]),
+            vue.createElementVNode("div", _hoisted_7, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.statisticalData, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: index,
+                  class: "statistics-item"
+                }, [
+                  vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(item.category), 1),
+                  vue.createVNode(IpesPercentBar.default, {
+                    list: item.list
+                  }, null, 8, ["list"]),
+                  vue.createElementVNode("div", _hoisted_9, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (item2, index2) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: index2,
+                        class: "legend-item"
+                      }, [
+                        vue.createElementVNode("div", {
+                          class: "legend-item-color",
+                          style: vue.normalizeStyle({ background: item2.background })
+                        }, null, 4),
+                        vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(item2.name), 1),
+                        vue.createElementVNode("div", {
+                          class: "legend-item-value",
+                          style: vue.normalizeStyle({ color: item2.background })
+                        }, vue.toDisplayString(item2.value), 5)
+                      ]);
+                    }), 128))
+                  ])
+                ]);
+              }), 128))
             ])
           ]),
-          _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: "dv-ipes-itemsBox dv-ipes-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))
+          _hoisted_11,
+          vue.createElementVNode("div", _hoisted_12, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.dutyRoster, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: `${index}dutyRoster`,
+                class: "dutyRosterItem"
+              }, [
+                vue.createElementVNode("div", _hoisted_13, vue.toDisplayString(item.duty), 1),
+                vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(item.name), 1)
+              ]);
+            }), 128))
+          ])
         ])
       ]);
     };

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

@@ -5,7 +5,6 @@ export declare const DvIpesVocStatistics: {
         $data: {};
         $props: {
             data?: any[] | undefined;
-            title?: string | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -65,20 +64,12 @@ export declare const DvIpesVocStatistics: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: StringConstructor;
-                default: string;
-            };
             data: {
                 type: globalThis.PropType<any[]>;
-                default: () => {
-                    value: string;
-                    label: string;
-                }[];
+                default: () => never[];
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             data: any[];
-            title: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -100,35 +91,20 @@ export declare const DvIpesVocStatistics: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: StringConstructor;
-            default: string;
-        };
         data: {
             type: globalThis.PropType<any[]>;
-            default: () => {
-                value: string;
-                label: string;
-            }[];
+            default: () => never[];
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
     data: {
         type: globalThis.PropType<any[]>;
-        default: () => {
-            value: string;
-            label: string;
-        }[];
+        default: () => never[];
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     data: any[];
-    title: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _VocStatistics;