refactor(notification): 优化公告和消息编辑界面布局
-调整了公告编辑和消息编辑界面的宽度和高度 -优化了内容编辑区域的布局- 移除了消息编辑界面的多余 div 包装
This commit is contained in:
parent
5dd5771d62
commit
c4e5dbbe9f
src/views/notification
@ -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"
|
||||
|
@ -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"
|
||||
|
Loading…
Reference in New Issue
Block a user