UNPKG

@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
'use strict'; 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;