|
@@ -17,7 +17,7 @@
|
17
|
17
|
</el-upload>
|
18
|
18
|
</el-form-item>
|
19
|
19
|
<el-form-item label="活动详细描述">
|
20
|
|
- <el-input v-model="ruleForm.activityContent" :rows="10" type="textarea" placeholder="活动内容, 活动规则, 活动举办开始时间, 活动举办结束时间, 报名人数上限等"/>
|
|
20
|
+ <el-input v-model="ruleForm.announcementContent" :rows="10" type="textarea" placeholder="活动内容, 活动规则, 活动举办开始时间, 活动举办结束时间, 报名人数上限等"/>
|
21
|
21
|
</el-form-item>
|
22
|
22
|
<el-form-item label="活动配图">
|
23
|
23
|
<el-upload
|
|
@@ -30,18 +30,9 @@
|
30
|
30
|
<i class="el-icon-plus"/>
|
31
|
31
|
</el-upload>
|
32
|
32
|
<el-dialog :visible.sync="dialogVisible">
|
33
|
|
- <img :src="dialogImageUrl" width="100%" alt="">
|
|
33
|
+ <img :src="announcementContentImg" width="100%" alt="">
|
34
|
34
|
</el-dialog>
|
35
|
35
|
</el-form-item>
|
36
|
|
- <el-form-item label="报名人数上限" prop="signUpMax">
|
37
|
|
- <el-input v-model="ruleForm.signUpMax" placeholder="填写0则不限制报名人数"/>
|
38
|
|
- </el-form-item>
|
39
|
|
- <el-form-item label="报名截止时间" prop="registrationEndTime">
|
40
|
|
- <el-date-picker
|
41
|
|
- v-model="ruleForm.registrationEndTime"
|
42
|
|
- type="date"
|
43
|
|
- placeholder="选择日期"/>
|
44
|
|
- </el-form-item>
|
45
|
36
|
<el-form-item label="权重值" prop="sort">
|
46
|
37
|
<el-input-number v-model="ruleForm.sort" :min="1" :max="10" label="权重值" @change="sortHandleChange"/>
|
47
|
38
|
</el-form-item>
|
|
@@ -59,12 +50,10 @@ export default {
|
59
|
50
|
data() {
|
60
|
51
|
return {
|
61
|
52
|
ruleForm: {
|
62
|
|
- activityTitle: '',
|
63
|
|
- activityCarouselImg: '', // 轮播图
|
64
|
|
- activityContent: '', // 活动内容详细
|
65
|
|
- contentImg: [], // 活动内容配图
|
66
|
|
- signUpMax: '', // 活动人数上限
|
67
|
|
- registrationEndTime: '', // 报名活动结束时间
|
|
53
|
+ announcementTitle: '',
|
|
54
|
+ announcementCarouselImg: '', // 轮播图
|
|
55
|
+ announcementContent: '', // 公告内容详细
|
|
56
|
+ announcementContentImg: [], // 公告内容配图
|
68
|
57
|
sort: 1, // 权重
|
69
|
58
|
status: '' // 状态 0 是已作废 1 是已发布 2 是草稿 3 是已修改
|
70
|
59
|
},
|
|
@@ -74,15 +63,9 @@ export default {
|
74
|
63
|
{ required: true, message: '请输入活动名称', trigger: 'blur' },
|
75
|
64
|
{ min: 1, max: 15, message: '长度在 15 个字符以内', trigger: 'blur' }
|
76
|
65
|
],
|
77
|
|
- activityContent: [
|
|
66
|
+ announcementContent: [
|
78
|
67
|
{ required: true, message: '活动详细描述', trigger: 'blur' }
|
79
|
68
|
],
|
80
|
|
- signUpMax: [
|
81
|
|
- { required: true, message: '请输入报名人数上限', trigger: 'blur' }
|
82
|
|
- ],
|
83
|
|
- registrationEndTime: [
|
84
|
|
- { type: 'date', required: true, message: '报名截止时间', trigger: 'change' }
|
85
|
|
- ],
|
86
|
69
|
sort: [
|
87
|
70
|
{ required: true, message: '请输入权重值', trigger: 'change' }
|
88
|
71
|
]
|
|
@@ -100,7 +83,7 @@ export default {
|
100
|
83
|
})
|
101
|
84
|
this.$refs[formName].validate((valid) => {
|
102
|
85
|
if (valid) {
|
103
|
|
- if (this.ruleForm.activityContent.length <= 0 && this.ruleForm.contentImg.length <= 0) {
|
|
86
|
+ if (this.ruleForm.announcementContent.length <= 0 && this.ruleForm.announcementContentImg.length <= 0) {
|
104
|
87
|
this.$message.error('活动内容描述 和 活动配图至少要存在一个!')
|
105
|
88
|
return false
|
106
|
89
|
}
|
|
@@ -146,20 +129,20 @@ export default {
|
146
|
129
|
// }
|
147
|
130
|
// return isJPG && isLt2M
|
148
|
131
|
},
|
149
|
|
- handleRemove(file, fileList) { // 活动配图移除时
|
150
|
|
- this.ruleForm.contentImg = []
|
|
132
|
+ handleRemove(file, fileList) { // 配图移除时
|
|
133
|
+ this.ruleForm.announcementContentImg = []
|
151
|
134
|
for (let i = 0; i < fileList.length; i++) {
|
152
|
|
- this.ruleForm.contentImg.push(fileList[i].response.data[0])
|
|
135
|
+ this.ruleForm.announcementContentImg.push(fileList[i].response.data[0])
|
153
|
136
|
}
|
154
|
137
|
console.log(file, fileList)
|
155
|
138
|
},
|
156
|
|
- handlePictureCardPreview(file) { // 点击活动配图文件列表中已上传的文件时的钩子
|
157
|
|
- this.dialogImageUrl = file.url
|
|
139
|
+ handlePictureCardPreview(file) { // 配图文件列表中已上传的文件时的钩子
|
|
140
|
+ this.announcementContentImg = file.url
|
158
|
141
|
this.dialogVisible = true
|
159
|
142
|
},
|
160
|
143
|
handleSuccessContentImg(response, file, fileList) { // 活动配图上传成功时回调
|
161
|
144
|
const resImg = response.data[0]
|
162
|
|
- this.ruleForm.contentImg.push(resImg)
|
|
145
|
+ this.ruleForm.announcementContentImg.push(resImg)
|
163
|
146
|
console.log('上传活动配图成功时回调!')
|
164
|
147
|
},
|
165
|
148
|
sortHandleChange(value) { // 权重值
|