|
|
@@ -1,9 +1,8 @@
|
|
1
|
1
|
<template>
|
|
2
|
2
|
<div id="root">
|
|
3
|
|
- <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-position="top" label-width="150px" class="ruleForm">
|
|
4
|
|
-
|
|
5
|
|
- <el-form-item class="filter-item" >
|
|
6
|
|
- <div>话题类型 <el-select v-model="ruleForm.type" placeholder="请选择" style="padding-left:4%;">
|
|
|
3
|
+ <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-position="left" label-width="150px" class="ruleForm">
|
|
|
4
|
+ <el-form-item class="filter-item" label="话题类型" prop="type">
|
|
|
5
|
+ <el-select v-model="ruleForm.type" placeholder="请选择">
|
|
7
|
6
|
<el-option label="选择状态" value="" />
|
|
8
|
7
|
<el-option label="议事大厅" value="0"/>
|
|
9
|
8
|
<el-option label="友令互助" value="1"/>
|
|
|
@@ -11,18 +10,14 @@
|
|
11
|
10
|
<el-option label="二手租赁" value="2"/>
|
|
12
|
11
|
<el-option label="其他" value="3"/>
|
|
13
|
12
|
</el-select>
|
|
14
|
|
- </div>
|
|
15
|
13
|
</el-form-item>
|
|
16
|
|
- <el-form-item prop="transactionTitle">
|
|
17
|
|
- <div>话题标题 <el-input style="width: 80%;padding-left:4%;" v-model="ruleForm.transactionTitle" placeholder="20字以内"/></div>
|
|
|
14
|
+ <el-form-item prop="transactionTitle" label="话题标题">
|
|
|
15
|
+ <el-input style="width: 80%;" v-model="ruleForm.transactionTitle" placeholder="20字以内"/>
|
|
18
|
16
|
</el-form-item>
|
|
19
|
|
- <el-form-item >
|
|
20
|
|
- <div><span style="position:relative;top:-100px">话题详细描述 </span><el-input v-model="ruleForm.transactionContent" :rows="10" type="textarea" placeholder="内容，规则，时间等" style="width: 80%;"/></div>
|
|
|
17
|
+ <el-form-item label="话题内容描述" prop="transactionContent">
|
|
|
18
|
+ <el-input v-model="ruleForm.transactionContent" :rows="10" type="textarea" placeholder="内容，规则，时间等" style="width: 80%;"/>
|
|
21
|
19
|
</el-form-item>
|
|
22
|
|
- <el-form-item>
|
|
23
|
|
- <div >
|
|
24
|
|
- <div>话题配图</div>
|
|
25
|
|
- <div style="padding-left:13%;transform:translateY(-20%);">
|
|
|
20
|
+ <el-form-item label="* 话题配图">
|
|
26
|
21
|
<el-upload
|
|
27
|
22
|
:on-preview="handlePictureCardPreview"
|
|
28
|
23
|
:on-remove="handleRemove"
|
|
|
@@ -33,21 +28,18 @@
|
|
33
|
28
|
list-type="picture-card">
|
|
34
|
29
|
<i class="el-icon-plus"/>
|
|
35
|
30
|
</el-upload>
|
|
36
|
|
- </div>
|
|
37
|
|
- </div>
|
|
38
|
31
|
<el-dialog :visible.sync="dialogVisible">
|
|
39
|
32
|
<img :src="dialogImageUrl" width="100%" alt="">
|
|
40
|
33
|
</el-dialog>
|
|
41
|
34
|
</el-form-item>
|
|
42
|
|
- <el-form-item prop="sort">
|
|
43
|
|
- <div style="display: flex; justify-content: flex-start;">
|
|
44
|
|
- <span style="width: 120px;">权重值</span>
|
|
|
35
|
+ <el-form-item prop="sort" label="权重值">
|
|
|
36
|
+ <div>
|
|
45
|
37
|
<el-input-number v-model="ruleForm.sort" label="权重值" @change="sortHandleChange"/>
|
|
46
|
38
|
</div>
|
|
47
|
39
|
</el-form-item>
|
|
48
|
40
|
<el-form-item>
|
|
49
|
|
- <div style="padding-left:15%;">
|
|
50
|
|
- <el-button type="primary" @click="submitForm('1')" >发布</el-button>
|
|
|
41
|
+ <div>
|
|
|
42
|
+ <el-button type="primary" @click="submitForm('ruleForm')" >发布</el-button>
|
|
51
|
43
|
</div>
|
|
52
|
44
|
</el-form-item>
|
|
53
|
45
|
</el-form>
|
|
|
@@ -85,13 +77,18 @@ export default {
|
|
85
|
77
|
imageUrl: '', // 轮播图预览
|
|
86
|
78
|
dialogVisible: false, // 活动配图, 默认不显示 (以单张为单位)
|
|
87
|
79
|
dialogImageUrl: '', // 活动配图, 图片链接 (以单张为单位)
|
|
88
|
|
- rules: {
|
|
89
|
|
- announcementTitle: [
|
|
90
|
|
- { required: true, message: '请输入公告名称', trigger: 'blur' },
|
|
91
|
|
- { min: 1, max: 20, message: '长度在 15 个字符以内', trigger: 'blur' }
|
|
|
80
|
+ rules: {
|
|
|
81
|
+ type: [
|
|
|
82
|
+ { required: true, message: '请选择话题类型', trigger: 'change' }
|
|
92
|
83
|
],
|
|
93
|
|
- announcementContent: [
|
|
94
|
|
- { required: true, message: '公告详细描述', trigger: 'blur' }
|
|
|
84
|
+ transactionTitle: [
|
|
|
85
|
+ { required: true, message: '请输入话题标题', trigger: 'blur' }
|
|
|
86
|
+ ],
|
|
|
87
|
+ transactionContent: [
|
|
|
88
|
+ { required: true, message: '请输入话题描述', trigger: 'blur' }
|
|
|
89
|
+ ],
|
|
|
90
|
+ contentImg: [
|
|
|
91
|
+ { required: true, message: '话题配图',trigger: 'blur'}
|
|
95
|
92
|
],
|
|
96
|
93
|
sort: [
|
|
97
|
94
|
{ required: true, message: '请输入权重值', trigger: 'change' }
|
|
|
@@ -106,21 +103,23 @@ export default {
|
|
106
|
103
|
this.transactionById()
|
|
107
|
104
|
},
|
|
108
|
105
|
methods: {
|
|
109
|
|
- submitForm(status) {
|
|
110
|
|
- console.log(status)
|
|
111
|
|
- // 加载框
|
|
112
|
|
- // const loading = this.$loading({
|
|
113
|
|
- // lock: true,
|
|
114
|
|
- // text: 'Loading',
|
|
115
|
|
- // spinner: 'el-icon-loading',
|
|
116
|
|
- // background: 'rgba(0, 0, 0, 0.7)'
|
|
117
|
|
- // })
|
|
118
|
|
-
|
|
|
106
|
+ submitForm(formName) {
|
|
|
107
|
+ //加载框
|
|
|
108
|
+ const loading = this.$loading({
|
|
|
109
|
+ lock: true,
|
|
|
110
|
+ text: 'Loading',
|
|
|
111
|
+ spinner: 'el-icon-loading',
|
|
|
112
|
+ background: 'rgba(0, 0, 0, 0.7)'
|
|
|
113
|
+ })
|
|
|
114
|
+ this.$refs[formName].validate((valid) => {
|
|
|
115
|
+ if (valid) {
|
|
119
|
116
|
if (this.ruleForm.transactionContent.length <= 0 && this.ruleForm.contentImg.length <= 0) {
|
|
120
|
117
|
this.$message.error('内容描述 和 图至少要存在一个!')
|
|
|
118
|
+ // 关闭加载框
|
|
|
119
|
+ loading.close()
|
|
121
|
120
|
return
|
|
122
|
121
|
}
|
|
123
|
|
- this.ruleForm.status = status // 发布状态
|
|
|
122
|
+ this.ruleForm.status = 1 // 发布状态
|
|
124
|
123
|
this.$store.dispatch('transaction/TransactionsEdit', this.ruleForm).then((res) => {
|
|
125
|
124
|
this.$router.push({ name: 'transaction-import' })
|
|
126
|
125
|
// this.$message.error(res.message)
|
|
|
@@ -128,10 +127,14 @@ export default {
|
|
128
|
127
|
}).catch(() => {
|
|
129
|
128
|
console.log('error AddActivity')
|
|
130
|
129
|
})
|
|
131
|
|
-
|
|
132
|
|
-
|
|
133
|
|
- // 关闭加载框
|
|
134
|
|
- // loading.close()
|
|
|
130
|
+ } else {
|
|
|
131
|
+ console.log('error submit!!')
|
|
|
132
|
+ loading.close()
|
|
|
133
|
+ return false
|
|
|
134
|
+ }
|
|
|
135
|
+ })
|
|
|
136
|
+ // 关闭加载框
|
|
|
137
|
+ loading.close()
|
|
135
|
138
|
},
|
|
136
|
139
|
resetForm(formName, status) {
|
|
137
|
140
|
console.log(status)
|
dingxin
6 年 前