Merge branch 'dev' into dev-feat-multi-select

This commit is contained in:
奔跑的面条
2022-07-08 18:08:58 +08:00
9 changed files with 43 additions and 27 deletions
@@ -6,12 +6,12 @@
placeholder="源地址如: http://127.0.0.1"
></n-input>
</setting-item-box>
<setting-item-box name="更新间隔">
<setting-item-box name="更新间隔" :alone="true">
<n-input-number
v-model:value.trim="chartEditStore.getRequestGlobalConfig.requestInterval"
min="5"
:show-button="false"
placeholder="为 0 不更新"
placeholder="将应用全局组件"
>
<template #suffix>
@@ -1,7 +1,19 @@
<template>
<div class="go-chart-configurations-data-ajax">
<setting-item-box name="类型" :alone="true">
<n-select v-model:value="targetData.data.requestHttpType" :options="selectOptions" />
<setting-item-box name="配置">
<setting-item name="类型">
<n-select v-model:value="targetData.request.requestHttpType" :options="selectOptions" />
</setting-item>
<setting-item name="默认使用全局间隔">
<n-input-number
v-model:value.trim="targetData.request.requestInterval"
min="5"
:show-button="false"
placeholder="可以为空"
>
<template #suffix> </template>
</n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="源地址:" :alone="true">
@@ -25,9 +37,8 @@
</ul>
</n-tooltip>
</template>
<n-input v-model:value.trim="targetData.data.requestUrl" :min="1" placeholder="请输入地址(去除源)" />
<n-input v-model:value.trim="targetData.request.requestUrl" :min="1" placeholder="请输入地址(去除源)" />
</setting-item-box>
<setting-item-box :alone="true">
<template #name>
测试
@@ -60,7 +71,7 @@
<script setup lang="ts">
import { ref, toRefs, onBeforeUnmount, watchEffect } from 'vue'
import { icon } from '@/plugins'
import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
import { SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
import { RequestHttpEnum, ResultEnum } from '@/enums/httpEnum'
import { chartDataUrl, rankListUrl, scrollBoardUrl, numberFloatUrl, numberIntUrl, textUrl, imageUrl } from '@/api/mock'
import { http } from '@/api/http'
@@ -116,8 +127,8 @@ const selectOptions: SelectHttpType[] = [
// 发送请求
const sendHandle = async () => {
loading.value = true
if(!targetData.value) return
const { requestUrl, requestHttpType } = targetData.value.data
if (!targetData.value) return
const { requestUrl, requestHttpType } = targetData.value.request
if (!requestUrl) {
window['$message'].warning('请求参数不正确,请检查!')
return
@@ -118,7 +118,7 @@ const { uploadFileListRef, customRequest, beforeUpload, download } = useFile(tar
// 是否展示过滤器
const filterShow = computed(() => {
return targetData.value.data.requestDataType === RequestDataTypeEnum.AJAX
return targetData.value.request.requestDataType === RequestDataTypeEnum.AJAX
})
// 是图表类型
@@ -109,7 +109,7 @@ import cloneDeep from 'lodash/cloneDeep'
const { DocumentTextIcon } = icon.ionicons5
const { FilterIcon, FilterEditIcon } = icon.carbon
const { targetData, chartEditStore } = useTargetData()
const { requestDataType } = toRefs(targetData.value.data)
const { requestDataType } = toRefs(targetData.value.request)
const { requestOriginUrl } = toRefs(chartEditStore.getRequestGlobalConfig)
// 受控弹窗
@@ -124,7 +124,7 @@ const sourceData = ref<any>('')
// 动态获取数据
const fetchTargetData = async () => {
try {
const { requestUrl, requestHttpType } = targetData.value.data
const { requestUrl, requestHttpType } = targetData.value.request
if (!requestUrl) {
window['$message'].warning('请求参数不正确,请检查!')
sourceData.value = '请求参数不正确,请检查!'
@@ -2,7 +2,7 @@
<div class="go-chart-configurations-data" v-if="targetData">
<setting-item-box name="请求方式" :alone="true">
<n-select
v-model:value="targetData.data.requestDataType"
v-model:value="targetData.request.requestDataType"
:options="selectOptions"
/>
</setting-item-box>
@@ -11,7 +11,7 @@
<!-- 静态 -->
<chart-data-static
v-if="targetData.data.requestDataType === RequestDataTypeEnum.STATIC"
v-if="targetData.request.requestDataType === RequestDataTypeEnum.STATIC"
></chart-data-static>
<!-- 动态 -->