@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" />
59 lines (56 loc) • 2.04 kB
JavaScript
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, toDisplayString } from 'vue';
import dayjs from 'dayjs';
import { queryAlarmRecordInfoList } from './api/index.mjs';
const _hoisted_1 = { class: "dev-early-warning-broadcast" };
const _hoisted_2 = { class: "broadcast-content" };
const _hoisted_3 = { class: "broadcast-site-type-name" };
const _hoisted_4 = { class: "broadcast-description" };
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "index",
props: {
envTypeCodeList: { default: () => {
return ["water"];
} },
isUseBuiltInApi: { type: Boolean, default: true },
data: { default: () => {
return [];
} }
},
setup(__props) {
const props = __props;
const tableData = ref([]);
const getData = async () => {
const envTypeCodeList = props.envTypeCodeList || ["water"];
const endTime = dayjs().endOf("day").valueOf();
const startTime = dayjs().subtract(7, "day").startOf("day").valueOf();
const res = await queryAlarmRecordInfoList({
envTypeCodeList,
startTime,
endTime
});
return res?.data || [];
};
onMounted(async () => {
if (props.isUseBuiltInApi)
tableData.value = await getData();
else
tableData.value = props.data;
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [
(openBlock(true), createElementBlock(Fragment, null, renderList(tableData.value, (item) => {
return openBlock(), createElementBlock("div", {
key: item.id,
class: "broadcast-item"
}, [
createElementVNode("span", _hoisted_3, toDisplayString(item.siteTypeName), 1),
createElementVNode("span", _hoisted_4, toDisplayString(item.description), 1)
]);
}), 128))
])
]);
};
}
});
export { _sfc_main as default };