@ued_fpi/data-visual/dist/lib/ipes/src/OperationEnvironmentMonitor/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 environmentLight = require('./images/environment-light.png.js');
const environment = require('./images/environment.png.js');
const fireProtectionLight = require('./images/fireProtection-light.png.js');
const fireProtection = require('./images/fireProtection.png.js');
const securityLight = require('./images/security-light.png.js');
const security = require('./images/security.png.js');
const videoLight = require('./images/video-light.png.js');
const video = require('./images/video.png.js');
const vue = require('vue');
const request = require('../../service/request.js');
const utils = require('../../../utils.js');

const _hoisted_1 = { class: "dv-ipes-operation-environment-monitor" };
const _hoisted_2 = ["src"];
const _hoisted_3 = { class: "label" };
const __default__ = {
  name: "DvIpesOperationEnvironmentMonitor",
  title: "运行环境监测"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  setup(__props) {
    const { isDark } = utils.useThemeHook();
    const lits = [
      {
        name: "消防",
        key: "fireProtection"
      },
      {
        name: "安全",
        key: "security"
      },
      {
        name: "环保",
        key: "environment"
      },
      {
        name: "视频",
        key: "video"
      }
    ];
    const info = vue.ref({
      fireProtection: "normal",
      security: "normal",
      environment: "normal",
      video: "normal"
    });
    const getImg = (key, isDark2) => {
      return new URL((/* #__PURE__ */ Object.assign({"./images/environment-light.png": environmentLight.default,"./images/environment.png": environment.default,"./images/fireProtection-light.png": fireProtectionLight.default,"./images/fireProtection.png": fireProtection.default,"./images/security-light.png": securityLight.default,"./images/security.png": security.default,"./images/video-light.png": videoLight.default,"./images/video.png": video.default}))[`./images/${key}${isDark2 ? "" : "-light"}.png`], self.location).href;
    };
    function getShowData(value) {
      return value === "normal" ? "正常" : "异常";
    }
    async function getInfoData() {
      try {
        const res = await request.default({
          method: "get",
          url: "/ipes-data-aggregation-server/api/v2/gis/public/panel/public-monitoring"
        });
      } catch (error) {
        console.log(error);
      }
    }
    vue.onMounted(() => {
      getInfoData();
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(lits, (item) => {
          return vue.createElementVNode("div", {
            key: item.key,
            class: "operation-box"
          }, [
            vue.createElementVNode("img", {
              src: getImg(item.key, vue.unref(isDark))
            }, null, 8, _hoisted_2),
            vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.name), 1),
            vue.createElementVNode("div", {
              class: vue.normalizeClass(["value", { abnormal: info.value[item.key] && info.value[item.key] === "abnormal" }])
            }, vue.toDisplayString(getShowData(info.value[item.key])), 3)
          ]);
        }), 64))
      ]);
    };
  }
});

exports.default = _sfc_main;