|
@@ -33,20 +33,29 @@
|
33
|
33
|
<img :src="dialogImageUrl" 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则不限制报名人数"/>
|
|
36
|
+ <el-form-item prop="signUpMax">
|
|
37
|
+ <div style="display: flex;">
|
|
38
|
+ <span style="width: 140px;">报名人数上限</span>
|
|
39
|
+ <el-input v-model="ruleForm.signUpMax" placeholder="填写0则不限制报名人数"/>
|
|
40
|
+ </div>
|
38
|
41
|
</el-form-item>
|
39
|
|
- <el-form-item label="报名截止时间" prop="registrationEndTime">
|
40
|
|
- <el-date-picker
|
41
|
|
- v-model="ruleForm.registrationEndTime"
|
42
|
|
- value-format="yyyy-MM-dd"
|
43
|
|
- type="date"
|
44
|
|
- placeholder="选择日期"/>
|
|
42
|
+ <el-form-item prop="registrationEndTime">
|
|
43
|
+ <div style="display: flex;">
|
|
44
|
+ <span style="width: 120px;">报名截止时间</span>
|
|
45
|
+ <el-date-picker
|
|
46
|
+ v-model="ruleForm.registrationEndTime"
|
|
47
|
+ value-format="timestamp"
|
|
48
|
+ type="date"
|
|
49
|
+ placeholder="选择日期"/>
|
|
50
|
+ </div>
|
45
|
51
|
</el-form-item>
|
46
|
|
- <el-form-item label="权重值" prop="sort">
|
47
|
|
- <el-input-number v-model="ruleForm.sort" :min="1" :max="10" label="权重值" @change="sortHandleChange"/>
|
|
52
|
+ <el-form-item prop="sort">
|
|
53
|
+ <div style="display: flex; justify-content: flex-start;">
|
|
54
|
+ <span style="width: 120px;">权重值</span>
|
|
55
|
+ <el-input-number v-model="ruleForm.sort" :min="1" :max="10" label="权重值" @change="sortHandleChange"/>
|
|
56
|
+ </div>
|
48
|
57
|
</el-form-item>
|
49
|
|
- <el-form-item>
|
|
58
|
+ <el-form-item style="display: flex; justify-content: center;">
|
50
|
59
|
<el-button @click="resetForm('ruleForm')">存为草稿</el-button>
|
51
|
60
|
<el-button type="primary" @click="submitForm('ruleForm')">发布</el-button>
|
52
|
61
|
</el-form-item>
|
|
@@ -60,7 +69,6 @@ export default {
|
60
|
69
|
data() {
|
61
|
70
|
return {
|
62
|
71
|
ruleForm: {
|
63
|
|
- id: '',
|
64
|
72
|
activityTitle: '',
|
65
|
73
|
activityCarouselImg: '', // 轮播图
|
66
|
74
|
activityContent: '', // 活动内容详细
|
|
@@ -71,6 +79,8 @@ export default {
|
71
|
79
|
status: '' // 状态 0 是已作废 1 是已发布 2 是草稿 3 是已修改
|
72
|
80
|
},
|
73
|
81
|
imageUrl: '', // 轮播图预览
|
|
82
|
+ dialogVisible: false, // 活动配图, 默认不显示 (以单张为单位)
|
|
83
|
+ dialogImageUrl: '', // 活动配图, 图片链接 (以单张为单位)
|
74
|
84
|
rules: {
|
75
|
85
|
activityTitle: [
|
76
|
86
|
{ required: true, message: '请输入活动名称', trigger: 'blur' },
|
|
@@ -107,7 +117,7 @@ export default {
|
107
|
117
|
return false
|
108
|
118
|
}
|
109
|
119
|
this.ruleForm.status = 1 // 发布状态
|
110
|
|
- this.$store.dispatch('UpdateActivity', this.ruleForm).then((res) => {
|
|
120
|
+ this.$store.dispatch('AddActivity', this.ruleForm).then((res) => {
|
111
|
121
|
if (res.code === '0') {
|
112
|
122
|
this.$message({
|
113
|
123
|
message: res.message,
|
|
@@ -118,16 +128,16 @@ export default {
|
118
|
128
|
return
|
119
|
129
|
}
|
120
|
130
|
this.$message.error(res.message)
|
121
|
|
- loading.close()
|
122
|
131
|
}).catch(() => {
|
123
|
|
- console.log('error UpdateActivity')
|
|
132
|
+ console.log('error AddActivity')
|
124
|
133
|
})
|
125
|
134
|
} else {
|
126
|
135
|
console.log('error submit!!')
|
127
|
|
- loading.close()
|
128
|
136
|
return false
|
129
|
137
|
}
|
130
|
138
|
})
|
|
139
|
+ // 关闭加载框
|
|
140
|
+ loading.close()
|
131
|
141
|
},
|
132
|
142
|
resetForm(formName) {
|
133
|
143
|
this.$refs[formName].resetFields()
|
|
@@ -167,9 +177,6 @@ export default {
|
167
|
177
|
sortHandleChange(value) { // 权重值
|
168
|
178
|
this.ruleForm.sort = value
|
169
|
179
|
console.log(value)
|
170
|
|
- },
|
171
|
|
- getById() { // 根据 id 查询活动详情
|
172
|
|
-
|
173
|
180
|
}
|
174
|
181
|
}
|
175
|
182
|
}
|