From e220a11760bb56f12da82a18e0b441dfdc588fac Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期四, 07 十二月 2023 15:30:25 +0800
Subject: [PATCH] bug修改
---
src/views/safetyReview/notice/components/noticeDialog.vue | 40 ++++++++++++++++++++++++++++++++--------
1 files changed, 32 insertions(+), 8 deletions(-)
diff --git a/src/views/safetyReview/notice/components/noticeDialog.vue b/src/views/safetyReview/notice/components/noticeDialog.vue
index c020262..69294e7 100644
--- a/src/views/safetyReview/notice/components/noticeDialog.vue
+++ b/src/views/safetyReview/notice/components/noticeDialog.vue
@@ -11,13 +11,13 @@
<el-input v-model.trim="state.noticeForm.noticeTitle" v-if="!isReview" ></el-input>
<span v-else>{{state.noticeForm.noticeTitle}}</span>
</el-form-item>
- <el-form-item label="公告内容:" v-if="showEditor" prop="noticeContent">
+ <el-form-item label="公告内容:" v-if="showEditor" required>
<we-editor ref="myEditor" :propData="state.noticeForm.noticeContent" @childFn="getEditorData" />
</el-form-item>
<el-form-item label="公告内容:" v-else>
<div class="ql-container ql-snow" style="height: 500px;width: 100%;margin-top: 10px;" >
<div class="ql-editor">
- <div v-html="state.noticeForm.noticeContent" @click="showFile($event)"></div>
+ <div class="reviewTable" v-html="state.noticeForm.noticeContent" @click="showFile($event)"></div>
</div>
</div>
</el-form-item>
@@ -25,7 +25,7 @@
<template #footer v-if="!isReview">
<span class="dialog-footer">
<el-button @click="handleClose" size="default">取 消</el-button>
- <el-button type="primary" @click="onSubmit" size="default">确认发布</el-button>
+ <el-button type="primary" @click="onSubmit" size="default" v-preReClick>确认发布</el-button>
</span>
</template>
</el-dialog>
@@ -60,7 +60,7 @@
},
formRules:{
noticeTitle: [{ required: true, message: '请填写公告标题', trigger: 'blur' }],
- noticeContent: [{ required: true, message: '请输入公告内容', trigger: 'blur' }],
+ // noticeContent: [{ required: true, message: '请输入公告内容', trigger: 'blur' }],
},
})
@@ -92,8 +92,7 @@
isReview.value = false;
}
if(type === 'add'){
- state.noticeForm.noticeContent = " ";
- state.noticeForm.noticeTitle = " ";
+ reset()
}
dialogVisible.value = true;
}
@@ -136,9 +135,17 @@
}
}
const onSubmit = async () => {
+ console.log("点击提交")
myEditor.value.submit();
const valid = await noticeRef.value.validate();
if(valid){
+ if(state.noticeForm.noticeContent == "") {
+ ElMessage({
+ type: 'warning',
+ message: '请输入公告内容'
+ });
+ return;
+ }
if(title.value === '新增'){
const param = {
content: state.noticeForm.noticeContent,
@@ -155,7 +162,7 @@
}
emit("getList")
reset();
- // myEditor.value.clear();
+ myEditor.value.clear();
noticeRef.value.clearValidate();
dialogVisible.value = false;
}else if(title.value === '编辑') {
@@ -175,7 +182,7 @@
}
emit("getList")
reset();
- // myEditor.value.clear();
+ myEditor.value.clear();
noticeRef.value.clearValidate();
dialogVisible.value = false;
}
@@ -186,6 +193,7 @@
if(title ==="新增"|| title ==='编辑'){
myEditor.value.clear();
showEditor.value=false
+
}
noticeRef.value.clearValidate();
@@ -216,4 +224,20 @@
align-items: flex-start;
}
}
+.reviewTable {
+ :deep(table){
+ border: 1px solid #ccc;
+ text-align: center;
+ }
+ :deep(table td){
+ border: 1px solid #ccc;
+ text-align: center;
+ padding: 0 5px;
+ }
+ :deep(table th){
+ border: 1px solid #ccc;
+ }
+}
+
+
</style>
--
Gitblit v1.9.2