3f535f30
杨鑫
'初始'
|
1
2
|
<template>
<div style="background-color:#f7f7f7;padding:10px 10px;">
|
844aa73a
杨鑫
'最新'
|
3
|
<div class="zhuti" v-if="ggXin == false && detbox==false">
|
3f535f30
杨鑫
'初始'
|
4
5
|
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>客服服务管理</span> <span style="padding:0 5px;">></span> <span
|
cdf6c4c9
杨鑫
最新
|
6
|
style="color:#000000e6">商务合作</span></div>
|
3f535f30
杨鑫
'初始'
|
7
8
9
10
|
</div>
<div>
<!-- 搜索 -->
<div class="formSearch">
|
844aa73a
杨鑫
'最新'
|
11
|
<el-form :inline="true" :model="pageindex">
|
3f535f30
杨鑫
'初始'
|
12
|
<el-form-item label="商务合作标题">
|
844aa73a
杨鑫
'最新'
|
13
|
<el-input v-model="pageindex.title" placeholder="请输入" style="width:168px;" />
|
3f535f30
杨鑫
'初始'
|
14
|
</el-form-item>
|
a54f027f
杨鑫
'1'
|
15
|
|
3f535f30
杨鑫
'初始'
|
16
|
<el-form-item label="联系人">
|
844aa73a
杨鑫
'最新'
|
17
|
<el-input v-model="pageindex.contactPerson" placeholder="请输入" style="width:168px;" />
|
3f535f30
杨鑫
'初始'
|
18
19
|
</el-form-item>
<el-form-item label="联系电话">
|
844aa73a
杨鑫
'最新'
|
20
|
<el-input v-model="pageindex.contactPhone" placeholder="请输入" style="width:168px;" />
|
3f535f30
杨鑫
'初始'
|
21
|
</el-form-item>
|
814bee0d
杨鑫
'更新'
|
22
|
<!-- <el-form-item label="合作类型">
|
844aa73a
杨鑫
'最新'
|
23
|
<el-select v-model="pageindex.cooperationType" placeholder="请选择" style="width:168px;margin-right: 15px">
|
3f535f30
杨鑫
'初始'
|
24
25
26
27
28
|
<el-option label="品牌推广合作" value="品牌推广合作" />
<el-option label="场地租赁合作" value="场地租赁合作" />
<el-option label="文化旅游合作" value="文化旅游合作" />
<el-option label="健康生活产品合作" value="健康生活产品合作" />
</el-select>
|
814bee0d
杨鑫
'更新'
|
29
|
</el-form-item> -->
|
3f535f30
杨鑫
'初始'
|
30
|
</el-form>
|
a54f027f
杨鑫
'1'
|
31
|
<div style="width:20%">
|
3f535f30
杨鑫
'初始'
|
32
33
34
35
36
37
38
39
40
|
<el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
</el-button>
<el-button @click="resetting" class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
</el-button>
</div>
</div>
<div style="margin-bottom: 20px;">
<div>
|
6eebfba2
wesley88
1
|
41
42
|
<el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;"
icon="el-icon-circle-plus-outline" @click="addOpen">新增</el-button>
|
3f535f30
杨鑫
'初始'
|
43
44
45
46
47
|
</div>
</div>
<!-- 表格 -->
<el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
|
6eebfba2
wesley88
1
|
48
|
:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
|
a67407bc
杨鑫
最新
|
49
|
|
3f535f30
杨鑫
'初始'
|
50
51
|
<el-table-column label="商务合作标题" min-width="150" prop="title">
</el-table-column>
|
60cd6339
杨鑫
'最新'
|
52
53
|
<el-table-column label="场地名称" min-width="150">
<template slot-scope="scope">
|
6eebfba2
wesley88
1
|
54
|
{{scope.row.cereBasicInformationVenue.venueName?scope.row.cereBasicInformationVenue.venueName:'无'}}
|
60cd6339
杨鑫
'最新'
|
55
|
</template>
|
3f535f30
杨鑫
'初始'
|
56
57
58
59
60
61
62
63
64
65
66
|
</el-table-column>
<el-table-column label="合作类型" prop="cooperationType" min-width="250">
</el-table-column>
<el-table-column label="联系人" prop="contactPerson" min-width="150">
</el-table-column>
<el-table-column label="联系电话" prop="contactPhone" min-width="150">
</el-table-column>
<el-table-column label="邮箱" prop="email" min-width="150">
</el-table-column>
|
3f535f30
杨鑫
'初始'
|
67
|
|
a54f027f
杨鑫
'1'
|
68
|
|
3f535f30
杨鑫
'初始'
|
69
|
<el-table-column prop="status" label="发布状态" min-width="150">
|
6eebfba2
wesley88
1
|
70
71
72
|
<template slot-scope="scope">
{{scope.row.status=='2'?'未发布':'已发布'}}
</template>
|
3f535f30
杨鑫
'初始'
|
73
|
</el-table-column>
|
2f60abcc
杨鑫
最新
|
74
|
<el-table-column label="操作" min-width="180" fixed="right">
|
3f535f30
杨鑫
'初始'
|
75
76
77
78
79
80
81
82
83
84
|
<template slot-scope="scope">
<div @click="details(scope.row)" class="tableBtn greens">查看</div>
<div @click="fabu(scope.row,'1')" class="tableBtn greens" v-if="scope.row.status=='2'">发布</div>
<div @click="fabu(scope.row,'2')" class="tableBtn greens" v-if="scope.row.status=='1'">下架</div>
<div @click="zhongzhi(scope.row)" class="tableBtn greens" v-if="scope.row.status =='2'">编辑</div>
<div @click="deltab(scope.row)" class="tableBtn greens" v-if="scope.row.status =='2'">删除</div>
</template>
</el-table-column>
</el-table>
<div class="fenye">
|
cdf6c4c9
杨鑫
最新
|
85
86
87
|
<div>共{{total}}条</div>
<el-pagination :hide-on-single-page='flag' background :current-page="currentPage"
:page-sizes="[10, 20, 50, 100]" layout="prev, pager, next" :total="total "
|
3f535f30
杨鑫
'初始'
|
88
89
90
91
92
93
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
</div>
</div>
</div>
<!-- 详情框 -->
|
844aa73a
杨鑫
'最新'
|
94
|
<div class="zhuti" v-if='detbox'>
|
6eebfba2
wesley88
1
|
95
96
97
98
99
100
101
102
103
104
105
106
107
|
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>客服服务管理</span> <span style="padding:0 5px;">></span> <span
style="color:#000000e6">查看</span></div>
</div>
<div class="editcss">
<div style="padding: 20px 20px 20px 0;">
<el-form :model="xiangData" ref="ruleForm" label-width="150px" class="demo-ruleForm">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="商务合作标题" prop="title">
<div class="duiqi">{{xiangData.title}}</div>
</el-form-item>
</el-col>
|
844aa73a
杨鑫
'最新'
|
108
|
|
6eebfba2
wesley88
1
|
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
<el-col :span="12">
<el-form-item label="合作类型">
<div class="duiqi">{{xiangData.cooperationType}}</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系人">
<div class="duiqi">{{xiangData.contactPerson}}</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话">
<div class="duiqi">{{xiangData.contactPhone}}</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="邮箱">
<div class="duiqi">{{xiangData.email}}</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="内容" prop="content" tyle="width: 100%;">
<div v-html="xiangData.content" style="line-height:40px"></div>
</el-form-item>
</el-col>
|
844aa73a
杨鑫
'最新'
|
140
|
|
6eebfba2
wesley88
1
|
141
142
143
144
145
146
147
148
|
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="场地选择" prop="resourceManagement">
<div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
<div style="padding: 15px;">
<div style="padding: 0px 20px 0px 0px">
<el-table :data="addziyuanData" :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
|
a67407bc
杨鑫
最新
|
149
|
<!-- <el-table-column label="序号" width="50">
|
6eebfba2
wesley88
1
|
150
151
152
|
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
|
a67407bc
杨鑫
最新
|
153
|
</el-table-column> -->
|
6eebfba2
wesley88
1
|
154
155
156
157
158
159
160
161
|
<el-table-column label="场地名称" prop="venueName">
</el-table-column>
<el-table-column label="所属区域" prop="district">
</el-table-column>
<el-table-column label="场地类型" prop="venueType">
</el-table-column>
</el-table>
</div>
|
844aa73a
杨鑫
'最新'
|
162
163
|
</div>
</div>
|
6eebfba2
wesley88
1
|
164
165
166
167
168
169
170
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="往期活动展示" prop="previousEvents">
<!-- <div style="display: flex;justify-content: space-between;" >
|
844aa73a
杨鑫
'最新'
|
171
|
<el-image style="width:48%" fit="fill" :src="$baseURL+item" v-for="(item,index) in xiangData.previousEvents"></el-image>
|
e75fe4fe
wesley88
2
|
172
|
</div> -->
|
6eebfba2
wesley88
1
|
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
|
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in xiangData.previousEvents"
style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;" />
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="封面图片" prop="coverImage">
<!-- <el-image :src="$baseURL +xiangData.coverImage" style="width: 140px;height:140px;"></el-image> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in xiangData.coverImage.split(',')"
style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;" />
</div>
</el-form-item>
</el-col>
</el-row>
|
844aa73a
杨鑫
'最新'
|
191
|
|
6eebfba2
wesley88
1
|
192
|
</el-form>
|
3f535f30
杨鑫
'初始'
|
193
|
</div>
|
6eebfba2
wesley88
1
|
194
195
196
197
198
199
200
201
|
</div>
<el-row :gutter="20">
<el-col :span="12">
<el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
@click="detbox=false">取消</el-button>
</el-col>
</el-row>
</div>
|
3f535f30
杨鑫
'初始'
|
202
203
|
<!-- 新增 -->
|
844aa73a
杨鑫
'最新'
|
204
205
206
207
|
<div class="zhuti" v-if="ggXin">
<div style="height:58px;line-height:58px;">
<div style="color:#0006"> <span>客服服务管理</span> <span style="padding:0 5px;">></span> <span
style="color:#000000e6">{{edit?'新增':'编辑'}}</span></div>
|
3f535f30
杨鑫
'初始'
|
208
|
</div>
|
6eebfba2
wesley88
1
|
209
|
<div style="">
|
844aa73a
杨鑫
'最新'
|
210
211
212
213
214
|
<div style="padding: 20px 20px 20px 0;">
<el-form ref="AddFromOne" :model="formInline" :rules="rulesOne" label-width="150px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="商务合作标题" prop="title">
|
6eebfba2
wesley88
1
|
215
|
<el-input placeholder="请输入" v-model="formInline.title"></el-input>
|
844aa73a
杨鑫
'最新'
|
216
217
218
219
220
|
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合作类型" prop="cooperationType">
<el-select v-model="formInline.cooperationType" placeholder="请选择" style="width:100%">
|
04473319
wesley88
1
|
221
|
<!-- <el-option label="品牌推广合作" value="品牌推广合作" />
|
844aa73a
杨鑫
'最新'
|
222
223
|
<el-option label="场地租赁合作" value="场地租赁合作" />
<el-option label="文化旅游合作" value="文化旅游合作" />
|
04473319
wesley88
1
|
224
225
226
|
<el-option label="健康生活产品合作" value="健康生活产品合作" /> -->
<el-option v-for="(item,index) in cooperationTypeList"
:key="index" :label="item.label" :value="item.value"></el-option>
|
844aa73a
杨鑫
'最新'
|
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
|
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系人" prop="contactPerson">
<el-input placeholder="请输入" v-model="formInline.contactPerson"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="contactPhone">
<el-input placeholder="请输入" v-model="formInline.contactPhone"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="邮箱" prop="email">
|
6eebfba2
wesley88
1
|
246
|
<el-input placeholder="请输入" v-model="formInline.email"></el-input>
|
844aa73a
杨鑫
'最新'
|
247
248
249
250
251
252
253
254
255
256
257
258
259
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="内容" prop="content">
<wang-editor v-model="formInline.content" ref="editor" :height="200"></wang-editor>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
|
6eebfba2
wesley88
1
|
260
261
262
263
264
265
266
267
268
269
270
271
|
<el-form-item label="场地选择" prop="resourceManagement">
<div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
<div
style="font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;line-height:20px;background:#F2F3F5;">
<div></div>
<div style="color: #3F9B6A;padding:10px;" @click="addziyuan = true">
添加
</div>
</div>
<div style="padding: 15px;">
<div style="padding: 0px 20px 0px 0px">
<el-table :data="addziyuanData" :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
|
a67407bc
杨鑫
最新
|
272
|
<!-- <el-table-column label="序号" width="50">
|
6eebfba2
wesley88
1
|
273
274
275
|
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
|
a67407bc
杨鑫
最新
|
276
|
</el-table-column> -->
|
6eebfba2
wesley88
1
|
277
278
279
280
281
282
283
284
285
286
287
288
289
|
<el-table-column label="场地名称" prop="venueName">
</el-table-column>
<el-table-column label="所属区域" prop="district">
</el-table-column>
<el-table-column label="场地类型" prop="venueType">
</el-table-column>
<el-table-column label="操作" >
<template slot-scope="scope">
<div class="tableBtn greens" @click="handleDelete(scope.$index)">删除</div>
</template>
</el-table-column>
</el-table>
</div>
|
844aa73a
杨鑫
'最新'
|
290
291
|
</div>
</div>
|
6eebfba2
wesley88
1
|
292
293
294
295
296
297
298
299
300
|
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="往期活动展示" prop="previousEvents">
<upimg filePath="serve" :value="formInline.previousEvents" inputtype="previousEvents" :limit="5"
@changimg="e=>changimg(e,'previousEvents')"></upimg>
</el-form-item>
|
844aa73a
杨鑫
'最新'
|
301
302
|
</el-col>
</el-row>
|
844aa73a
杨鑫
'最新'
|
303
304
|
<el-row :gutter="20">
<el-col :span="24">
|
cfcb44ef
杨鑫
'改bug版'
|
305
|
<el-form-item label="封面图片" prop="coverImage">
|
844aa73a
杨鑫
'最新'
|
306
307
308
309
310
311
312
313
314
315
316
|
<upimg filePath="serve" :value="formInline.coverImage" inputtype="coverImage" :limit="1"
@changimg="e=>changimg(e,'coverImage')"></upimg>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item>
<div style="margin-top: 20px">
<el-button class="buttonHover"
|
6eebfba2
wesley88
1
|
317
318
|
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
@click="closeFn">取消</el-button>
|
844aa73a
杨鑫
'最新'
|
319
320
321
322
323
324
|
<el-button style="background-color: #3F9B6A;color: #fff" @click="addCheck">确 定</el-button>
</div>
</el-form-item>
</el-col>
</el-row>
|
3f535f30
杨鑫
'初始'
|
325
|
|
844aa73a
杨鑫
'最新'
|
326
327
|
</el-form>
</div>
|
3f535f30
杨鑫
'初始'
|
328
|
</div>
|
6eebfba2
wesley88
1
|
329
330
|
<!-- <el-dialog :visible.sync="addziyuan" title="添加" width="70%" append-to-body center :close-on-click-modal="false"
:close-on-press-escape="false" :show-close="false">
|
3f535f30
杨鑫
'初始'
|
331
|
<div style="padding: 15px;width:100%">
|
3f535f30
杨鑫
'初始'
|
332
|
<div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
|
6eebfba2
wesley88
1
|
333
334
|
<div
style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
|
3f535f30
杨鑫
'初始'
|
335
336
337
338
|
<div>选择场地</div>
</div>
<div style="padding: 15px;">
<div style="padding: 0px 20px 0px 0px">
|
6eebfba2
wesley88
1
|
339
340
341
342
343
344
345
346
|
<el-table :data="ziyuanData" highlight-current-row @row-click="handleRowClick"
:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
<el-table-column label="选择" width="55">
<template slot-scope="scope">
<el-radio v-model="selectedRow" inert :label="scope.row"> </el-radio>
</template>
</el-table-column>
<el-table-column label="序号" width="80">
|
3f535f30
杨鑫
'初始'
|
347
348
349
350
|
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
</el-table-column>
|
6eebfba2
wesley88
1
|
351
|
<el-table-column label="场地名称" prop="venueName">
|
3f535f30
杨鑫
'初始'
|
352
|
|
6eebfba2
wesley88
1
|
353
354
355
356
357
358
|
</el-table-column>
<el-table-column label="场地类型" prop="venueType">
</el-table-column>
<el-table-column label="所属区域" prop="district">
</el-table-column>
|
3f535f30
杨鑫
'初始'
|
359
|
|
3f535f30
杨鑫
'初始'
|
360
361
362
363
364
365
|
</el-table>
</div>
</div>
</div>
</div>
<div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
|
6eebfba2
wesley88
1
|
366
367
|
<el-button @click="mingClose" class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消
|
3f535f30
杨鑫
'初始'
|
368
|
</el-button>
|
6eebfba2
wesley88
1
|
369
|
<el-button @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定
|
3f535f30
杨鑫
'初始'
|
370
371
372
|
</el-button>
</div>
|
6eebfba2
wesley88
1
|
373
374
375
376
377
378
379
|
</el-dialog> -->
</div>
<el-dialog :visible.sync="addziyuan" title="选择资源" style="padding: 0;" width="65%" append-to-body center
:close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
<zy :istype="'3'" :maxSelection="1" publishStatus="2" v-if="addziyuan" @mingClose="mingClose" @minSev="minSev"></zy>
</el-dialog>
|
3f535f30
杨鑫
'初始'
|
380
381
382
383
384
385
|
</div>
</template>
<script>
|
6eebfba2
wesley88
1
|
386
|
import zy from "@/components/change/zy"
|
3f535f30
杨鑫
'初始'
|
387
388
|
import wangEditor from "@/components/editor/index";
import {
|
6eebfba2
wesley88
1
|
389
390
391
392
|
MerGetAll,
MerAdd,
MerEdit,
MerDel
|
3f535f30
杨鑫
'初始'
|
393
394
395
|
} from '../../../api/Merchant.js'
import upimg from "@/components/ImageUpload/index"
import {
|
6eebfba2
wesley88
1
|
396
|
changAlls
|
3f535f30
杨鑫
'初始'
|
397
|
} from '../../../api/information.js'
|
e75fe4fe
wesley88
2
|
398
|
import allimg from '@/components/chakan/allimg.vue';
|
3f535f30
杨鑫
'初始'
|
399
400
401
|
export default {
components: {
upimg,
|
e75fe4fe
wesley88
2
|
402
|
wangEditor,
|
6eebfba2
wesley88
1
|
403
404
|
allimg,
zy
|
3f535f30
杨鑫
'初始'
|
405
406
407
408
409
410
411
412
413
414
415
416
|
},
data() {
return {
hetongBox: false,
detbox: false, //详情
leixing: true, //切换
currentPage: 1,
total: 10,
flag: false,
pageSize: 10,
ggXin: false,
formInline: {
|
6eebfba2
wesley88
1
|
417
418
419
420
421
422
423
424
425
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
email: '',
coverImage: '',
previousEvents: '',
status: '2'
|
3f535f30
杨鑫
'初始'
|
426
|
},
|
6eebfba2
wesley88
1
|
427
428
|
plan_Time: [],
followUpTime: [],
|
3f535f30
杨鑫
'初始'
|
429
430
|
tableData: [],
secondData: {},
|
3f535f30
杨鑫
'初始'
|
431
|
pageindex: {
|
6eebfba2
wesley88
1
|
432
433
434
435
436
437
438
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
pageNumber: 0,
pageSize: 10,
|
3f535f30
杨鑫
'初始'
|
439
440
|
},
bianjiBox: 1,
|
844aa73a
杨鑫
'最新'
|
441
|
|
3f535f30
杨鑫
'初始'
|
442
|
edit: true, //编辑切换
|
6eebfba2
wesley88
1
|
443
444
445
446
447
448
|
addkehu: false,
addziyuan: false,
ziyuanData: [], //资源
addziyuanData: [],
multipleSelection: [],
xiangData: {}, //详情
|
844aa73a
杨鑫
'最新'
|
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
|
rulesOne: {
title: [{
required: true,
message: '请输入商务合作标题',
trigger: 'blur'
}, ],
content: [{
required: true,
message: '请输入内容',
trigger: 'blur'
}],
cooperationType: [{
required: true,
message: '请选择合作类型',
trigger: 'change'
}],
contactPerson: [{
required: true,
message: '请输入联系人',
trigger: 'blur'
}],
contactPhone: [{
required: true,
message: '请输入联系电话',
trigger: 'blur'
}],
email: [{
required: true,
message: '请输入邮箱',
trigger: 'blur'
}],
previousEvents: [{
required: true,
message: '请上传往期活动图片',
trigger: 'change'
}, ],
|
cfcb44ef
杨鑫
'改bug版'
|
485
486
487
488
489
|
coverImage: [{
required: true,
message: '请上传封面图片',
trigger: 'change'
}, ],
|
844aa73a
杨鑫
'最新'
|
490
|
},
|
6eebfba2
wesley88
1
|
491
|
selectedRow: null
|
3f535f30
杨鑫
'初始'
|
492
493
494
495
496
497
498
499
|
}
},
created() {
this.getAll()
},
computed: {
},
|
04473319
wesley88
1
|
500
501
502
503
504
|
computed: {
cooperationTypeList() {
return this.$store.state.cent.cooperationTypeList;
},
},
|
3f535f30
杨鑫
'初始'
|
505
|
methods: {
|
844aa73a
杨鑫
'最新'
|
506
|
changimg(e, type) {
|
6eebfba2
wesley88
1
|
507
|
this.formInline[type] = e
|
844aa73a
杨鑫
'最新'
|
508
509
|
},
|
6eebfba2
wesley88
1
|
510
|
addOpen() {
|
844aa73a
杨鑫
'最新'
|
511
|
this.formInline = {
|
6eebfba2
wesley88
1
|
512
513
514
515
516
517
518
519
520
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
email: '',
coverImage: '',
previousEvents: '',
status: '2'
|
3f535f30
杨鑫
'初始'
|
521
|
}
|
844aa73a
杨鑫
'最新'
|
522
523
|
this.addziyuanData = []
this.ggXin = true
|
3f535f30
杨鑫
'初始'
|
524
525
526
527
528
|
},
async getAll() {
const res = await MerGetAll(this.pageindex)
this.tableData = res.data.content
this.total = res.data.content.length
|
6eebfba2
wesley88
1
|
529
|
const ziyuan = await changAlls(this.pageindex)
|
3f535f30
杨鑫
'初始'
|
530
531
532
533
|
this.ziyuanData = [...ziyuan.data.content]
},
// 新增确定按钮
|
6eebfba2
wesley88
1
|
534
535
536
537
538
|
addCheck(val) {
if (this.addziyuanData.length != 0) {
this.formInline.venue = this.addziyuanData.map(item => item.id).join(',');
} else {
this.formInline.venue = ''
|
3f535f30
杨鑫
'初始'
|
539
|
}
|
6eebfba2
wesley88
1
|
540
|
if (this.formInline.content == '<p> </p>' || this.formInline.content == '<p><br></p>') {
|
844aa73a
杨鑫
'最新'
|
541
542
543
544
545
|
this.$message({
message: '请填写完整信息',
type: 'error'
})
return
|
3f535f30
杨鑫
'初始'
|
546
|
}
|
844aa73a
杨鑫
'最新'
|
547
|
this.$refs.AddFromOne.validate((valid) => {
|
6eebfba2
wesley88
1
|
548
549
550
551
552
553
554
555
556
557
558
559
|
if (valid) {
this.formInline.createTime = this.currentTime()
if (this.edit) {
MerAdd(this.formInline).then(res => {
this.ggXin = false
this.addziyuanData = []
this.getAll()
})
} else {
if (this.formInline.previousEvents != '' && typeof this.formInline.previousEvents != 'string') {
this.formInline.previousEvents = this.formInline.previousEvents.join(',')
|
844aa73a
杨鑫
'最新'
|
560
|
}
|
6eebfba2
wesley88
1
|
561
562
563
564
565
566
567
568
|
MerEdit(this.formInline).then(res => {
this.ggXin = false
this.addziyuanData = []
this.getAll()
})
}
this.selectedRow = null
} else {
|
844aa73a
杨鑫
'最新'
|
569
570
571
572
|
this.$message({
message: '请填写完整信息',
type: 'error'
})
|
3f535f30
杨鑫
'初始'
|
573
|
|
844aa73a
杨鑫
'最新'
|
574
575
|
}
})
|
3f535f30
杨鑫
'初始'
|
576
577
578
579
|
},
// 获取时间
currentTime() {
let date = new Date();
|
60cd6339
杨鑫
'最新'
|
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
|
let year = date.getFullYear();
let month = date.getMonth() + 1; // 月份从0~11,所以加一
let day = date.getDate();
let hours = date.getHours();
let minutes = date.getMinutes();
let seconds = date.getSeconds();
// 为月、日、小时、分钟和秒添加前导零(如果需要)
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
hours = hours < 10 ? '0' + hours : hours;
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds < 10 ? '0' + seconds : seconds;
// 返回格式化的日期和时间字符串
return `${year}-${month}-${day} ${hours}:${minutes}`;
|
3f535f30
杨鑫
'初始'
|
596
597
598
|
},
//详情
|
6eebfba2
wesley88
1
|
599
600
|
details(item) {
this.addziyuanData = []
|
3f535f30
杨鑫
'初始'
|
601
602
|
this.edit = true
this.xiangData = item
|
844aa73a
杨鑫
'最新'
|
603
604
605
|
if (typeof item.previousEvents === 'string') {
this.xiangData.previousEvents = item.previousEvents.split(',');
|
6eebfba2
wesley88
1
|
606
|
}
|
844aa73a
杨鑫
'最新'
|
607
|
|
6eebfba2
wesley88
1
|
608
609
610
611
612
613
614
615
616
|
if (item.venue != '') {
let ids = []
ids = item.venue.split(',')
ids.map(res => {
changAlls({
id: res,
pageNumber: 0,
pageSize: 10,
}).then(item => {
|
60cd6339
杨鑫
'最新'
|
617
|
|
6eebfba2
wesley88
1
|
618
619
620
|
item.data.content.map(ids => {
this.addziyuanData.push(ids)
})
|
60cd6339
杨鑫
'最新'
|
621
|
|
6eebfba2
wesley88
1
|
622
623
|
})
})
|
60cd6339
杨鑫
'最新'
|
624
|
|
6eebfba2
wesley88
1
|
625
|
}
|
844aa73a
杨鑫
'最新'
|
626
|
|
3f535f30
杨鑫
'初始'
|
627
628
|
this.detbox = true
},
|
6eebfba2
wesley88
1
|
629
630
|
async addbuss() {
await MerEdit(this.xiangData)
|
3f535f30
杨鑫
'初始'
|
631
632
633
634
635
636
637
638
639
640
641
642
643
|
this.detbox = false
this.getAll()
// this.ggXin = true
},
handleSizeChange(val) {
this.pageSize = val
},
handleCurrentChange(val) {
this.currentPage = val
},
closeFn(val) {
|
6eebfba2
wesley88
1
|
644
|
this.addziyuanData = []
|
ab1ffdd3
杨鑫
'更新'
|
645
|
this.getAll()
|
6eebfba2
wesley88
1
|
646
647
|
this.ggXin = false
this.selectedRow = null
|
ab1ffdd3
杨鑫
'更新'
|
648
|
|
3f535f30
杨鑫
'初始'
|
649
650
651
652
653
654
|
},
//查看合同
lookHetong(val) {
this.hetongBox = true
},
// 查询按钮
|
6eebfba2
wesley88
1
|
655
656
|
onSubmit() {
this.getAll()
|
3f535f30
杨鑫
'初始'
|
657
658
659
|
},
//重置按钮
resetting() {
|
6eebfba2
wesley88
1
|
660
661
662
663
664
665
666
667
668
669
|
this.pageindex = {
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
pageNumber: 0,
pageSize: 10,
}
this.getAll()
|
3f535f30
杨鑫
'初始'
|
670
|
},
|
6eebfba2
wesley88
1
|
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
|
zhongzhi(item) {
this.edit = false
this.formInline = item
this.addziyuanData = []
if (item.venue != '') {
let ids = []
ids = item.venue.split(',')
ids.map(res => {
changAlls({
id: res,
pageNumber: 0,
pageSize: 10,
}).then(item => {
item.data.content.map(ids => {
this.addziyuanData.push(ids)
this.selectedRow = ids
})
|
844aa73a
杨鑫
'最新'
|
689
|
|
6eebfba2
wesley88
1
|
690
691
|
})
})
|
60cd6339
杨鑫
'最新'
|
692
|
|
6eebfba2
wesley88
1
|
693
694
|
}
this.ggXin = true
|
3f535f30
杨鑫
'初始'
|
695
696
|
},
|
6eebfba2
wesley88
1
|
697
698
699
700
701
702
703
|
minSev(e) {
console.log(e)
this.addziyuanData = []
this.addziyuanData = e
this.addziyuan = false
this.multipleSelection = []
this.selectedRow = null
|
3f535f30
杨鑫
'初始'
|
704
|
},
|
6eebfba2
wesley88
1
|
705
706
|
mingClose() {
this.multipleSelection = []
|
3f535f30
杨鑫
'初始'
|
707
|
this.addziyuan = false
|
ab1ffdd3
杨鑫
'更新'
|
708
|
this.selectedRow = null
|
3f535f30
杨鑫
'初始'
|
709
|
},
|
ab1ffdd3
杨鑫
'更新'
|
710
|
handleRowClick(row) {
|
6eebfba2
wesley88
1
|
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
|
this.selectedRow = row; // 点击行时选中对应的单选框
},
deltab(item) {
const h = this.$createElement;
this.$msgbox({
title: '消息',
message: h('p', null, [
h('span', null, '是否删除 '),
]),
showCancelButton: true,
showClose: false,
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'oe-dialog-btn',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
MerDel({
id: item.id
}).then(res => {
this.$message({
message: '删除成功',
type: 'success'
})
this.getAll()
done();
})
} else {
done();
}
|
3f535f30
杨鑫
'初始'
|
740
|
}
|
6eebfba2
wesley88
1
|
741
|
})
|
3f535f30
杨鑫
'初始'
|
742
|
},
|
6eebfba2
wesley88
1
|
743
|
fabu(item, val) {
|
3f535f30
杨鑫
'初始'
|
744
|
const h = this.$createElement;
|
6eebfba2
wesley88
1
|
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
|
this.$msgbox({
title: '消息',
message: h('p', null, [
h('span', null, '是否处理'),
]),
showCancelButton: true,
showClose: false,
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'oe-dialog-btn',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
MerEdit({
id: item.id,
status: val
}).then(res => {
this.getAll()
done();
})
} else {
done();
}
}
|
3f535f30
杨鑫
'初始'
|
768
769
|
})
|
a54f027f
杨鑫
'1'
|
770
|
},
|
6eebfba2
wesley88
1
|
771
772
773
|
handleDelete(index) {
this.addziyuanData.splice(index, 1)
this.selectedRow = null
|
3f535f30
杨鑫
'初始'
|
774
775
776
777
778
779
|
}
}
}
</script>
<style scoped>
|
cdf6c4c9
杨鑫
最新
|
780
781
782
783
784
|
.fenye {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
|
3f535f30
杨鑫
'初始'
|
785
786
787
788
789
790
|
.zhuti {
padding: 0 20px 20px 20px;
min-height: calc(100vh - 50px - 20px);
background-color: #Fff;
}
|
3f535f30
杨鑫
'初始'
|
791
792
793
794
795
796
|
.chengeXia {
border-bottom: 6px solid #3F9B6A;
padding-bottom: 4px;
color: #3F9B6A;
}
|
844aa73a
杨鑫
'最新'
|
797
|
|
3f535f30
杨鑫
'初始'
|
798
799
800
801
802
803
|
.formSearch {
display: flex;
width: 100%;
font-size: 14px;
justify-content: space-between;
}
|
3f535f30
杨鑫
'初始'
|
804
805
806
|
.greens {
color: #3F9B6A;
}
|
3f535f30
杨鑫
'初始'
|
807
808
809
810
811
812
813
814
815
816
817
|
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
background: #e5e9f2;
}
|
3f535f30
杨鑫
'初始'
|
818
819
820
821
822
|
.grid-content {
border-radius: 4px;
min-height: 36px;
}
|
3f535f30
杨鑫
'初始'
|
823
824
|
</style>
<style lang="scss" scoped>
|
6eebfba2
wesley88
1
|
825
826
|
::v-deep .el-dialog__body {
padding: 0 0 !important;
|
3f535f30
杨鑫
'初始'
|
827
|
}
|
6eebfba2
wesley88
1
|
828
829
830
|
.el-dialog__header{
padding: 0;
display: none;
|
3f535f30
杨鑫
'初始'
|
831
832
|
}
</style>
|