| | |
| | | const loading = ref(false) |
| | | |
| | | |
| | | const open = async (id: string) => { |
| | | const open = async (suggestId: string) => { |
| | | visible.value = true |
| | | await getDataList(id) |
| | | await getDataList(suggestId) |
| | | } |
| | | |
| | | defineExpose({ open }) |
| | | |
| | | /** 获取数据列表 */ |
| | | const getDataList = async (id: string) => { |
| | | const getDataList = async (suggestId: string) => { |
| | | try { |
| | | const res = await suggestSnapshotApi.getList(id) |
| | | const res = await suggestSnapshotApi.getList(suggestId) |
| | | dataList.value = res |
| | | selectedData.value = [] // 清空已选项 |
| | | refreshCharts() |
| | | } catch (error) { |
| | | console.error(error) |
| | | message.error('获取数据列表失败') |
| | |
| | | series: [{ |
| | | type: 'line', |
| | | data: chartInfo.data?.dataList || [], |
| | | lineStyle: { color: '#5B8FF9', width: 1 } |
| | | lineStyle: { color: '#5B8FF9', width: 1 }, |
| | | markLine: { |
| | | silent: true, |
| | | symbol: ['none', 'none'], |
| | | lineStyle: { |
| | | type: 'solid', |
| | | width: 1, |
| | | color: '#95E6FF', |
| | | }, |
| | | label: { |
| | | show: false, |
| | | }, |
| | | data: [ |
| | | { |
| | | xAxis: chartInfo.data?.scheduleTime || 0, // 真实数据分割线 |
| | | lineStyle: { |
| | | color: '#5DFF9E', |
| | | }, |
| | | } |
| | | ], |
| | | }, |
| | | }] |
| | | } |
| | | |
| | | chart.setOption(option) |
| | | return chart |
| | | }).filter(Boolean) as echarts.ECharts[] |
| | | }) |
| | | } |
| | | </script> |
| | | |