github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 16:22:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: 优化页面交互

Browse Source
This commit is contained in:
奔跑的面条 2023-03-11 20:40:02 +08:00
parent c2e733aaaa
commit 35dd70ef08
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Pages/ThemeColorSelect/index.vue
View File

@ -36,7 +36,7 @@
</div> </div>
<div class="model-footer"> <div class="model-footer">
中国色列表来自于： 中国色列表来自于：
<n-a href="http://zhongguose.com">http://zhongguose.com</n-a> <n-a href="http://zhongguose.com" target="_blank">http://zhongguose.com</n-a>
</div> </div>
</div> </div>
</n-modal> </n-modal>
@ -157,6 +157,7 @@ $height: 85vh;
} }
} }
.model-footer { .model-footer {
z-index: 1;
text-align: end; text-align: end;
} }
} }

14
src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteraction/index.vue
View File

@ -25,7 +25,7 @@
> >
<n-space justify="space-between"> <n-space justify="space-between">
<n-text>关联组件 - {{ cardIndex + 1 }}</n-text> <n-text>关联组件 - {{ cardIndex + 1 }}</n-text>
<n-button type="error" secondary size="small" @click="evDeleteEventsFn(cardIndex)"> <n-button type="error" text size="small" @click="evDeleteEventsFn(cardIndex)">
<template #icon> <template #icon>
<n-icon> <n-icon>
<close-icon /> <close-icon />
@ -36,7 +36,7 @@
<n-divider style="margin: 10px 0" /> <n-divider style="margin: 10px 0" />
<n-tag :bordered="false" type="success"> 选择目标组件 </n-tag> <n-tag :bordered="false" type="primary"> 选择目标组件 </n-tag>
<setting-item-box name="触发事件" :alone="true"> <setting-item-box name="触发事件" :alone="true">
<n-input-group v-if="interactActions"> <n-input-group v-if="interactActions">
@ -78,7 +78,7 @@
</tbody> </tbody>
</n-table> </n-table>
<n-tag class="go-mt-3" :bordered="false" type="info"> 关联目标组件请求参数 </n-tag> <n-tag class="go-mt-3" :bordered="false" type="primary"> 关联目标组件请求参数 </n-tag>
<setting-item-box <setting-item-box
:name="requestParamsItem" :name="requestParamsItem"
@ -117,8 +117,9 @@ import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.
import { RequestParamsTypeEnum } from '@/enums/httpEnum' import { RequestParamsTypeEnum } from '@/enums/httpEnum'
import { InteractEventOn } from '@/enums/eventEnum' import { InteractEventOn } from '@/enums/eventEnum'
import { icon } from '@/plugins' import { icon } from '@/plugins'
import { useTargetData } from '../../../hooks/useTargetData.hook'
import noData from '@/assets/images/canvas/noData.png' import noData from '@/assets/images/canvas/noData.png'
import { goDialog } from '@/utils'
import { useTargetData } from '../../../hooks/useTargetData.hook'
const { CloseIcon, AddIcon } = icon.ionicons5 const { CloseIcon, AddIcon } = icon.ionicons5
@ -176,8 +177,13 @@ const evAddEventsFn = () => {
} }
const evDeleteEventsFn = (index: number) => { const evDeleteEventsFn = (index: number) => {
goDialog({
message: '是否删除此关联交互模块?',
onPositiveCallback: () => {
targetData.value.events.interactEvents.splice(index, 1) targetData.value.events.interactEvents.splice(index, 1)
} }
})
}
// 颜色 // 颜色
const themeColor = computed(() => { const themeColor = computed(() => {