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>
|
|
a54f027f
杨鑫
'1'
|
78
|
<el-table-column label="操作" min-width="300" 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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
|
</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%">
<el-option label="品牌推广合作" value="品牌推广合作" />
<el-option label="场地租赁合作" value="场地租赁合作" />
<el-option label="文化旅游合作" value="文化旅游合作" />
<el-option label="健康生活产品合作" value="健康生活产品合作" />
</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
|
248
|
<el-input placeholder="请输入" v-model="formInline.email"></el-input>
|
|
844aa73a
杨鑫
'最新'
|
249
250
251
252
253
254
255
256
257
258
259
260
261
|
</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
|
262
263
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
|
<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
杨鑫
'最新'
|
292
293
|
</div>
</div>
|
|
6eebfba2
wesley88
1
|
294
295
296
297
298
299
300
301
302
|
</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
杨鑫
'最新'
|
303
304
|
</el-col>
</el-row>
|
|
844aa73a
杨鑫
'最新'
|
305
306
|
<el-row :gutter="20">
<el-col :span="24">
|
|
cfcb44ef
杨鑫
'改bug版'
|
307
|
<el-form-item label="封面图片" prop="coverImage">
|
|
844aa73a
杨鑫
'最新'
|
308
309
310
311
312
313
314
315
316
317
318
|
<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
|
319
320
|
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
@click="closeFn">取消</el-button>
|
|
844aa73a
杨鑫
'最新'
|
321
322
323
324
325
326
|
<el-button style="background-color: #3F9B6A;color: #fff" @click="addCheck">确 定</el-button>
</div>
</el-form-item>
</el-col>
</el-row>
|
|
3f535f30
杨鑫
'初始'
|
327
|
|
|
844aa73a
杨鑫
'最新'
|
328
329
|
</el-form>
</div>
|
|
3f535f30
杨鑫
'初始'
|
330
|
</div>
|
|
6eebfba2
wesley88
1
|
331
332
|
<!-- <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
杨鑫
'初始'
|
333
|
<div style="padding: 15px;width:100%">
|
|
3f535f30
杨鑫
'初始'
|
334
|
<div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
|
|
6eebfba2
wesley88
1
|
335
336
|
<div
style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
|
|
3f535f30
杨鑫
'初始'
|
337
338
339
340
|
<div>选择场地</div>
</div>
<div style="padding: 15px;">
<div style="padding: 0px 20px 0px 0px">
|
|
6eebfba2
wesley88
1
|
341
342
343
344
345
346
347
348
|
<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
杨鑫
'初始'
|
349
350
351
352
|
<template slot-scope="scope">
{{scope.$index + 1}}
</template>
</el-table-column>
|
|
6eebfba2
wesley88
1
|
353
|
<el-table-column label="场地名称" prop="venueName">
|
|
3f535f30
杨鑫
'初始'
|
354
|
|
|
6eebfba2
wesley88
1
|
355
356
357
358
359
360
|
</el-table-column>
<el-table-column label="场地类型" prop="venueType">
</el-table-column>
<el-table-column label="所属区域" prop="district">
</el-table-column>
|
|
3f535f30
杨鑫
'初始'
|
361
|
|
|
3f535f30
杨鑫
'初始'
|
362
363
364
365
366
367
|
</el-table>
</div>
</div>
</div>
</div>
<div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
|
|
6eebfba2
wesley88
1
|
368
369
|
<el-button @click="mingClose" class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消
|
|
3f535f30
杨鑫
'初始'
|
370
|
</el-button>
|
|
6eebfba2
wesley88
1
|
371
|
<el-button @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定
|
|
3f535f30
杨鑫
'初始'
|
372
373
374
|
</el-button>
</div>
|
|
6eebfba2
wesley88
1
|
375
376
377
378
379
380
381
|
</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
杨鑫
'初始'
|
382
383
384
385
386
387
|
</div>
</template>
<script>
|
|
6eebfba2
wesley88
1
|
388
|
import zy from "@/components/change/zy"
|
|
3f535f30
杨鑫
'初始'
|
389
390
|
import wangEditor from "@/components/editor/index";
import {
|
|
6eebfba2
wesley88
1
|
391
392
393
394
|
MerGetAll,
MerAdd,
MerEdit,
MerDel
|
|
3f535f30
杨鑫
'初始'
|
395
396
397
|
} from '../../../api/Merchant.js'
import upimg from "@/components/ImageUpload/index"
import {
|
|
6eebfba2
wesley88
1
|
398
|
changAlls
|
|
3f535f30
杨鑫
'初始'
|
399
|
} from '../../../api/information.js'
|
|
e75fe4fe
wesley88
2
|
400
|
import allimg from '@/components/chakan/allimg.vue';
|
|
3f535f30
杨鑫
'初始'
|
401
402
403
|
export default {
components: {
upimg,
|
|
e75fe4fe
wesley88
2
|
404
|
wangEditor,
|
|
6eebfba2
wesley88
1
|
405
406
|
allimg,
zy
|
|
3f535f30
杨鑫
'初始'
|
407
408
409
410
411
412
413
414
415
416
417
418
|
},
data() {
return {
hetongBox: false,
detbox: false, //详情
leixing: true, //切换
currentPage: 1,
total: 10,
flag: false,
pageSize: 10,
ggXin: false,
formInline: {
|
|
6eebfba2
wesley88
1
|
419
420
421
422
423
424
425
426
427
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
email: '',
coverImage: '',
previousEvents: '',
status: '2'
|
|
3f535f30
杨鑫
'初始'
|
428
|
},
|
|
6eebfba2
wesley88
1
|
429
430
|
plan_Time: [],
followUpTime: [],
|
|
3f535f30
杨鑫
'初始'
|
431
432
|
tableData: [],
secondData: {},
|
|
3f535f30
杨鑫
'初始'
|
433
|
pageindex: {
|
|
6eebfba2
wesley88
1
|
434
435
436
437
438
439
440
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
pageNumber: 0,
pageSize: 10,
|
|
3f535f30
杨鑫
'初始'
|
441
442
|
},
bianjiBox: 1,
|
|
844aa73a
杨鑫
'最新'
|
443
|
|
|
3f535f30
杨鑫
'初始'
|
444
|
edit: true, //编辑切换
|
|
6eebfba2
wesley88
1
|
445
446
447
448
449
450
|
addkehu: false,
addziyuan: false,
ziyuanData: [], //资源
addziyuanData: [],
multipleSelection: [],
xiangData: {}, //详情
|
|
844aa73a
杨鑫
'最新'
|
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
485
486
|
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版'
|
487
488
489
490
491
|
coverImage: [{
required: true,
message: '请上传封面图片',
trigger: 'change'
}, ],
|
|
844aa73a
杨鑫
'最新'
|
492
|
},
|
|
6eebfba2
wesley88
1
|
493
|
selectedRow: null
|
|
3f535f30
杨鑫
'初始'
|
494
495
496
497
498
499
500
501
502
|
}
},
created() {
this.getAll()
},
computed: {
},
methods: {
|
|
844aa73a
杨鑫
'最新'
|
503
|
changimg(e, type) {
|
|
6eebfba2
wesley88
1
|
504
|
this.formInline[type] = e
|
|
844aa73a
杨鑫
'最新'
|
505
506
|
},
|
|
6eebfba2
wesley88
1
|
507
|
addOpen() {
|
|
844aa73a
杨鑫
'最新'
|
508
|
this.formInline = {
|
|
6eebfba2
wesley88
1
|
509
510
511
512
513
514
515
516
517
|
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
email: '',
coverImage: '',
previousEvents: '',
status: '2'
|
|
3f535f30
杨鑫
'初始'
|
518
|
}
|
|
844aa73a
杨鑫
'最新'
|
519
520
|
this.addziyuanData = []
this.ggXin = true
|
|
3f535f30
杨鑫
'初始'
|
521
522
523
524
525
|
},
async getAll() {
const res = await MerGetAll(this.pageindex)
this.tableData = res.data.content
this.total = res.data.content.length
|
|
6eebfba2
wesley88
1
|
526
|
const ziyuan = await changAlls(this.pageindex)
|
|
3f535f30
杨鑫
'初始'
|
527
528
529
530
|
this.ziyuanData = [...ziyuan.data.content]
},
// 新增确定按钮
|
|
6eebfba2
wesley88
1
|
531
532
533
534
535
|
addCheck(val) {
if (this.addziyuanData.length != 0) {
this.formInline.venue = this.addziyuanData.map(item => item.id).join(',');
} else {
this.formInline.venue = ''
|
|
3f535f30
杨鑫
'初始'
|
536
|
}
|
|
6eebfba2
wesley88
1
|
537
|
if (this.formInline.content == '<p> </p>' || this.formInline.content == '<p><br></p>') {
|
|
844aa73a
杨鑫
'最新'
|
538
539
540
541
542
|
this.$message({
message: '请填写完整信息',
type: 'error'
})
return
|
|
3f535f30
杨鑫
'初始'
|
543
|
}
|
|
844aa73a
杨鑫
'最新'
|
544
|
this.$refs.AddFromOne.validate((valid) => {
|
|
6eebfba2
wesley88
1
|
545
546
547
548
549
550
551
552
553
554
555
556
|
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
杨鑫
'最新'
|
557
|
}
|
|
6eebfba2
wesley88
1
|
558
559
560
561
562
563
564
565
|
MerEdit(this.formInline).then(res => {
this.ggXin = false
this.addziyuanData = []
this.getAll()
})
}
this.selectedRow = null
} else {
|
|
844aa73a
杨鑫
'最新'
|
566
567
568
569
|
this.$message({
message: '请填写完整信息',
type: 'error'
})
|
|
3f535f30
杨鑫
'初始'
|
570
|
|
|
844aa73a
杨鑫
'最新'
|
571
572
|
}
})
|
|
3f535f30
杨鑫
'初始'
|
573
574
575
576
|
},
// 获取时间
currentTime() {
let date = new Date();
|
|
60cd6339
杨鑫
'最新'
|
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
|
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
杨鑫
'初始'
|
593
594
595
|
},
//详情
|
|
6eebfba2
wesley88
1
|
596
597
|
details(item) {
this.addziyuanData = []
|
|
3f535f30
杨鑫
'初始'
|
598
599
|
this.edit = true
this.xiangData = item
|
|
844aa73a
杨鑫
'最新'
|
600
601
602
|
if (typeof item.previousEvents === 'string') {
this.xiangData.previousEvents = item.previousEvents.split(',');
|
|
6eebfba2
wesley88
1
|
603
|
}
|
|
844aa73a
杨鑫
'最新'
|
604
|
|
|
6eebfba2
wesley88
1
|
605
606
607
608
609
610
611
612
613
|
if (item.venue != '') {
let ids = []
ids = item.venue.split(',')
ids.map(res => {
changAlls({
id: res,
pageNumber: 0,
pageSize: 10,
}).then(item => {
|
|
60cd6339
杨鑫
'最新'
|
614
|
|
|
6eebfba2
wesley88
1
|
615
616
617
|
item.data.content.map(ids => {
this.addziyuanData.push(ids)
})
|
|
60cd6339
杨鑫
'最新'
|
618
|
|
|
6eebfba2
wesley88
1
|
619
620
|
})
})
|
|
60cd6339
杨鑫
'最新'
|
621
|
|
|
6eebfba2
wesley88
1
|
622
|
}
|
|
844aa73a
杨鑫
'最新'
|
623
|
|
|
3f535f30
杨鑫
'初始'
|
624
625
|
this.detbox = true
},
|
|
6eebfba2
wesley88
1
|
626
627
|
async addbuss() {
await MerEdit(this.xiangData)
|
|
3f535f30
杨鑫
'初始'
|
628
629
630
631
632
633
634
635
636
637
638
639
640
|
this.detbox = false
this.getAll()
// this.ggXin = true
},
handleSizeChange(val) {
this.pageSize = val
},
handleCurrentChange(val) {
this.currentPage = val
},
closeFn(val) {
|
|
6eebfba2
wesley88
1
|
641
|
this.addziyuanData = []
|
|
ab1ffdd3
杨鑫
'更新'
|
642
|
this.getAll()
|
|
6eebfba2
wesley88
1
|
643
644
|
this.ggXin = false
this.selectedRow = null
|
|
ab1ffdd3
杨鑫
'更新'
|
645
|
|
|
3f535f30
杨鑫
'初始'
|
646
647
648
649
650
651
|
},
//查看合同
lookHetong(val) {
this.hetongBox = true
},
// 查询按钮
|
|
6eebfba2
wesley88
1
|
652
653
|
onSubmit() {
this.getAll()
|
|
3f535f30
杨鑫
'初始'
|
654
655
656
|
},
//重置按钮
resetting() {
|
|
6eebfba2
wesley88
1
|
657
658
659
660
661
662
663
664
665
666
|
this.pageindex = {
title: '',
venue: '',
contactPerson: '',
contactPhone: '',
cooperationType: '',
pageNumber: 0,
pageSize: 10,
}
this.getAll()
|
|
3f535f30
杨鑫
'初始'
|
667
|
},
|
|
6eebfba2
wesley88
1
|
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
|
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
杨鑫
'最新'
|
686
|
|
|
6eebfba2
wesley88
1
|
687
688
|
})
})
|
|
60cd6339
杨鑫
'最新'
|
689
|
|
|
6eebfba2
wesley88
1
|
690
691
|
}
this.ggXin = true
|
|
3f535f30
杨鑫
'初始'
|
692
693
|
},
|
|
6eebfba2
wesley88
1
|
694
695
696
697
698
699
700
|
minSev(e) {
console.log(e)
this.addziyuanData = []
this.addziyuanData = e
this.addziyuan = false
this.multipleSelection = []
this.selectedRow = null
|
|
3f535f30
杨鑫
'初始'
|
701
|
},
|
|
6eebfba2
wesley88
1
|
702
703
|
mingClose() {
this.multipleSelection = []
|
|
3f535f30
杨鑫
'初始'
|
704
|
this.addziyuan = false
|
|
ab1ffdd3
杨鑫
'更新'
|
705
|
this.selectedRow = null
|
|
3f535f30
杨鑫
'初始'
|
706
|
},
|
|
ab1ffdd3
杨鑫
'更新'
|
707
|
handleRowClick(row) {
|
|
6eebfba2
wesley88
1
|
708
709
710
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
|
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
杨鑫
'初始'
|
737
|
}
|
|
6eebfba2
wesley88
1
|
738
|
})
|
|
3f535f30
杨鑫
'初始'
|
739
|
},
|
|
6eebfba2
wesley88
1
|
740
|
fabu(item, val) {
|
|
3f535f30
杨鑫
'初始'
|
741
|
const h = this.$createElement;
|
|
6eebfba2
wesley88
1
|
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
|
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
杨鑫
'初始'
|
765
766
|
})
|
|
a54f027f
杨鑫
'1'
|
767
|
},
|
|
6eebfba2
wesley88
1
|
768
769
770
|
handleDelete(index) {
this.addziyuanData.splice(index, 1)
this.selectedRow = null
|
|
3f535f30
杨鑫
'初始'
|
771
772
773
774
775
776
|
}
}
}
</script>
<style scoped>
|
|
cdf6c4c9
杨鑫
最新
|
777
778
779
780
781
|
.fenye {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
|
|
3f535f30
杨鑫
'初始'
|
782
783
784
785
786
787
|
.zhuti {
padding: 0 20px 20px 20px;
min-height: calc(100vh - 50px - 20px);
background-color: #Fff;
}
|
|
3f535f30
杨鑫
'初始'
|
788
789
790
791
792
793
|
.chengeXia {
border-bottom: 6px solid #3F9B6A;
padding-bottom: 4px;
color: #3F9B6A;
}
|
|
844aa73a
杨鑫
'最新'
|
794
|
|
|
3f535f30
杨鑫
'初始'
|
795
796
797
798
799
800
|
.formSearch {
display: flex;
width: 100%;
font-size: 14px;
justify-content: space-between;
}
|
|
3f535f30
杨鑫
'初始'
|
801
802
803
|
.greens {
color: #3F9B6A;
}
|
|
3f535f30
杨鑫
'初始'
|
804
805
806
807
808
809
810
811
812
813
814
|
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
background: #e5e9f2;
}
|
|
3f535f30
杨鑫
'初始'
|
815
816
817
818
819
|
.grid-content {
border-radius: 4px;
min-height: 36px;
}
|
|
3f535f30
杨鑫
'初始'
|
820
821
|
</style>
<style lang="scss" scoped>
|
|
6eebfba2
wesley88
1
|
822
823
|
::v-deep .el-dialog__body {
padding: 0 0 !important;
|
|
3f535f30
杨鑫
'初始'
|
824
|
}
|
|
6eebfba2
wesley88
1
|
825
826
827
|
.el-dialog__header{
padding: 0;
display: none;
|
|
3f535f30
杨鑫
'初始'
|
828
829
|
}
</style>
|
