fix: 长文本编辑弹窗改为接近全屏显示
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2026-01-28 11:10:16 +08:00
parent 3c7903078c
commit c67ace3576

View File

@@ -1060,21 +1060,24 @@ onMounted(() => {
</template>
</el-dialog>
<!-- 长文本编辑弹窗 -->
<!-- 长文本编辑弹窗 - 接近全屏 -->
<el-dialog
v-model="textEditDialogVisible"
:title="`编辑:${textEditData.label}`"
width="800px"
width="90vw"
top="5vh"
:close-on-click-modal="false"
class="text-edit-dialog"
>
<el-input
v-model="textEditData.value"
type="textarea"
:rows="15"
:autosize="{ minRows: 10, maxRows: 25 }"
:placeholder="textEditData.placeholder"
class="text-edit-textarea"
/>
<div class="text-edit-wrapper">
<el-input
v-model="textEditData.value"
type="textarea"
:placeholder="textEditData.placeholder"
class="text-edit-textarea"
resize="none"
/>
</div>
<div class="text-edit-stats">
字符数{{ textEditData.value?.length || 0 }}
</div>
@@ -1247,18 +1250,46 @@ onMounted(() => {
background: #ecf5ff;
}
/* 长文本编辑弹窗样式 */
/* 长文本编辑弹窗样式 - 接近全屏 */
.text-edit-dialog :deep(.el-dialog) {
max-width: 1200px;
margin: 0 auto;
}
.text-edit-dialog :deep(.el-dialog__body) {
padding: 16px 20px;
height: calc(80vh - 120px);
display: flex;
flex-direction: column;
}
.text-edit-wrapper {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
.text-edit-textarea {
flex: 1;
height: 100%;
}
.text-edit-textarea :deep(.el-textarea__inner) {
font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
font-size: 13px;
line-height: 1.6;
height: 100% !important;
min-height: 100% !important;
resize: none;
}
.text-edit-stats {
margin-top: 8px;
margin-top: 12px;
text-align: right;
color: #909399;
font-size: 12px;
flex-shrink: 0;
}
/* 配置对话框优化 */