mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化请求展示区域

Browse Source
This commit is contained in:
奔跑的面条 2022-07-16 21:02:32 +08:00
parent 4107477b9b
commit 3db217e687
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataAjax/index.vue
View File

@ -29,7 +29,9 @@
</n-input> </n-input>
</setting-item-box> </setting-item-box>
<n-text depth="3">更新内容请点击配置</n-text> <n-space justify="end">
<n-text depth="3" style="font-size: 12px">更新内容请点击展示区域</n-text>
</n-space>
<div class="edit-text" @click="requestModelHandle"> <div class="edit-text" @click="requestModelHandle">
<div class="go-absolute-center"> <div class="go-absolute-center">
@ -139,13 +141,18 @@ onBeforeUnmount(() => {
.n-card-shallow { .n-card-shallow {
&.n-card { &.n-card {
@extend .go-background-filter; @extend .go-background-filter;
@include deep() {
.n-card__content {
padding: 10px;
}
}
} }
.edit-text { .edit-text {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 325px; width: 325px;
height: 254px; height: 235px;
cursor: pointer; cursor: pointer;
opacity: 0; opacity: 0;
transition: all 0.3s; transition: all 0.3s;

12
src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/components/RequestTargetConfig/index.vue
View File

@ -48,17 +48,9 @@
<n-select class="select-time-options" v-model:value="requestIntervalUnit" :options="selectTimeOptions" /> <n-select class="select-time-options" v-model:value="requestIntervalUnit" :options="selectTimeOptions" />
</n-input-group> </n-input-group>
</setting-item> </setting-item>
<n-button ghost type="primary">
<template #icon>
<n-icon>
<flash-icon />
</n-icon>
</template>
发送请求
</n-button>
</setting-item-box> </setting-item-box>
<setting-item-box name="选择方式" class="go-mt-0"> <setting-item-box name="选择方式" class="go-mt-0">
<request-header></request-header> <request-header></request-header>
</setting-item-box> </setting-item-box>
</template> </template>
@ -72,7 +64,7 @@ import { isDev } from '@/utils'
import { icon } from '@/plugins' import { icon } from '@/plugins'
import { chartDataUrl, rankListUrl, scrollBoardUrl, numberFloatUrl, numberIntUrl, textUrl, imageUrl } from '@/api/mock' import { chartDataUrl, rankListUrl, scrollBoardUrl, numberFloatUrl, numberIntUrl, textUrl, imageUrl } from '@/api/mock'
const { HelpOutlineIcon, FlashIcon } = icon.ionicons5 const { HelpOutlineIcon } = icon.ionicons5
const { targetData, chartEditStore } = useTargetData() const { targetData, chartEditStore } = useTargetData()
const { requestOriginUrl } = toRefs(chartEditStore.getRequestGlobalConfig) const { requestOriginUrl } = toRefs(chartEditStore.getRequestGlobalConfig)
const { requestInterval, requestIntervalUnit, requestHttpType, requestUrl } = toRefs(targetData.value.request) const { requestInterval, requestIntervalUnit, requestHttpType, requestUrl } = toRefs(targetData.value.request)