2022-07-16 20:57:01 +08:00

41 lines
1.2 KiB
Vue

<template>
<div class="go-chart-configurations-data" v-if="targetData">
<setting-item-box name="请求方式" :alone="true">
<n-select
v-model:value="targetData.request.requestDataType"
:options="selectOptions"
/>
</setting-item-box>
<!-- 静态 -->
<chart-data-static
v-if="targetData.request.requestDataType === RequestDataTypeEnum.STATIC"
></chart-data-static>
<!-- 动态 -->
<chart-data-ajax v-else></chart-data-ajax>
</div>
</template>
<script setup lang="ts">
import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
import { useTargetData } from '../hooks/useTargetData.hook'
import { ChartDataStatic } from './components/ChartDataStatic/index'
import { ChartDataAjax } from './components/ChartDataAjax/index'
import { SelectCreateDataType, SelectCreateDataEnum } from './index.d'
import { RequestDataTypeEnum } from '@/enums/httpEnum'
const { targetData } = useTargetData()
// 选项
const selectOptions: SelectCreateDataType[] = [
{
label: SelectCreateDataEnum.STATIC,
value: RequestDataTypeEnum.STATIC
},
{
label: SelectCreateDataEnum.AJAX,
value: RequestDataTypeEnum.AJAX
}
]
</script>