@ued_fpi/data-visual/dist/lib/ipes/src/TaskDispose/index.vue.js

<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" />

'use strict';

Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });

const vue = require('vue');
const dayjs = require('dayjs');
const IpesPercentBar = require('../common/IpesPercentBar.vue.js');

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_12 = { class: "table-box" };
const _hoisted_13 = { class: "duty" };
const _hoisted_14 = { class: "name" };
const __default__ = {
  name: "DvIpesTaskDispose",
  title: "任务协同"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: {
    statisticalData: {
      type: Array,
      default: () => {
        return [];
      }
    },
    // 任务处置统计数据
    dutyRoster: {
      type: Array,
      default: () => {
        return [];
      }
    }
    // 值班表数据
  },
  setup(__props) {
    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, [
            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_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))
          ])
        ])
      ]);
    };
  }
});

exports.default = _sfc_main;