@ued_fpi/data-visual/dist/es/ipes/src/EmergencyDuty/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 __vite_glob_0_0 from './images/accident-border.png.mjs';
import __vite_glob_0_1 from './images/duty-border.png.mjs';
import __vite_glob_0_2 from './images/event-border.png.mjs';
import { defineComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createCommentVNode } from 'vue';
import _imports_0 from './images/user.png.mjs';

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__ */ createElementVNode("img", {
  class: "left",
  src: _imports_0
}, null, -1);
const _hoisted_5 = { class: "right" };
const _hoisted_6 = ["title"];
const __default__ = {
  name: "DvIpesEmergencyDuty",
  title: "应急值守"
};
const _sfc_main = /* @__PURE__ */ 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": __vite_glob_0_0,"./images/duty-border.png": __vite_glob_0_1,"./images/event-border.png": __vite_glob_0_2}))[`./images/${name}-border.png`], self.location).href;
    };
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, [
          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.panelData, (item, index) => {
            return openBlock(), createElementBlock("div", {
              key: index,
              class: "list dv-ipes-flex-bw-c",
              style: normalizeStyle({
                "margin": item.isTop ? "4px 0" : 0,
                "background-image": `url(${getImg(`${item.borderName}`)})`
              })
            }, [
              item.isTop ? (openBlock(), createElementBlock("div", _hoisted_3, [
                _hoisted_4,
                createElementVNode("div", _hoisted_5, [
                  createElementVNode("span", null, toDisplayString(item.label), 1),
                  createElementVNode("div", {
                    class: "name dv-ipes-single-overflow",
                    title: item.name
                  }, toDisplayString(item.name), 9, _hoisted_6)
                ])
              ])) : createCommentVNode("", true)
            ], 4);
          }), 128))
        ])
      ]);
    };
  }
});

export { _sfc_main as default };