admin/000-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复脚本全屏编辑对话框超出屏幕高度问题
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
使用 CSS calc(80vh - 180px) 控制 textarea 高度
This commit is contained in:
Admin
2026-01-28 17:59:13 +08:00
parent d91119af8a
commit 262a1b409f
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/views/scheduled-tasks/index.vue
View File

@@ -939,7 +939,7 @@ onMounted(() => {
</el-dialog> </el-dialog>
<!-- 脚本全屏编辑对话框 --> <!-- 脚本全屏编辑对话框 -->
<el-dialog v-model="scriptDialogVisible" title="编辑脚本" width="90%" top="3vh" :close-on-click-modal="false"> <el-dialog v-model="scriptDialogVisible" title="编辑脚本" width="90%" top="3vh" :close-on-click-modal="false" class="script-dialog">
<div class="script-fullscreen-toolbar"> <div class="script-fullscreen-toolbar">
<el-button size="small" @click="handleShowSdkDocs">SDK 文档</el-button> <el-button size="small" @click="handleShowSdkDocs">SDK 文档</el-button>
<span style="color: #999; font-size: 12px; margin-left: 12px"> <span style="color: #999; font-size: 12px; margin-left: 12px">
@@ -949,7 +949,6 @@ onMounted(() => {
<el-input <el-input
v-model="scriptContent" v-model="scriptContent"
type="textarea" type="textarea"
:rows="30"
placeholder="Python 脚本" placeholder="Python 脚本"
class="script-textarea-fullscreen" class="script-textarea-fullscreen"
/> />
@@ -1018,6 +1017,13 @@ onMounted(() => {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
font-size: 14px; font-size: 14px;
line-height: 1.6; line-height: 1.6;
height: calc(80vh - 180px) !important;
min-height: 400px;
}
/* 脚本全屏编辑对话框 */
.script-dialog :deep(.el-dialog__body) {
padding: 15px 20px;
} }
.script-fullscreen-toolbar { .script-fullscreen-toolbar {