refactor(notification): 优化公告和消息编辑界面布局

-调整了公告编辑和消息编辑界面的宽度和高度
-优化了内容编辑区域的布局- 移除了消息编辑界面的多余 div 包装
This commit is contained in:
Kven 2025-01-17 16:20:12 +08:00
parent 5dd5771d62
commit c4e5dbbe9f
2 changed files with 28 additions and 29 deletions

View File

@ -17,11 +17,12 @@
<a-modal <a-modal
width="900px" width="900px"
height="500px"
:visible="visible" :visible="visible"
@cancel="handleCancel" @cancel="handleCancel"
> >
<template #title>{{ modalTitle }}</template> <template #title>{{ modalTitle }}</template>
<a-form ref="CreateRef" :model="formData" :style="{ width: '650px' }"> <a-form ref="CreateRef" :model="formData" :style="{ width: '800px',height: '420px' }">
<a-form-item <a-form-item
field="title" field="title"
label='标题' label='标题'
@ -72,7 +73,7 @@
</a-upload> </a-upload>
</a-form-item> </a-form-item>
<a-form-item field="content" label='内容' :rules="[{ required: true}]"> <a-form-item field="content" label='内容' :rules="[{ required: true}]">
<div style="border: 1px solid #ccc;min-width: 700px;"> <div style="border: 1px solid #ccc;min-width: 600px;">
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc;" style="border-bottom: 1px solid #ccc;"
:editor="editorRef" :editor="editorRef"

View File

@ -17,12 +17,13 @@
<a-modal <a-modal
width="900px" width="900px"
height="500px"
:visible="visible" :visible="visible"
@cancel="handleCancel" @cancel="handleCancel"
> >
<template #title>{{ modalTitle }}</template> <template #title>{{ modalTitle }}</template>
<!-- <DynamicForm :prem="fieIds" />--> <!-- <DynamicForm :prem="fieIds" />-->
<a-form ref="CreateRef" :model="formData" :style="{ width: '650px' }"> <a-form ref="CreateRef" :model="formData" :style="{ width: '800px', height: '420px' }">
<a-form-item <a-form-item
field="userId" field="userId"
label="用户" label="用户"
@ -76,7 +77,6 @@
placeholder='请输入备注' placeholder='请输入备注'
/> />
</a-form-item> </a-form-item>
<div style="display: flex;margin-left: 75px">
<a-form-item <a-form-item
field="sms" field="sms"
label="短信" label="短信"
@ -99,8 +99,6 @@
:unchecked-value="false" :unchecked-value="false"
/> />
</a-form-item> </a-form-item>
</div>
<!-- <a-form-item--> <!-- <a-form-item-->
<!-- field="attachmentIds"--> <!-- field="attachmentIds"-->
<!-- label='附件'--> <!-- label='附件'-->
@ -112,7 +110,7 @@
<!-- />--> <!-- />-->
<!-- </a-form-item>--> <!-- </a-form-item>-->
<a-form-item field="content" label='内容' :rules="[{ required: true}]"> <a-form-item field="content" label='内容' :rules="[{ required: true}]">
<div style="border: 1px solid #ccc;min-width: 700px"> <div style="border: 1px solid #ccc;min-width: 600px">
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
:editor="editorRef" :editor="editorRef"