vertoryao/iot-gateway_fontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
-调整了公告编辑和消息编辑界面的宽度和高度
-优化了内容编辑区域的布局- 移除了消息编辑界面的多余 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/notification/bulletin/components/bulletin-edit.vue
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"

52
src/views/notification/notice/components/message-edit.vue
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,31 +77,28 @@
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="短信" :validate-trigger="['change', 'input']"
:validate-trigger="['change', 'input']" >
> <a-switch
<a-switch v-model="formData.sms"
v-model="formData.sms" :checked-value="true"
:checked-value="true" :unchecked-value="false"
:unchecked-value="false" />
/> </a-form-item>
</a-form-item> <a-form-item
<a-form-item field="email"
field="email" label="邮件"
label="邮件" :validate-trigger="['change', 'input']"
:validate-trigger="['change', 'input']" >
> <a-switch
<a-switch v-model="formData.email"
v-model="formData.email" :checked-value="true"
:checked-value="true" :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"