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
src/views/notification
bulletin/components
notice/components

View File

@ -17,11 +17,12 @@
<a-modal
width="900px"
height="500px"
:visible="visible"
@cancel="handleCancel"
>
<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
field="title"
label='标题'
@ -72,7 +73,7 @@
</a-upload>
</a-form-item>
<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
style="border-bottom: 1px solid #ccc;"
:editor="editorRef"

View File

@ -17,12 +17,13 @@
<a-modal
width="900px"
height="500px"
:visible="visible"
@cancel="handleCancel"
>
<template #title>{{ modalTitle }}</template>
<!-- <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
field="userId"
label="用户"
@ -76,31 +77,28 @@
placeholder='请输入备注'
/>
</a-form-item>
<div style="display: flex;margin-left: 75px">
<a-form-item
field="sms"
label="短信"
:validate-trigger="['change', 'input']"
>
<a-switch
v-model="formData.sms"
:checked-value="true"
:unchecked-value="false"
/>
</a-form-item>
<a-form-item
field="email"
label="邮件"
:validate-trigger="['change', 'input']"
>
<a-switch
v-model="formData.email"
:checked-value="true"
:unchecked-value="false"
/>
</a-form-item>
</div>
<a-form-item
field="sms"
label="短信"
:validate-trigger="['change', 'input']"
>
<a-switch
v-model="formData.sms"
:checked-value="true"
:unchecked-value="false"
/>
</a-form-item>
<a-form-item
field="email"
label="邮件"
:validate-trigger="['change', 'input']"
>
<a-switch
v-model="formData.email"
:checked-value="true"
:unchecked-value="false"
/>
</a-form-item>
<!-- <a-form-item-->
<!-- field="attachmentIds"-->
<!-- label='附件'-->
@ -112,7 +110,7 @@
<!-- />-->
<!-- </a-form-item>-->
<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
style="border-bottom: 1px solid #ccc"
:editor="editorRef"