@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" />
56 lines (51 loc) • 1.81 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const vue = require('vue');
const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
const echartsOptions = require('../../utils/echarts/echartsOptions.js');
const index = require('./api/index.js');
const _hoisted_1 = {
class: "dv-wgms-water-quality-regional-comprehensive",
red: "barBox"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
...{
name: "DvWgmsWaterQualityRegionalComprehensive",
title: "区域水质综合指数变化(1.1)"
},
__name: "index",
props: {
treeId: { default: "3301" },
treeType: { default: 1 },
year: { default: "2023" },
isLazy: { type: Boolean, default: false }
},
setup(__props, { expose: __expose }) {
const props = __props;
const options = vue.shallowRef();
const getData = async () => {
const { data } = await index.synthesisIndexChange({ ...props });
const yData = [];
const xData = [];
data?.forEach((item) => {
yData.push(item.synthesisIndex);
xData.push(item.time);
});
options.value = echartsOptions.comprehensiveWaterQualityOption(xData, yData);
};
vue.watch([() => props.treeId, () => props.treeType, () => props.year, () => props.isLazy], () => {
if (props.isLazy)
return;
getData();
}, { immediate: true });
__expose({
reload: getData
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: options.value }, null, 8, ["options"])
]);
};
}
});
exports.default = _sfc_main;