@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" />
149 lines (146 loc) • 6.2 kB
JavaScript
import __vite_glob_0_0 from './images/bg-light.png.mjs';
import __vite_glob_0_1 from './images/bg.png.mjs';
import __vite_glob_0_2 from './images/enter-light.png.mjs';
import __vite_glob_0_3 from './images/enter.png.mjs';
import __vite_glob_0_4 from './images/leave-light.png.mjs';
import __vite_glob_0_5 from './images/leave.png.mjs';
import __vite_glob_0_6 from './images/onParkNum-bg.png.mjs';
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, normalizeClass } 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-transport-vehicle" };
const _hoisted_2 = { class: "vehicle-box" };
const _hoisted_3 = { class: "park" };
const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 园内危化品车 ", -1);
const _hoisted_5 = { class: "value" };
const _hoisted_6 = { class: "car-right" };
const _hoisted_7 = { class: "leave" };
const _hoisted_8 = { class: "label" };
const _hoisted_9 = ["src"];
const _hoisted_10 = { class: "value" };
const _hoisted_11 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 今日入园 ", -1);
const _hoisted_12 = { class: "num carIn" };
const _hoisted_13 = { class: "enter" };
const _hoisted_14 = { class: "label" };
const _hoisted_15 = ["src"];
const _hoisted_16 = { class: "value" };
const _hoisted_17 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 今日出园 ", -1);
const _hoisted_18 = { class: "num" };
const _hoisted_19 = /* @__PURE__ */ createElementVNode("div", { class: "forewarning" }, [
/* @__PURE__ */ createElementVNode("div", { class: "title" }, " 车辆违规报警 ")
], -1);
const _hoisted_20 = { class: "month-num" };
const _hoisted_21 = /* @__PURE__ */ createElementVNode("div", { class: "label" }, " 今日报警 ", -1);
const _hoisted_22 = { class: "value" };
const _hoisted_23 = { class: "bottom-panel" };
const _hoisted_24 = { class: "title" };
const _hoisted_25 = { class: "value" };
const __default__ = {
name: "DvIpesTransportVehicleManagement",
title: "危化品运输车辆管理"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
...__default__,
setup(__props) {
const { isDark } = useThemeHook();
const getImg = (key) => {
return new URL((/* #__PURE__ */ Object.assign({"./images/bg-light.png": __vite_glob_0_0,"./images/bg.png": __vite_glob_0_1,"./images/enter-light.png": __vite_glob_0_2,"./images/enter.png": __vite_glob_0_3,"./images/leave-light.png": __vite_glob_0_4,"./images/leave.png": __vite_glob_0_5,"./images/onParkNum-bg.png": __vite_glob_0_6}))[`./images/${key}.png`], self.location).href;
};
const countData = ref({
carIn: 0,
// 本月入园
carOut: 0,
// 本月出园
onParkNum: 0,
// 园内车辆
alarmNum: 0,
// 本月预警
alarmMom: 0,
// 预警环比
overSpeed: 0,
// 车辆超速
illegalStay: 0,
// 违规停留
offRoute: 0,
// 偏离路线
forbiddenPeriod: 0
// 禁行时段
});
const commitmentInfos = ref([
{ title: "超速行驶", key: "overSpeed" },
{ title: "违规停留", key: "illegalStay" },
{ title: "禁行时段", key: "forbiddenPeriod" },
{ title: "车道偏离", key: "offRoute" }
]);
async function getData() {
try {
const res = await requestControl({
method: "get",
url: "/ipes-pcip-server/api/v2/gis/stat-chemical-car"
});
countData.value = res?.data ?? {};
} catch (error) {
console.log(error);
}
}
function getShowData(value) {
return value == null ? "0" : value;
}
onMounted(() => {
getData();
});
setIntervalData(getData);
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [
createElementVNode("div", _hoisted_3, [
_hoisted_4,
createElementVNode("div", _hoisted_5, toDisplayString(getShowData(countData.value.onParkNum)), 1)
]),
createElementVNode("div", _hoisted_6, [
createElementVNode("div", _hoisted_7, [
createElementVNode("div", _hoisted_8, [
createElementVNode("img", {
src: getImg(unref(isDark) ? "enter" : "enter-light")
}, null, 8, _hoisted_9)
]),
createElementVNode("div", _hoisted_10, [
_hoisted_11,
createElementVNode("div", _hoisted_12, toDisplayString(getShowData(countData.value.carIn)), 1)
])
]),
createElementVNode("div", _hoisted_13, [
createElementVNode("div", _hoisted_14, [
createElementVNode("img", {
src: getImg(unref(isDark) ? "leave" : "leave-light")
}, null, 8, _hoisted_15)
]),
createElementVNode("div", _hoisted_16, [
_hoisted_17,
createElementVNode("div", _hoisted_18, toDisplayString(getShowData(countData.value.carOut)), 1)
])
])
])
]),
_hoisted_19,
createElementVNode("div", _hoisted_20, [
_hoisted_21,
createElementVNode("div", _hoisted_22, toDisplayString(getShowData(countData.value.alarmNum)), 1)
]),
createElementVNode("div", _hoisted_23, [
(openBlock(true), createElementBlock(Fragment, null, renderList(commitmentInfos.value, (item) => {
return openBlock(), createElementBlock("div", {
key: item.key,
class: normalizeClass(["row", item.key])
}, [
createElementVNode("div", _hoisted_24, toDisplayString(item.title), 1),
createElementVNode("div", _hoisted_25, toDisplayString(getShowData(countData.value[item.key])), 1)
], 2);
}), 128))
])
]);
};
}
});
export { _sfc_main as default };