feat(ScriptEdit, UserEdit): 添加浮窗保存按钮

- 在 ScriptEdit 和 UserEdit 组件中添加浮窗保存按钮
- 按钮位于页面右侧,点击时触发表单提交
- 优化了用户编辑界面的样式
This commit is contained in:
2025-08-05 22:48:55 +08:00
parent 5ca4c5cc81
commit 8c88e4e6a2
2 changed files with 35 additions and 1 deletions

View File

@@ -596,7 +596,6 @@
/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24"></a-row>
@@ -808,6 +807,18 @@
</a-form>
</a-card>
</div>
<a-float-button
type="primary"
@click="handleSubmit"
class="float-button"
:style="{
right: '24px',
}"
>
<template #icon>
<SaveOutlined />
</template>
</a-float-button>
</template>
<script setup lang="ts">
@@ -1574,4 +1585,9 @@ const getCardTitle = () => {
background: var(--ant-color-bg-elevated);
border: 1px solid var(--ant-color-border);
}
.float-button {
width: 60px;
height: 60px;
}
</style>

View File

@@ -642,6 +642,19 @@
</a-card>
</a-form>
</div>
<a-float-button
type="primary"
@click="handleSubmit"
class="float-button"
:style="{
right: '24px',
}"
>
<template #icon>
<SaveOutlined />
</template>
</a-float-button>
</template>
<script setup lang="ts">
@@ -1014,4 +1027,9 @@ onMounted(() => {
max-width: 100%;
}
}
.float-button {
width: 60px;
height: 60px;
}
</style>