blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-26 03:16:34 +08:00
Code Issues Projects Releases Wiki Activity

fix: 修复编辑动态请求modal，esc关闭后无法再次打开的问题，并增加取消关闭

Browse Source
This commit is contained in:
tnt group 2022-10-13 16:33:51 +08:00
parent c84f6d9c33
commit 53b9e03e69
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
<template> <template>
<n-modal class="go-chart-data-request" v-model:show="modelShow" :mask-closable="false"> <n-modal class="go-chart-data-request" v-model:show="modelShow" :mask-closable="false" @esc="closeHandle">
<n-card :bordered="false" role="dialog" size="small" aria-modal="true" style="width: 1000px; height: 800px"> <n-card :bordered="false" role="dialog" size="small" aria-modal="true" style="width: 1000px; height: 800px">
<template #header></template> <template #header></template>
<template #header-extra> </template> <template #header-extra> </template>
@ -17,9 +17,14 @@
<div> <div>
<n-text>「 {{ chartConfig.categoryName }} 」</n-text> <n-text>「 {{ chartConfig.categoryName }} 」</n-text>
<n-text>—— </n-text> <n-text>—— </n-text>
<n-tag type="primary" :bordered="false" style="border-radius: 5px"> {{ requestContentTypeObj[requestContentType] }} </n-tag> <n-tag type="primary" :bordered="false" style="border-radius: 5px">
{{ requestContentTypeObj[requestContentType] }}
</n-tag>
</div> </div>
<n-button type="primary" @click="closeHandle">保存 & 发送请求</n-button> <n-space>
<n-button size="medium" @click="closeHandle">取消</n-button>
<n-button size="medium" type="primary" @click="saveHandle">保存 & 发送请求</n-button>
</n-space>
</n-space> </n-space>
</template> </template>
</n-card> </n-card>
@ -48,8 +53,14 @@ defineProps({
modelShow: Boolean modelShow: Boolean
}) })
// 关闭
const closeHandle = () => { const closeHandle = () => {
emit('update:modelShow', false) emit('update:modelShow', false)
}
// 保存|发送
const saveHandle = () => {
emit('update:modelShow', false)
emit('sendHandle') emit('sendHandle')
} }
</script> </script>