|
|
@@ -6,7 +6,7 @@
|
|
6
|
6
|
<span>选择案场：<em>*</em></span>
|
|
7
|
7
|
<div class="flex-item">
|
|
8
|
8
|
<div style="width:50%">
|
|
9
|
|
- <el-select v-model="cardInfo.CaseId" placeholder="请选择" @change="caseChange">
|
|
|
9
|
+ <el-select v-model="cardInfo.CaseId" placeholder="请选择" @change="caseChange" :disabled="isEdit">
|
|
10
|
10
|
<el-option
|
|
11
|
11
|
v-for="item in cases"
|
|
12
|
12
|
:key="item.CaseId"
|
|
|
@@ -22,6 +22,7 @@
|
|
22
|
22
|
<div class="flex-item">
|
|
23
|
23
|
<div>
|
|
24
|
24
|
<el-upload
|
|
|
25
|
+ :disabled="isEdit"
|
|
25
|
26
|
class="avatar-uploader"
|
|
26
|
27
|
action='string'
|
|
27
|
28
|
:http-request="toolClass.upload"
|
|
|
@@ -50,6 +51,7 @@
|
|
50
|
51
|
<div class="flex-item">
|
|
51
|
52
|
<div style="width:200px;">
|
|
52
|
53
|
<el-input
|
|
|
54
|
+ :disabled="isEdit"
|
|
53
|
55
|
placeholder="请输入"
|
|
54
|
56
|
v-model="cardInfo.Price"
|
|
55
|
57
|
clearable>
|
|
|
@@ -62,6 +64,7 @@
|
|
62
|
64
|
<div class="flex-item">
|
|
63
|
65
|
<div style="width:200px;">
|
|
64
|
66
|
<el-input
|
|
|
67
|
+ :disabled="isEdit"
|
|
65
|
68
|
placeholder="请输入"
|
|
66
|
69
|
v-model="cardInfo.TotalCount"
|
|
67
|
70
|
clearable>
|
|
|
@@ -73,9 +76,9 @@
|
|
73
|
76
|
<span>发送类型：<em>*</em></span>
|
|
74
|
77
|
<div class="flex-item">
|
|
75
|
78
|
<div>
|
|
76
|
|
- <el-radio v-model="cardInfo.SendType" label="channel">渠道</el-radio>
|
|
77
|
|
- <el-radio v-model="cardInfo.SendType" label="case">案场</el-radio>
|
|
78
|
|
- <el-radio v-model="cardInfo.SendType" label="system">系统</el-radio>
|
|
|
79
|
+ <el-radio v-model="cardInfo.SendType" label="channel" :disabled="isEdit">渠道</el-radio>
|
|
|
80
|
+ <el-radio v-model="cardInfo.SendType" label="case" :disabled="isEdit">案场</el-radio>
|
|
|
81
|
+ <el-radio v-model="cardInfo.SendType" label="system" :disabled="isEdit">系统</el-radio>
|
|
79
|
82
|
</div>
|
|
80
|
83
|
</div>
|
|
81
|
84
|
</li>
|
|
|
@@ -83,7 +86,7 @@
|
|
83
|
86
|
<span>选择渠道：<em>*</em></span>
|
|
84
|
87
|
<div class="flex-item">
|
|
85
|
88
|
<div style="width:50%">
|
|
86
|
|
- <el-select v-model="cardInfo.ChannelId" placeholder="请选择">
|
|
|
89
|
+ <el-select v-model="cardInfo.ChannelId" placeholder="请选择" :disabled="isEdit">
|
|
87
|
90
|
<el-option
|
|
88
|
91
|
v-for="item in channelList"
|
|
89
|
92
|
:key="item.ChannelId"
|
|
|
@@ -98,7 +101,7 @@
|
|
98
|
101
|
<span>目标课程：<em>*</em></span>
|
|
99
|
102
|
<div class="flex-item">
|
|
100
|
103
|
<div>
|
|
101
|
|
- <el-select v-model="cardInfo.Targets[0].TargetId" placeholder="请选择">
|
|
|
104
|
+ <el-select v-model="cardInfo.Targets[0].TargetId" placeholder="请选择" :disabled="isEdit">
|
|
102
|
105
|
<el-option
|
|
103
|
106
|
v-for="item in courseList"
|
|
104
|
107
|
:key="item.CourseId"
|
|
|
@@ -115,12 +118,26 @@
|
|
115
|
118
|
<div class="flex-item">
|
|
116
|
119
|
<div>
|
|
117
|
120
|
<div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
|
|
118
|
|
- <el-date-picker
|
|
|
121
|
+ <!-- <el-date-picker
|
|
|
122
|
+ :disabled="isEdit"
|
|
119
|
123
|
v-model="date"
|
|
120
|
124
|
type="daterange"
|
|
121
|
125
|
range-separator="至"
|
|
122
|
126
|
start-placeholder="开始日期"
|
|
123
|
127
|
end-placeholder="结束日期">
|
|
|
128
|
+ </el-date-picker> -->
|
|
|
129
|
+ <el-date-picker
|
|
|
130
|
+ :disabled="isEdit"
|
|
|
131
|
+ v-model="cardInfo.StartDate"
|
|
|
132
|
+ type="date"
|
|
|
133
|
+ placeholder="选择起始日期">
|
|
|
134
|
+ </el-date-picker>
|
|
|
135
|
+ <span style="line-height:40px;">至</span>
|
|
|
136
|
+ <el-date-picker
|
|
|
137
|
+ :disabled="isEdit"
|
|
|
138
|
+ v-model="cardInfo.EndDate"
|
|
|
139
|
+ type="date"
|
|
|
140
|
+ placeholder="选择截止日期">
|
|
124
|
141
|
</el-date-picker>
|
|
125
|
142
|
</div>
|
|
126
|
143
|
</div>
|
|
|
@@ -132,6 +149,7 @@
|
|
132
|
149
|
<div style="vertical-align: middle;">
|
|
133
|
150
|
<a style="line-height: 40px;" v-if="videoOff" :href="cardInfo.VideoUrl" target="blank">{{cardInfo.VideoUrl}}</a>
|
|
134
|
151
|
<el-upload
|
|
|
152
|
+ :disabled="isEdit"
|
|
135
|
153
|
class="avatar-uploader"
|
|
136
|
154
|
action='string'
|
|
137
|
155
|
:http-request="toolClass.upload"
|
|
|
@@ -206,7 +224,7 @@ export default {
|
|
206
|
224
|
videoOff: false,
|
|
207
|
225
|
total: 0,
|
|
208
|
226
|
type: this.$route.query.type,
|
|
209
|
|
- isEdit: this.$route.query.id === undefined ? 0 : 1,
|
|
|
227
|
+ isEdit: !!this.$route.query.id,
|
|
210
|
228
|
ChannelList: [], // 渠道列表
|
|
211
|
229
|
TypeList: [], // 类型列表
|
|
212
|
230
|
GoodsList: [], // 商品列表
|
|
|
@@ -256,18 +274,39 @@ export default {
|
|
256
|
274
|
this.getCardById({
|
|
257
|
275
|
id: this.$route.query.id
|
|
258
|
276
|
}).then((res) => {
|
|
259
|
|
- // console.log(JSON.stringify(res.Card))
|
|
260
|
|
- this.cardInfo = res.Card
|
|
261
|
|
- if (res.Card.VideoUrl) {
|
|
262
|
|
- this.videoOff = true
|
|
263
|
|
- }
|
|
264
|
|
- if (res.Card.Images === null) {
|
|
265
|
|
- this.cardInfo.Images = [{
|
|
266
|
|
- CardImageUrl: ''
|
|
267
|
|
- }]
|
|
268
|
|
- }
|
|
269
|
|
- if (res.Card.StartDate) {
|
|
270
|
|
- this.date = [res.Card.StartDate, res.Card.EndDate]
|
|
|
277
|
+ if (res.Card.CaseId !== '') {
|
|
|
278
|
+ var aRes = res
|
|
|
279
|
+ this.GetChannelListList({
|
|
|
280
|
+ caseid: res.Card.CaseId,
|
|
|
281
|
+ page: 1,
|
|
|
282
|
+ pagesize: 10000
|
|
|
283
|
+ }).then((res) => {
|
|
|
284
|
+ this.cardInfo = aRes.Card
|
|
|
285
|
+ if (aRes.Card.VideoUrl) {
|
|
|
286
|
+ this.videoOff = true
|
|
|
287
|
+ }
|
|
|
288
|
+ if (aRes.Card.Images === null) {
|
|
|
289
|
+ this.cardInfo.Images = [{
|
|
|
290
|
+ CardImageUrl: ''
|
|
|
291
|
+ }]
|
|
|
292
|
+ }
|
|
|
293
|
+ if (aRes.Card.StartDate) {
|
|
|
294
|
+ this.date = [aRes.Card.StartDate, aRes.Card.EndDate]
|
|
|
295
|
+ }
|
|
|
296
|
+ })
|
|
|
297
|
+ } else {
|
|
|
298
|
+ this.cardInfo = res.Card
|
|
|
299
|
+ if (res.Card.VideoUrl) {
|
|
|
300
|
+ this.videoOff = true
|
|
|
301
|
+ }
|
|
|
302
|
+ if (res.Card.Images === null) {
|
|
|
303
|
+ this.cardInfo.Images = [{
|
|
|
304
|
+ CardImageUrl: ''
|
|
|
305
|
+ }]
|
|
|
306
|
+ }
|
|
|
307
|
+ if (res.Card.StartDate) {
|
|
|
308
|
+ this.date = [res.Card.StartDate, res.Card.EndDate]
|
|
|
309
|
+ }
|
|
271
|
310
|
}
|
|
272
|
311
|
})
|
|
273
|
312
|
}
|
|
|
@@ -439,10 +478,10 @@ export default {
|
|
439
|
478
|
},
|
|
440
|
479
|
submit () { // 保存
|
|
441
|
480
|
if (this.$route.query.id) {
|
|
442
|
|
- if (this.date !== '') {
|
|
443
|
|
- this.cardInfo.StartDate = this.date[0]
|
|
444
|
|
- this.cardInfo.EndDate = this.date[1]
|
|
445
|
|
- }
|
|
|
481
|
+ // if (this.date !== '') {
|
|
|
482
|
+ // this.cardInfo.StartDate = this.date[0]
|
|
|
483
|
+ // this.cardInfo.EndDate = this.date[1]
|
|
|
484
|
+ // }
|
|
446
|
485
|
this.courseList = this.courseList || []
|
|
447
|
486
|
for (var x = 0; x < this.courseList.length; x++) {
|
|
448
|
487
|
if (this.courseList[x].CourseId === this.cardInfo.Targets[0].TargetId) {
|
|
|
@@ -463,10 +502,10 @@ export default {
|
|
463
|
502
|
})
|
|
464
|
503
|
} else {
|
|
465
|
504
|
this.cardInfo.OrgId = this.OrgId
|
|
466
|
|
- if (this.date !== '') {
|
|
467
|
|
- this.cardInfo.StartDate = this.date[0]
|
|
468
|
|
- this.cardInfo.EndDate = this.date[1]
|
|
469
|
|
- }
|
|
|
505
|
+ // if (this.date !== '') {
|
|
|
506
|
+ // this.cardInfo.StartDate = this.date[0]
|
|
|
507
|
+ // this.cardInfo.EndDate = this.date[1]
|
|
|
508
|
+ // }
|
|
470
|
509
|
this.courseList = this.courseList || []
|
|
471
|
510
|
for (var n = 0; n < this.courseList.length; n++) {
|
|
472
|
511
|
if (this.courseList[n].CourseId === this.cardInfo.Targets[0].TargetId) {
|
