@ued_fpi/data-visual/dist/lib/ipes/src/GasControl/components/AlarmStatistics.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 _hoisted_1 = { class: "dv-ipes-alarm-statistics" };
const _hoisted_2 = { class: "dv-ipes-top-action dv-ipes-flex-bw-c" };
const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", null, [
  /* @__PURE__ */ vue.createTextVNode("报警统计"),
  /* @__PURE__ */ vue.createElementVNode("span", null, "（本日）")
], -1);
const _hoisted_4 = { class: "dv-ipes-num" };
const _hoisted_5 = { class: "dv-ipes-middle-action dv-ipes-flex-bw-c" };
const _hoisted_6 = { class: "dv-ipes-bottom-action dv-ipes-flex-bw-c" };
const _hoisted_7 = { class: "dv-ipes-labels" };
const _hoisted_8 = { class: "dv-ipes-nums dv-ipes-flex-bw-c" };
const __default__ = {
  name: "AlarmStatistics"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: {
    // 数据
    data: {
      type: Array,
      default: () => {
        return [];
      }
    },
    all: {
      type: Number
    }
  },
  setup(__props) {
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", null, [
        vue.createElementVNode("div", _hoisted_1, [
          vue.createElementVNode("div", _hoisted_2, [
            _hoisted_3,
            vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(__props.all), 1)
          ]),
          vue.createElementVNode("div", _hoisted_5, [
            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (item) => {
              return vue.openBlock(), vue.createElementBlock("div", {
                key: item.code,
                class: vue.normalizeClass(["dv-ipes-rate", `dv-ipes-${item.code}`]),
                style: vue.normalizeStyle({ width: `${item.count / Number(__props.all) * 100}%` })
              }, null, 6);
            }), 128))
          ]),
          vue.createElementVNode("div", _hoisted_6, [
            vue.createElementVNode("div", _hoisted_7, [
              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (item) => {
                return vue.openBlock(), vue.createElementBlock("span", {
                  key: item.code
                }, vue.toDisplayString(item.name), 1);
              }), 128))
            ]),
            vue.createElementVNode("div", _hoisted_8, [
              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (item) => {
                return vue.openBlock(), vue.createElementBlock("span", {
                  key: item.code,
                  class: vue.normalizeClass(`dv-ipes-${item.code}-text`)
                }, vue.toDisplayString(item.count), 3);
              }), 128))
            ])
          ])
        ])
      ]);
    };
  }
});

exports.default = _sfc_main;