| | |
| | | <template> |
| | | <div style="width: calc(100ch - 28px)"> |
| | | <div class="w-full"> |
| | | <template v-if="data && data.length > 0"> |
| | | <template v-if="summaryList && summaryList.length > 0"> |
| | | <div class="w-full" v-for="(item, idx) in summaryList" :key="idx"> |
| | |
| | | :class="{ 'mt-10': summaryList && summaryList.length > 0 }" |
| | | v-if="recordSetList && recordSetList.length > 0" |
| | | > |
| | | <div class="min-h-[48rem] flex-auto w-full"> |
| | | <div class="h-[20rem] flex-auto w-full"> |
| | | <div ref="chartRefList" v-for="(item, index) in recordSetList" :key="index"></div> |
| | | </div> |
| | | </div> |
| | |
| | | v-for="(item, index) in urlList" |
| | | :key="index" |
| | | ></HTMLCom> |
| | | <MapCom /> |
| | | </div> |
| | | </template> |
| | | <div v-else class="text-red-500">{{ error }}</div> |
| | |
| | | import { PATH_ICON, SCATTER_SYMBOL_SIZE, timeDataOptionToContent } from '../common'; |
| | | import { AnswerType } from '../../model/types'; |
| | | import HTMLCom from '../htmlCom/HTMLCom.vue'; |
| | | import MapCom from '../mapCom/MapCom.vue'; |
| | | |
| | | const props = defineProps(['data', 'error']); |
| | | |
| | | const selectChartType = ref<ChartTypeEnum>(ChartTypeEnum.Line); |
| | |
| | | grid: { |
| | | // bottom: 120, |
| | | // right: '15%', |
| | | bottom: '5%', |
| | | bottom: '8%', |
| | | }, |
| | | toolbox: { |
| | | show: true, |