|
|
@@ -1,30 +1,28 @@
|
|
1
|
1
|
<template>
|
|
2
|
2
|
<div id="root">
|
|
3
|
|
- <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-position="top" label-width="50px" class="ruleForm">
|
|
4
|
|
- <el-form-item prop="announcementTitle">
|
|
5
|
|
- <div>公告标题 <el-input v-model="ruleForm.announcementTitle" placeholder="20字以内" style="width: 80%;padding-left:3.5%;"/></div>
|
|
|
3
|
+ <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="ruleForm">
|
|
|
4
|
+ <el-form-item label="公告标题" prop="announcementTitle">
|
|
|
5
|
+ <el-input v-model="ruleForm.announcementTitle" placeholder="20字以内" style="width: 704px;"/>
|
|
6
|
6
|
</el-form-item>
|
|
7
|
|
- <el-form-item prop="announcementCarouselImg" >
|
|
8
|
|
- <div >
|
|
9
|
|
- <div style="transform:translateY(250%);">公告轮播图</div>
|
|
10
|
|
- <div style="width: 500px;padding-left:12%;">
|
|
11
|
|
- <el-upload
|
|
12
|
|
- :show-file-list="false"
|
|
13
|
|
- :on-success="handleAvatarSuccess"
|
|
14
|
|
- :before-upload="beforeAvatarUpload"
|
|
15
|
|
- class="avatar-uploader"
|
|
16
|
|
- name="uploadFiles"
|
|
17
|
|
- :action="uploadImgUrl">
|
|
18
|
|
- <img v-if="imageUrl" :src="imageUrl" class="avatar">
|
|
19
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon"/>
|
|
20
|
|
- </el-upload>
|
|
|
7
|
+ <el-form-item label="公告轮播图" prop="announcementCarouselImg" >
|
|
|
8
|
+ <span style="color: darkgray;">轮播图为横幅位展示图片，不会显示在公告详情页</span>
|
|
|
9
|
+ <div>
|
|
|
10
|
+ <div style="width: 500px;">
|
|
|
11
|
+ <el-upload
|
|
|
12
|
+ :show-file-list="false"
|
|
|
13
|
+ :on-success="handleAvatarSuccess"
|
|
|
14
|
+ :before-upload="beforeAvatarUpload"
|
|
|
15
|
+ :action="uploadImgUrl"
|
|
|
16
|
+ class="avatar-uploader"
|
|
|
17
|
+ name="uploadFiles">
|
|
|
18
|
+ <img v-if="imageUrl" :src="imageUrl" class="avatar">
|
|
|
19
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"/>
|
|
|
20
|
+ </el-upload>
|
|
21
|
21
|
</div>
|
|
22
|
22
|
</div>
|
|
23
|
23
|
</el-form-item>
|
|
24
|
|
- <el-form-item label="" prop="announcementContent">
|
|
25
|
|
- <!-- <el-input v-model="addForm.bannerContent" placeholder="内容详情"/> -->
|
|
26
|
|
- <span style="transform:translateY(700%)">公告内容</span>
|
|
27
|
|
- <div style="padding-left:12%;transform:translateY(-15%)"><span id="father"><wangeditor :content="ruleForm.announcementContent" @wangeditorEvent="wangeditorValue"/></span></div>
|
|
|
24
|
+ <el-form-item label="公告内容" prop="announcementContent">
|
|
|
25
|
+ <div style="transform:translateY(-15%);margin-top: 60px;"><span id="father"><wangeditor :content="ruleForm.announcementContent" @wangeditorEvent="wangeditorValue"/></span></div>
|
|
28
|
26
|
</el-form-item>
|
|
29
|
27
|
<!-- <el-form-item label="">
|
|
30
|
28
|
<div><span style="position:relative;top:-100px">公告详细描述 </span><el-input v-model="ruleForm.announcementContent" :rows="10" type="textarea" placeholder="公告内容" style="width: 80%;"/></div>
|
|
|
@@ -48,9 +46,9 @@
|
|
48
|
46
|
<img :src="dialogImageUrl" width="100%" alt="">
|
|
49
|
47
|
</el-dialog>
|
|
50
|
48
|
</el-form-item> -->
|
|
51
|
|
- <el-form-item prop="sort">
|
|
52
|
|
- <div>权重值 <el-input-number v-model="ruleForm.sort" label="权重值" @change="sortHandleChange" style="margin-left:5%"/></div>
|
|
53
|
|
-
|
|
|
49
|
+ <el-form-item label="权重值" prop="sort">
|
|
|
50
|
+ <span style="color: darkgray;">权重值越大，在活动列表中排序越靠前，权重相同时按发布时间排序</span>
|
|
|
51
|
+ <el-input-number v-model="ruleForm.sort" label="权重值" style="margin-left:5%" @change="sortHandleChange"/>
|
|
54
|
52
|
</el-form-item>
|
|
55
|
53
|
<el-form-item style="margin-left:11.5%">
|
|
56
|
54
|
<el-button @click="resetForm('ruleForm','2')">存为草稿</el-button>
|
|
|
@@ -84,13 +82,16 @@ export default {
|
|
84
|
82
|
{ min: 1, max: 20, message: '长度在 20 个字符以内', trigger: 'blur' }
|
|
85
|
83
|
],
|
|
86
|
84
|
announcementContent: [
|
|
87
|
|
- { required: false, message: '公告内容描述', trigger: 'blur' }
|
|
|
85
|
+ { required: true, message: '公告内容描述', trigger: 'blur' }
|
|
88
|
86
|
],
|
|
89
|
87
|
sort: [
|
|
90
|
88
|
{ required: true, message: '请输入权重值', trigger: 'change' }
|
|
|
89
|
+ ],
|
|
|
90
|
+ announcementCarouselImg: [
|
|
|
91
|
+ { required: true, message: '轮播图未上传', trigger: 'blur' }
|
|
91
|
92
|
]
|
|
92
|
93
|
},
|
|
93
|
|
- uploadImgUrl: process.env.BASE_API + '/uploadimage',
|
|
|
94
|
+ uploadImgUrl: process.env.BASE_API + '/uploadimage'
|
|
94
|
95
|
}
|
|
95
|
96
|
},
|
|
96
|
97
|
methods: {
|
|
|
@@ -105,26 +106,26 @@ export default {
|
|
105
|
106
|
})
|
|
106
|
107
|
this.$refs[formName].validate((valid) => {
|
|
107
|
108
|
if (valid) {
|
|
108
|
|
- if(this.ruleForm.announcementCarouselImg<=0){
|
|
|
109
|
+ if (this.ruleForm.announcementCarouselImg <= 0) {
|
|
109
|
110
|
this.$message.error('轮播图未上传')
|
|
110
|
|
- return
|
|
|
111
|
+ return
|
|
111
|
112
|
}
|
|
112
|
113
|
// if (this.ruleForm.announcementContent.length <= 0 && this.ruleForm.contentImg.length <= 0) {
|
|
113
|
114
|
// this.$message.error('公告内容描述 和 公告配图至少要存在一个!')
|
|
114
|
115
|
// return
|
|
115
|
116
|
// }
|
|
116
|
117
|
this.ruleForm.status = status // 发布状态
|
|
117
|
|
- console.log('this.ruleForm.announcementContent',this.ruleForm.announcementContent)
|
|
|
118
|
+ console.log('this.ruleForm.announcementContent', this.ruleForm.announcementContent)
|
|
118
|
119
|
|
|
119
|
|
- if(this.ruleForm.announcementContent == '<p><br></p>'){
|
|
120
|
|
- this.$message.error('公告内容描述不能为空!')
|
|
121
|
|
- loading.close()
|
|
122
|
|
- return
|
|
|
120
|
+ if (this.ruleForm.announcementContent === '<p><br></p>') {
|
|
|
121
|
+ this.$message.error('公告内容描述不能为空!')
|
|
|
122
|
+ loading.close()
|
|
|
123
|
+ return
|
|
123
|
124
|
}
|
|
124
|
|
- if(this.ruleForm.announcementContent == ''){
|
|
125
|
|
- this.$message.error('公告内容描述不能为空!')
|
|
126
|
|
- loading.close()
|
|
127
|
|
- return
|
|
|
125
|
+ if (this.ruleForm.announcementContent === '') {
|
|
|
126
|
+ this.$message.error('公告内容描述不能为空!')
|
|
|
127
|
+ loading.close()
|
|
|
128
|
+ return
|
|
128
|
129
|
}
|
|
129
|
130
|
this.$store.dispatch('AddAnnouncement', this.ruleForm).then((res) => {
|
|
130
|
131
|
if (res.code === '0') {
|
