@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" />
177 lines (172 loc) • 7.44 kB
JavaScript
'use strict';
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const vue = require('vue');
const dayjs = require('dayjs');
const index = require('./api/index.js');
const _0 = require('./images/0.svg.js');
const _1 = require('./images/1.svg.js');
const _1$1 = require('./images/-1.svg.js');
const _hoisted_1 = { class: "dv-wgms-lake-river-index" };
const _hoisted_2 = { class: "dv-wgms-lake-river-item" };
const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-mgb8" }, " 重要流域水质 ", -1);
const _hoisted_4 = { class: "dv-wgms-river-detail dv-wgms-flex-bw-c" };
const _hoisted_5 = { class: "dv-wgms-top-river-name dv-wgms-text-14 dv-wgms-mgb12" };
const _hoisted_6 = { class: "dv-wgms-flex-c-c" };
const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-white-60 dv-wgms-mgr4" }, " 同比 ", -1);
const _hoisted_8 = ["src"];
const _hoisted_9 = { class: "dv-wgms-lake-river-item" };
const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-mgb8" }, " 重要水体水质 ", -1);
const _hoisted_11 = { class: "dv-wgms-river-detail dv-wgms-flex-bw-c" };
const _hoisted_12 = { class: "dv-wgms-top-river-name dv-wgms-text-14 dv-wgms-mgb12" };
const _hoisted_13 = { class: "dv-wgms-flex-c-c" };
const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-white-60 dv-wgms-mgr4" }, " 同比 ", -1);
const _hoisted_15 = ["src"];
const _hoisted_16 = { class: "dv-wgms-lake-river-item" };
const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-mgb8" }, " 重要湖库营养化指数 ", -1);
const _hoisted_18 = { class: "dv-wgms-river-detail dv-wgms-flex-bw-c" };
const _hoisted_19 = { class: "dv-wgms-top-river-name dv-wgms-text-14 dv-wgms-mgb12" };
const _hoisted_20 = { class: "dv-wgms-flex-c-c" };
const _hoisted_21 = { class: "dv-wgms-text-14 dv-wgms-white-60 dv-wgms-mgr4" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
...{
name: "DvWgmsLakeRiverIndex",
title: "流域水质、水体水质、湖库富营养化指数"
},
__name: "index",
props: {
beginTime: {
type: Number,
default: dayjs().startOf("year").valueOf()
},
endTime: {
type: Number,
default: dayjs().subtract(-1, "y").startOf("year").valueOf()
},
factorGroupId: {
type: [Number, String],
default: 8
},
timeType: {
type: String,
default: "day"
},
treeId: {
type: [Number, String],
default: "3301"
},
treeType: {
type: [Number, String],
default: "1"
},
isLazy: {
type: Boolean,
default: false
},
data: {
type: Array,
default: void 0
}
},
setup(__props, { expose: __expose }) {
const props = __props;
const compareImg = [_0.default, _1.default, _1$1.default];
const keyRiverQuality = vue.ref([]);
const waterKeyQuality = vue.ref([]);
const eutrophication = vue.ref([]);
vue.watch(() => props.data, (val) => {
if (!val)
return;
keyRiverQuality.value = val[0];
waterKeyQuality.value = val[1];
eutrophication.value = val[2];
}, { immediate: true, deep: true });
vue.onMounted(() => {
!props.data && !props.isLazy && getRankData();
});
const reload = () => {
getRankData();
};
const getRankData = async () => {
const params = {
startTime: props.beginTime,
endTime: props.endTime,
factorGroupId: props.factorGroupId,
queryType: 0,
timeType: props.timeType,
treeId: props.treeId,
treeType: props.treeType
};
const allData = await Promise.all([index.getWgmsNodeWaterSituation({ ...params }), index.getWgmsNodeWaterSituation({ ...params, queryType: 1 }), index.getWgmsEutrophiaList({ ...params })]);
keyRiverQuality.value = Object.values(allData[0].data || []);
waterKeyQuality.value = Object.values(allData[1].data || []);
eutrophication.value = Object.values(allData[2].data || []);
};
__expose({
reload
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
vue.createElementVNode("div", _hoisted_2, [
_hoisted_3,
vue.createElementVNode("div", _hoisted_4, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(keyRiverQuality.value, (item, index) => {
return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.name), 1),
vue.createElementVNode("div", _hoisted_6, [
vue.createElementVNode("div", {
class: "dv-wgms-lake-level-box",
style: vue.normalizeStyle({ background: item.waterQualityColor })
}, vue.toDisplayString(item.waterQualityName), 5),
_hoisted_7,
vue.createElementVNode("img", {
src: compareImg[item.yoy || 0],
alt: ""
}, null, 8, _hoisted_8)
])
]);
}), 128))
])
]),
vue.createElementVNode("div", _hoisted_9, [
_hoisted_10,
vue.createElementVNode("div", _hoisted_11, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(waterKeyQuality.value, (item, index) => {
return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(item.name), 1),
vue.createElementVNode("div", _hoisted_13, [
vue.createElementVNode("div", {
class: "dv-wgms-lake-level-box",
style: vue.normalizeStyle({ background: item.waterQualityColor })
}, vue.toDisplayString(item.waterQualityName), 5),
_hoisted_14,
vue.createElementVNode("img", {
src: compareImg[item.yoy || 0],
alt: ""
}, null, 8, _hoisted_15)
])
]);
}), 128))
])
]),
vue.createElementVNode("div", _hoisted_16, [
_hoisted_17,
vue.createElementVNode("div", _hoisted_18, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(eutrophication.value, (item, index) => {
return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.name), 1),
vue.createElementVNode("div", _hoisted_20, [
vue.createElementVNode("div", {
class: "dv-wgms-lake-level-box",
style: vue.normalizeStyle({ background: item.waterQualityColor })
}, vue.toDisplayString(item.waterQualityName), 5),
vue.createElementVNode("div", _hoisted_21, vue.toDisplayString(item.eutrophia), 1)
])
]);
}), 128))
])
])
]);
};
}
});
exports.default = _sfc_main;