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'}">
|
3f535f30
杨鑫
'初始'
|
49
|
<el-table-column label="序号" min-width="150">
|
6eebfba2
wesley88
1
|
50
51
52
|
<template slot-scope="scope">
{{scope.$index +1 }}
</template>
|
3f535f30
杨鑫
'初始'
|
53
54
55
|
</el-table-column>
<el-table-column label="商务合作标题" min-width="150" prop="title">
</el-table-column>
|
60cd6339
杨鑫
'最新'
|
56
57
|
<el-table-column label="场地名称" min-width="150">
<template slot-scope="scope">
|
6eebfba2
wesley88
1
|
58
|
{{scope.row.cereBasicInformationVenue.venueName?scope.row.cereBasicInformationVenue.venueName:'无'}}
|
60cd6339
杨鑫
'最新'
|
59
|
</template>
|
3f535f30
杨鑫
'初始'
|
60
61
62
63
64
65
66
67
68
69
70
|
</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
杨鑫
'初始'
|
71
|
|
a54f027f
杨鑫
'1'
|
72
|
|
3f535f30
杨鑫
'初始'
|
73
|
<el-table-column prop="status" label="发布状态" min-width="150">
|
6eebfba2
wesley88
1
|
74
75
76
|
<template slot-scope="scope">
{{scope.row.status=='2'?'未发布':'已发布'}}
</template>
|
3f535f30
杨鑫
'初始'
|
77
|
</el-table-column>
|
2f60abcc
杨鑫
最新
|
78
|
<el-table-column label="操作" min-width="180" fixed="right">
|
3f535f30
杨鑫
'初始'
|
79
80
81
82
83
84
85
86
87
88
|
<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
杨鑫
最新
|
89
90
91
|
<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
杨鑫
'初始'
|
92
93
94
95
96
97
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
</div>
</div>
</div>
<!-- 详情框 -->
|
844aa73a
杨鑫
'最新'
|
98
|
<div class="zhuti" v-if='detbox'>
|
6eebfba2
wesley88
1
|
99
100
101
102
103
104
105
106
107
108
109
110
111
|
<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
杨鑫
'最新'
|
112
|
|
6eebfba2
wesley88
1
|
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
140
141
142
143
|
<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
杨鑫
'最新'
|
144
|
|
6eebfba2
wesley88
1
|
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
</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'}">
<el-table-column label="序号" width="50">
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
</el-table-column>
<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
杨鑫
'最新'
|
166
167
|
</div>
</div>
|
6eebfba2
wesley88
1
|
168
169
170
171
172
173
174
|
</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
杨鑫
'最新'
|
175
|
<el-image style="width:48%" fit="fill" :src="$baseURL+item" v-for="(item,index) in xiangData.previousEvents"></el-image>
|
e75fe4fe
wesley88
2
|
176
|
</div> -->
|
6eebfba2
wesley88
1
|
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
|
<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
杨鑫
'最新'
|
195
|
|
6eebfba2
wesley88
1
|
196
|
</el-form>
|
3f535f30
杨鑫
'初始'
|
197
|
</div>
|
6eebfba2
wesley88
1
|
198
199
200
201
202
203
204
205
|
</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
杨鑫
'初始'
|
206
207
|
<!-- 新增 -->
|
844aa73a
杨鑫
'最新'
|
208
209
210
211
|
<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
杨鑫
'初始'
|
212
|
</div>
|
6eebfba2
wesley88
1
|
213
|
<div style="">
|
844aa73a
杨鑫
'最新'
|
214
215
216
217
218
|
<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
|
219
|
<el-input placeholder="请输入" v-model="formInline.title"></el-input>
|
844aa73a
杨鑫
'最新'
|
220
221
222
223
224
|
</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
|
225
|
<!-- <el-option label="品牌推广合作" value="品牌推广合作" />
|
844aa73a
杨鑫
'最新'
|
226
227
|
<el-option label="场地租赁合作" value="场地租赁合作" />
<el-option label="文化旅游合作" value="文化旅游合作" />
|
04473319
wesley88
1
|
228
229
230
|
<el-option label="健康生活产品合作" value="健康生活产品合作" /> -->
<el-option v-for="(item,index) in cooperationTypeList"
:key="index" :label="item.label" :value="item.value"></el-option>
|
844aa73a
杨鑫
'最新'
|
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
|
</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
|
250
|
<el-input placeholder="请输入" v-model="formInline.email"></el-input>
|
844aa73a
杨鑫
'最新'
|
251
252
253
254
255
256
257
258
259
260
261
262
263
|
</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
|
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
|
<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'}">
<el-table-column label="序号" width="50">
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
</el-table-column>
<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
杨鑫
'最新'
|
294
295
|
</div>
</div>
|
6eebfba2
wesley88
1
|
296
297
298
299
300
301
302
303
304
|
</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
杨鑫
'最新'
|
305
306
|
</el-col>
</el-row>
|
844aa73a
杨鑫
'最新'
|
307
308
|
<el-row :gutter="20">
<el-col :span="24">
|
cfcb44ef
杨鑫
'改bug版'
|
309
|
<el-form-item label="封面图片" prop="coverImage">
|
844aa73a
杨鑫
'最新'
|
310
311
312
313
314
315
316
317
318
319
320
|
<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
|
321
322
|
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
@click="closeFn">取消</el-button>
|
844aa73a
杨鑫
'最新'
|
323
324
325
326
327
328
|
<el-button style="background-color: #3F9B6A;color: #fff" @click="addCheck">确 定</el-button>
</div>
</el-form-item>
</el-col>
</el-row>
|
3f535f30
杨鑫
'初始'
|
329
|
|
844aa73a
杨鑫
'最新'
|
330
331
|
</el-form>
</div>
|
3f535f30
杨鑫
'初始'
|
332
|
</div>
|
6eebfba2
wesley88
1
|
333
334
|
<!-- <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
杨鑫
'初始'
|
335
|
<div style="padding: 15px;width:100%">
|
3f535f30
杨鑫
'初始'
|
336
|
<div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
|
6eebfba2
wesley88
1
|
337
338
|
<div
style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
|
3f535f30
杨鑫
'初始'
|
339
340
341
342
|
<div>选择场地</div>
</div>
<div style="padding: 15px;">
<div style="padding: 0px 20px 0px 0px">
|
6eebfba2
wesley88
1
|
343
344
345
346
347
348
349
350
|
<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
杨鑫
'初始'
|
351
352
353
354
|
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
</el-table-column>
|
6eebfba2
wesley88
1
|
355
|
<el-table-column label="场地名称" prop="venueName">
|
3f535f30
杨鑫
'初始'
|
356
|
|
6eebfba2
wesley88
1
|
357
358
359
360
361
362
|
</el-table-column>
<el-table-column label="场地类型" prop="venueType">
</el-table-column>
<el-table-column label="所属区域" prop="district">
</el-table-column>
|
3f535f30
杨鑫
'初始'
|
363
|
|
3f535f30
杨鑫
'初始'
|
364
365
366
367
368
369
|
</el-table>
</div>
</div>
</div>
</div>
<div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
|
6eebfba2
wesley88
1
|
370
371
|
<el-button @click="mingClose" class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消
|
3f535f30
杨鑫
'初始'
|
372
|
</el-button>
|
6eebfba2
wesley88
1
|
373
|
<el-button @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定
|
3f535f30
杨鑫
'初始'
|
374
375
376
|
</el-button>
</div>
|
6eebfba2
wesley88
1
|
377
378
379
380
381
382
383
|
</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
杨鑫
'初始'
|
384
385
386
387
388
389
|
</div>
</template>
<script>
|
6eebfba2
wesley88
1
|
390
|
import zy from "@/components/change/zy"
|
3f535f30
杨鑫
'初始'
|
391
392
|
import wangEditor from "@/components/editor/index";
import {
|
6eebfba2
wesley88
1
|
393
394
395
396
|
MerGetAll,
MerAdd,
MerEdit,
MerDel
|
3f535f30
杨鑫
'初始'
|
397
398
399
|
} from '../../../api/Merchant.js'
import upimg from "@/components/ImageUpload/index"
import {
|
6eebfba2
wesley88
1
|
400
|
changAlls
|
3f535f30
杨鑫
'初始'
|
401
|
} from '../../../api/information.js'
|
e75fe4fe
wesley88
2
|
402
|
import allimg from '@/components/chakan/allimg.vue';
|
3f535f30
杨鑫
'初始'
|
403
404
405
|
export default {
components: {
upimg,
|
e75fe4fe
wesley88
2
|
406
|
wangEditor,
|
6eebfba2
wesley88
1
|
407
408
|
allimg,
zy
|
3f535f30
杨鑫
'初始'
|
409
410
411
412
413
414
415
416
417
418
419
420
|
},
data() {
return {
hetongBox: false,
detbox: false, //详情
leixing: true, //切换
currentPage: 1,
total: 10,
flag: false,
pageSize: 10,
ggXin: false,
formInline: {
|
6eebfba2
wesley88
1
|
421
422
423
424
425
426
427
428
429
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
email: '',
coverImage: '',
previousEvents: '',
status: '2'
|
3f535f30
杨鑫
'初始'
|
430
|
},
|
6eebfba2
wesley88
1
|
431
432
|
plan_Time: [],
followUpTime: [],
|
3f535f30
杨鑫
'初始'
|
433
434
|
tableData: [],
secondData: {},
|
3f535f30
杨鑫
'初始'
|
435
|
pageindex: {
|
6eebfba2
wesley88
1
|
436
437
438
439
440
441
442
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
pageNumber: 0,
pageSize: 10,
|
3f535f30
杨鑫
'初始'
|
443
444
|
},
bianjiBox: 1,
|
844aa73a
杨鑫
'最新'
|
445
|
|
3f535f30
杨鑫
'初始'
|
446
|
edit: true, //编辑切换
|
6eebfba2
wesley88
1
|
447
448
449
450
451
452
|
addkehu: false,
addziyuan: false,
ziyuanData: [], //资源
addziyuanData: [],
multipleSelection: [],
xiangData: {}, //详情
|
844aa73a
杨鑫
'最新'
|
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
485
486
487
488
|
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版'
|
489
490
491
492
493
|
coverImage: [{
required: true,
message: '请上传封面图片',
trigger: 'change'
}, ],
|
844aa73a
杨鑫
'最新'
|
494
|
},
|
6eebfba2
wesley88
1
|
495
|
selectedRow: null
|
3f535f30
杨鑫
'初始'
|
496
497
498
499
500
501
502
503
|
}
},
created() {
this.getAll()
},
computed: {
},
|
04473319
wesley88
1
|
504
505
506
507
508
|
computed: {
cooperationTypeList() {
return this.$store.state.cent.cooperationTypeList;
},
},
|
3f535f30
杨鑫
'初始'
|
509
|
methods: {
|
844aa73a
杨鑫
'最新'
|
510
|
changimg(e, type) {
|
6eebfba2
wesley88
1
|
511
|
this.formInline[type] = e
|
844aa73a
杨鑫
'最新'
|
512
513
|
},
|
6eebfba2
wesley88
1
|
514
|
addOpen() {
|
844aa73a
杨鑫
'最新'
|
515
|
this.formInline = {
|
6eebfba2
wesley88
1
|
516
517
518
519
520
521
522
523
524
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
email: '',
coverImage: '',
previousEvents: '',
status: '2'
|
3f535f30
杨鑫
'初始'
|
525
|
}
|
844aa73a
杨鑫
'最新'
|
526
527
|
this.addziyuanData = []
this.ggXin = true
|
3f535f30
杨鑫
'初始'
|
528
529
530
531
532
|
},
async getAll() {
const res = await MerGetAll(this.pageindex)
this.tableData = res.data.content
this.total = res.data.content.length
|
6eebfba2
wesley88
1
|
533
|
const ziyuan = await changAlls(this.pageindex)
|
3f535f30
杨鑫
'初始'
|
534
535
536
537
|
this.ziyuanData = [...ziyuan.data.content]
},
// 新增确定按钮
|
6eebfba2
wesley88
1
|
538
539
540
541
542
|
addCheck(val) {
if (this.addziyuanData.length != 0) {
this.formInline.venue = this.addziyuanData.map(item => item.id).join(',');
} else {
this.formInline.venue = ''
|
3f535f30
杨鑫
'初始'
|
543
|
}
|
6eebfba2
wesley88
1
|
544
|
if (this.formInline.content == '<p> </p>' || this.formInline.content == '<p><br></p>') {
|
844aa73a
杨鑫
'最新'
|
545
546
547
548
549
|
this.$message({
message: '请填写完整信息',
type: 'error'
})
return
|
3f535f30
杨鑫
'初始'
|
550
|
}
|
844aa73a
杨鑫
'最新'
|
551
|
this.$refs.AddFromOne.validate((valid) => {
|
6eebfba2
wesley88
1
|
552
553
554
555
556
557
558
559
560
561
562
563
|
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
杨鑫
'最新'
|
564
|
}
|
6eebfba2
wesley88
1
|
565
566
567
568
569
570
571
572
|
MerEdit(this.formInline).then(res => {
this.ggXin = false
this.addziyuanData = []
this.getAll()
})
}
this.selectedRow = null
} else {
|
844aa73a
杨鑫
'最新'
|
573
574
575
576
|
this.$message({
message: '请填写完整信息',
type: 'error'
})
|
3f535f30
杨鑫
'初始'
|
577
|
|
844aa73a
杨鑫
'最新'
|
578
579
|
}
})
|
3f535f30
杨鑫
'初始'
|
580
581
582
583
|
},
// 获取时间
currentTime() {
let date = new Date();
|
60cd6339
杨鑫
'最新'
|
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
|
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
杨鑫
'初始'
|
600
601
602
|
},
//详情
|
6eebfba2
wesley88
1
|
603
604
|
details(item) {
this.addziyuanData = []
|
3f535f30
杨鑫
'初始'
|
605
606
|
this.edit = true
this.xiangData = item
|
844aa73a
杨鑫
'最新'
|
607
608
609
|
if (typeof item.previousEvents === 'string') {
this.xiangData.previousEvents = item.previousEvents.split(',');
|
6eebfba2
wesley88
1
|
610
|
}
|
844aa73a
杨鑫
'最新'
|
611
|
|
6eebfba2
wesley88
1
|
612
613
614
615
616
617
618
619
620
|
if (item.venue != '') {
let ids = []
ids = item.venue.split(',')
ids.map(res => {
changAlls({
id: res,
pageNumber: 0,
pageSize: 10,
}).then(item => {
|
60cd6339
杨鑫
'最新'
|
621
|
|
6eebfba2
wesley88
1
|
622
623
624
|
item.data.content.map(ids => {
this.addziyuanData.push(ids)
})
|
60cd6339
杨鑫
'最新'
|
625
|
|
6eebfba2
wesley88
1
|
626
627
|
})
})
|
60cd6339
杨鑫
'最新'
|
628
|
|
6eebfba2
wesley88
1
|
629
|
}
|
844aa73a
杨鑫
'最新'
|
630
|
|
3f535f30
杨鑫
'初始'
|
631
632
|
this.detbox = true
},
|
6eebfba2
wesley88
1
|
633
634
|
async addbuss() {
await MerEdit(this.xiangData)
|
3f535f30
杨鑫
'初始'
|
635
636
637
638
639
640
641
642
643
644
645
646
647
|
this.detbox = false
this.getAll()
// this.ggXin = true
},
handleSizeChange(val) {
this.pageSize = val
},
handleCurrentChange(val) {
this.currentPage = val
},
closeFn(val) {
|
6eebfba2
wesley88
1
|
648
|
this.addziyuanData = []
|
ab1ffdd3
杨鑫
'更新'
|
649
|
this.getAll()
|
6eebfba2
wesley88
1
|
650
651
|
this.ggXin = false
this.selectedRow = null
|
ab1ffdd3
杨鑫
'更新'
|
652
|
|
3f535f30
杨鑫
'初始'
|
653
654
655
656
657
658
|
},
//查看合同
lookHetong(val) {
this.hetongBox = true
},
// 查询按钮
|
6eebfba2
wesley88
1
|
659
660
|
onSubmit() {
this.getAll()
|
3f535f30
杨鑫
'初始'
|
661
662
663
|
},
//重置按钮
resetting() {
|
6eebfba2
wesley88
1
|
664
665
666
667
668
669
670
671
672
673
|
this.pageindex = {
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
pageNumber: 0,
pageSize: 10,
}
this.getAll()
|
3f535f30
杨鑫
'初始'
|
674
|
},
|
6eebfba2
wesley88
1
|
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
|
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
杨鑫
'最新'
|
693
|
|
6eebfba2
wesley88
1
|
694
695
|
})
})
|
60cd6339
杨鑫
'最新'
|
696
|
|
6eebfba2
wesley88
1
|
697
698
|
}
this.ggXin = true
|
3f535f30
杨鑫
'初始'
|
699
700
|
},
|
6eebfba2
wesley88
1
|
701
702
703
704
705
706
707
|
minSev(e) {
console.log(e)
this.addziyuanData = []
this.addziyuanData = e
this.addziyuan = false
this.multipleSelection = []
this.selectedRow = null
|
3f535f30
杨鑫
'初始'
|
708
|
},
|
6eebfba2
wesley88
1
|
709
710
|
mingClose() {
this.multipleSelection = []
|
3f535f30
杨鑫
'初始'
|
711
|
this.addziyuan = false
|
ab1ffdd3
杨鑫
'更新'
|
712
|
this.selectedRow = null
|
3f535f30
杨鑫
'初始'
|
713
|
},
|
ab1ffdd3
杨鑫
'更新'
|
714
|
handleRowClick(row) {
|
6eebfba2
wesley88
1
|
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
740
741
742
743
|
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
杨鑫
'初始'
|
744
|
}
|
6eebfba2
wesley88
1
|
745
|
})
|
3f535f30
杨鑫
'初始'
|
746
|
},
|
6eebfba2
wesley88
1
|
747
|
fabu(item, val) {
|
3f535f30
杨鑫
'初始'
|
748
|
const h = this.$createElement;
|
6eebfba2
wesley88
1
|
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
|
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
杨鑫
'初始'
|
772
773
|
})
|
a54f027f
杨鑫
'1'
|
774
|
},
|
6eebfba2
wesley88
1
|
775
776
777
|
handleDelete(index) {
this.addziyuanData.splice(index, 1)
this.selectedRow = null
|
3f535f30
杨鑫
'初始'
|
778
779
780
781
782
783
|
}
}
}
</script>
<style scoped>
|
cdf6c4c9
杨鑫
最新
|
784
785
786
787
788
|
.fenye {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
|
3f535f30
杨鑫
'初始'
|
789
790
791
792
793
794
|
.zhuti {
padding: 0 20px 20px 20px;
min-height: calc(100vh - 50px - 20px);
background-color: #Fff;
}
|
3f535f30
杨鑫
'初始'
|
795
796
797
798
799
800
|
.chengeXia {
border-bottom: 6px solid #3F9B6A;
padding-bottom: 4px;
color: #3F9B6A;
}
|
844aa73a
杨鑫
'最新'
|
801
|
|
3f535f30
杨鑫
'初始'
|
802
803
804
805
806
807
|
.formSearch {
display: flex;
width: 100%;
font-size: 14px;
justify-content: space-between;
}
|
3f535f30
杨鑫
'初始'
|
808
809
810
|
.greens {
color: #3F9B6A;
}
|
3f535f30
杨鑫
'初始'
|
811
812
813
814
815
816
817
818
819
820
821
|
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
background: #e5e9f2;
}
|
3f535f30
杨鑫
'初始'
|
822
823
824
825
826
|
.grid-content {
border-radius: 4px;
min-height: 36px;
}
|
3f535f30
杨鑫
'初始'
|
827
828
|
</style>
<style lang="scss" scoped>
|
6eebfba2
wesley88
1
|
829
830
|
::v-deep .el-dialog__body {
padding: 0 0 !important;
|
3f535f30
杨鑫
'初始'
|
831
|
}
|
6eebfba2
wesley88
1
|
832
833
834
|
.el-dialog__header{
padding: 0;
display: none;
|
3f535f30
杨鑫
'初始'
|
835
836
|
}
</style>
|