@ued_fpi/data-visual/dist/lib/ipes/src/EmergencyResources/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 EmergencyResourceCar = require('./images/EmergencyResourceCar.png.js');
const EmergencyResourceCar_light = require('./images/EmergencyResourceCar_light.png.js');
const EmergencyResourceProfessor = require('./images/EmergencyResourceProfessor.png.js');
const EmergencyResourceProfessor_light = require('./images/EmergencyResourceProfessor_light.png.js');
const EmergencyResourceShelter = require('./images/EmergencyResourceShelter.png.js');
const EmergencyResourceShelter_light = require('./images/EmergencyResourceShelter_light.png.js');
const EmergencyResourceTeam = require('./images/EmergencyResourceTeam.png.js');
const EmergencyResourceTeam_light = require('./images/EmergencyResourceTeam_light.png.js');
const EmergencyResourceWarehouse = require('./images/EmergencyResourceWarehouse.png.js');
const EmergencyResourceWarehouse_light = require('./images/EmergencyResourceWarehouse_light.png.js');
const MedicalInstitution = require('./images/MedicalInstitution.png.js');
const MedicalInstitution_light = require('./images/MedicalInstitution_light.png.js');
const materials = require('./images/materials.png.js');
const materials_light = require('./images/materials_light.png.js');
const personnel = require('./images/personnel.png.js');
const preplan = require('./images/preplan.png.js');
const preplan_light = require('./images/preplan_light.png.js');
const _protected = require('./images/protected.png.js');
const vue = require('vue');
const request = require('../../service/request.js');
const utils = require('../../../utils.js');
const hooks = require('../../utils/hooks.js');

const _hoisted_1 = { class: "dv-ipes-emergency-resources" };
const _hoisted_2 = { class: "list-content" };
const _hoisted_3 = ["src"];
const _hoisted_4 = { class: "detail" };
const _hoisted_5 = { class: "label" };
const _hoisted_6 = { class: "value" };
const __default__ = {
  name: "DvIpesEmergencyResources",
  title: "应急资源"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  setup(__props) {
    const { isDark } = utils.useThemeHook();
    const data = vue.ref([]);
    const getImageUrl = (code) => {
      return new URL((/* #__PURE__ */ Object.assign({"./images/EmergencyResourceCar.png": EmergencyResourceCar.default,"./images/EmergencyResourceCar_light.png": EmergencyResourceCar_light.default,"./images/EmergencyResourceProfessor.png": EmergencyResourceProfessor.default,"./images/EmergencyResourceProfessor_light.png": EmergencyResourceProfessor_light.default,"./images/EmergencyResourceShelter.png": EmergencyResourceShelter.default,"./images/EmergencyResourceShelter_light.png": EmergencyResourceShelter_light.default,"./images/EmergencyResourceTeam.png": EmergencyResourceTeam.default,"./images/EmergencyResourceTeam_light.png": EmergencyResourceTeam_light.default,"./images/EmergencyResourceWarehouse.png": EmergencyResourceWarehouse.default,"./images/EmergencyResourceWarehouse_light.png": EmergencyResourceWarehouse_light.default,"./images/MedicalInstitution.png": MedicalInstitution.default,"./images/MedicalInstitution_light.png": MedicalInstitution_light.default,"./images/materials.png": materials.default,"./images/materials_light.png": materials_light.default,"./images/personnel.png": personnel.default,"./images/preplan.png": preplan.default,"./images/preplan_light.png": preplan_light.default,"./images/protected.png": _protected.default}))[`./images/${code}${isDark.value ? "" : "_light"}.png`], self.location).href;
    };
    async function getData() {
      try {
        const res = await request.default({
          method: "get",
          url: "/ipes-emergency-manager-server/api/v2/statistical/resource/overview"
        });
        console.log(res);
        data.value = res.data;
      } catch (error) {
        console.log(error);
      }
    }
    vue.onMounted(() => {
      getData();
    });
    hooks.setIntervalData(getData, 5 * 60 * 1e3);
    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(vue.unref(data), (item) => {
            return vue.openBlock(), vue.createElementBlock("div", {
              key: item.code,
              class: "list flex flex-s"
            }, [
              vue.createElementVNode("img", {
                class: "avatar",
                src: getImageUrl(item.code)
              }, null, 8, _hoisted_3),
              vue.createElementVNode("div", _hoisted_4, [
                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.name), 1),
                vue.createElementVNode("div", _hoisted_6, [
                  vue.createElementVNode("span", null, vue.toDisplayString(item.value), 1),
                  vue.createElementVNode("span", null, vue.toDisplayString(item.unit), 1)
                ])
              ])
            ]);
          }), 128))
        ])
      ]);
    };
  }
});

exports.default = _sfc_main;