@ued_fpi/data-visual/dist/es/ipes/src/TaskDispose/index.vue.mjs

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, createVNode, normalizeStyle } from 'vue';
import dayjs from 'dayjs';
import IpesPercentBar from '../common/IpesPercentBar.vue.mjs';

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__ */ 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__ */ createElementVNode("div", { class: "duty-name" }, [
  /* @__PURE__ */ createElementVNode("div", { class: "duty-title" }, " 今日值班表 ")
], -1);
const _hoisted_12 = { class: "table-box" };
const _hoisted_13 = { class: "duty" };
const _hoisted_14 = { class: "name" };
const __default__ = {
  name: "DvIpesTaskDispose",
  title: "任务协同"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    statisticalData: {
      type: Array,
      default: () => {
        return [];
      }
    },
    // 任务处置统计数据
    dutyRoster: {
      type: Array,
      default: () => {
        return [];
      }
    }
    // 值班表数据
  },
  setup(__props) {
    const currentTime = ref(dayjs().format("YYYY-MM-DD HH"));
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, [
          createElementVNode("div", _hoisted_3, [
            createElementVNode("div", _hoisted_4, [
              _hoisted_5,
              createElementVNode("div", _hoisted_6, toDisplayString(unref(currentTime)), 1)
            ]),
            createElementVNode("div", _hoisted_7, [
              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.statisticalData, (item, index) => {
                return openBlock(), createElementBlock("div", {
                  key: index,
                  class: "statistics-item"
                }, [
                  createElementVNode("div", _hoisted_8, toDisplayString(item.category), 1),
                  createVNode(IpesPercentBar, {
                    list: item.list
                  }, null, 8, ["list"]),
                  createElementVNode("div", _hoisted_9, [
                    (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (item2, index2) => {
                      return openBlock(), createElementBlock("div", {
                        key: index2,
                        class: "legend-item"
                      }, [
                        createElementVNode("div", {
                          class: "legend-item-color",
                          style: normalizeStyle({ background: item2.background })
                        }, null, 4),
                        createElementVNode("span", _hoisted_10, toDisplayString(item2.name), 1),
                        createElementVNode("div", {
                          class: "legend-item-value",
                          style: normalizeStyle({ color: item2.background })
                        }, toDisplayString(item2.value), 5)
                      ]);
                    }), 128))
                  ])
                ]);
              }), 128))
            ])
          ]),
          _hoisted_11,
          createElementVNode("div", _hoisted_12, [
            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.dutyRoster, (item, index) => {
              return openBlock(), createElementBlock("div", {
                key: `${index}dutyRoster`,
                class: "dutyRosterItem"
              }, [
                createElementVNode("div", _hoisted_13, toDisplayString(item.duty), 1),
                createElementVNode("div", _hoisted_14, toDisplayString(item.name), 1)
              ]);
            }), 128))
          ])
        ])
      ]);
    };
  }
});

export { _sfc_main as default };