@ued_fpi/data-visual
Version:
<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" />
86 lines (83 loc) • 4.69 kB
JavaScript
import __vite_glob_0_0 from './images/EmergencyResourceCar.png.mjs';
import __vite_glob_0_1 from './images/EmergencyResourceCar_light.png.mjs';
import __vite_glob_0_2 from './images/EmergencyResourceProfessor.png.mjs';
import __vite_glob_0_3 from './images/EmergencyResourceProfessor_light.png.mjs';
import __vite_glob_0_4 from './images/EmergencyResourceShelter.png.mjs';
import __vite_glob_0_5 from './images/EmergencyResourceShelter_light.png.mjs';
import __vite_glob_0_6 from './images/EmergencyResourceTeam.png.mjs';
import __vite_glob_0_7 from './images/EmergencyResourceTeam_light.png.mjs';
import __vite_glob_0_8 from './images/EmergencyResourceWarehouse.png.mjs';
import __vite_glob_0_9 from './images/EmergencyResourceWarehouse_light.png.mjs';
import __vite_glob_0_10 from './images/MedicalInstitution.png.mjs';
import __vite_glob_0_11 from './images/MedicalInstitution_light.png.mjs';
import __vite_glob_0_12 from './images/materials.png.mjs';
import __vite_glob_0_13 from './images/materials_light.png.mjs';
import __vite_glob_0_14 from './images/personnel.png.mjs';
import __vite_glob_0_15 from './images/preplan.png.mjs';
import __vite_glob_0_16 from './images/preplan_light.png.mjs';
import __vite_glob_0_17 from './images/protected.png.mjs';
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString } from 'vue';
import requestControl from '../../service/request.mjs';
import { useThemeHook } from '../../../utils.mjs';
import { setIntervalData } from '../../utils/hooks.mjs';
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__ */ defineComponent({
...__default__,
setup(__props) {
const { isDark } = useThemeHook();
const data = ref([]);
const getImageUrl = (code) => {
return new URL((/* #__PURE__ */ Object.assign({"./images/EmergencyResourceCar.png": __vite_glob_0_0,"./images/EmergencyResourceCar_light.png": __vite_glob_0_1,"./images/EmergencyResourceProfessor.png": __vite_glob_0_2,"./images/EmergencyResourceProfessor_light.png": __vite_glob_0_3,"./images/EmergencyResourceShelter.png": __vite_glob_0_4,"./images/EmergencyResourceShelter_light.png": __vite_glob_0_5,"./images/EmergencyResourceTeam.png": __vite_glob_0_6,"./images/EmergencyResourceTeam_light.png": __vite_glob_0_7,"./images/EmergencyResourceWarehouse.png": __vite_glob_0_8,"./images/EmergencyResourceWarehouse_light.png": __vite_glob_0_9,"./images/MedicalInstitution.png": __vite_glob_0_10,"./images/MedicalInstitution_light.png": __vite_glob_0_11,"./images/materials.png": __vite_glob_0_12,"./images/materials_light.png": __vite_glob_0_13,"./images/personnel.png": __vite_glob_0_14,"./images/preplan.png": __vite_glob_0_15,"./images/preplan_light.png": __vite_glob_0_16,"./images/protected.png": __vite_glob_0_17}))[`./images/${code}${isDark.value ? "" : "_light"}.png`], self.location).href;
};
async function getData() {
try {
const res = await requestControl({
method: "get",
url: "/ipes-emergency-manager-server/api/v2/statistical/resource/overview"
});
console.log(res);
data.value = res.data;
} catch (error) {
console.log(error);
}
}
onMounted(() => {
getData();
});
setIntervalData(getData, 5 * 60 * 1e3);
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item) => {
return openBlock(), createElementBlock("div", {
key: item.code,
class: "list flex flex-s"
}, [
createElementVNode("img", {
class: "avatar",
src: getImageUrl(item.code)
}, null, 8, _hoisted_3),
createElementVNode("div", _hoisted_4, [
createElementVNode("div", _hoisted_5, toDisplayString(item.name), 1),
createElementVNode("div", _hoisted_6, [
createElementVNode("span", null, toDisplayString(item.value), 1),
createElementVNode("span", null, toDisplayString(item.unit), 1)
])
])
]);
}), 128))
])
]);
};
}
});
export { _sfc_main as default };