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

View File

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