@ued_fpi/data-visual/dist/lib/ipes/src/EmergencyDuty/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 accidentBorder = require('./images/accident-border.png.js');
const dutyBorder = require('./images/duty-border.png.js');
const eventBorder = require('./images/event-border.png.js');
const vue = require('vue');
const user = require('./images/user.png.js');

const _hoisted_1 = { class: "dv-ipes-emergency-duty" };
const _hoisted_2 = { class: "env-mg dv-ipes-flex-bw-c" };
const _hoisted_3 = {
  key: 0,
  class: "list-user dv-ipes-flex-bw-c"
};
const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("img", {
  class: "left",
  src: user.default
}, null, -1);
const _hoisted_5 = { class: "right" };
const _hoisted_6 = ["title"];
const __default__ = {
  name: "DvIpesEmergencyDuty",
  title: "应急值守"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: {
    panelData: { default: () => [
      {
        label: "值班领导",
        key: "leader",
        isTop: true,
        borderName: "duty",
        name: "--"
      },
      {
        label: "值班人员",
        key: "user",
        isTop: true,
        borderName: "duty",
        name: "--"
      }
    ] }
  },
  setup(__props) {
    const getImg = (name) => {
      return new URL((/* #__PURE__ */ Object.assign({"./images/accident-border.png": accidentBorder.default,"./images/duty-border.png": dutyBorder.default,"./images/event-border.png": eventBorder.default}))[`./images/${name}-border.png`], self.location).href;
    };
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode("div", _hoisted_2, [
          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.panelData, (item, index) => {
            return vue.openBlock(), vue.createElementBlock("div", {
              key: index,
              class: "list dv-ipes-flex-bw-c",
              style: vue.normalizeStyle({
                "margin": item.isTop ? "4px 0" : 0,
                "background-image": `url(${getImg(`${item.borderName}`)})`
              })
            }, [
              item.isTop ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                _hoisted_4,
                vue.createElementVNode("div", _hoisted_5, [
                  vue.createElementVNode("span", null, vue.toDisplayString(item.label), 1),
                  vue.createElementVNode("div", {
                    class: "name dv-ipes-single-overflow",
                    title: item.name
                  }, vue.toDisplayString(item.name), 9, _hoisted_6)
                ])
              ])) : vue.createCommentVNode("", true)
            ], 4);
          }), 128))
        ])
      ]);
    };
  }
});

exports.default = _sfc_main;