feat: 新增数据请求接口

This commit is contained in:
MTrun
2022-03-21 20:56:42 +08:00
parent c937555020
commit 62ed00e31c
14 changed files with 177 additions and 73 deletions
@@ -1,15 +1,19 @@
<template>
<div class="go-chart-configurations-data" v-if="targetData">
<setting-item-box name="请求方式" :alone="true">
<n-select v-model:value="targetData.data.requestDataType" :options="selectOptions" />
<n-select
v-model:value="targetData.data.requestDataType"
:options="selectOptions"
/>
</setting-item-box>
<n-divider style="margin: 10px 0;"></n-divider>
<!-- 静态 -->
<chart-data-static
v-if="targetData.data.requestDataType === RequestDataTypeEnum.STATIC"
:targetData="targetData"
></chart-data-static>
<!-- 动态 -->
<chart-data-ajax v-else></chart-data-ajax>
<chart-data-ajax v-else :targetData="targetData"></chart-data-ajax>
</div>
</template>
@@ -19,27 +23,25 @@ import { RequestDataTypeEnum } from '@/store/modules/chartEditStore/chartEditSto
import { useTargetData } from '../hooks/useTargetData.hook'
import { ChartDataStatic } from './components/ChartDataStatic/index'
import { ChartDataAjax } from './components/ChartDataAjax/index'
import { SelectOptionsType, SelcetOptionsLableEnum } from './index.d'
import { SelectCreateDataType, SelectCreateDataEnum } from './index.d'
const { targetData } = useTargetData()
// 选项
const selectOptions: SelectOptionsType[] = [
const selectOptions: SelectCreateDataType[] = [
{
label: SelcetOptionsLableEnum.STATIC,
label: SelectCreateDataEnum.STATIC,
value: RequestDataTypeEnum.STATIC
},
{
label: SelcetOptionsLableEnum.AJAX,
value: RequestDataTypeEnum.AJAX,
label: SelectCreateDataEnum.AJAX,
value: RequestDataTypeEnum.AJAX
}
]
</script>
<style>
</style>
<style></style>
<style lang="scss" scoped>
@include go("chart-configurations-data") {
@include go('chart-configurations-data') {
}
</style>