Blame view

admin-web-master/src/views/serve/Merchant/index.vue 29.2 KB
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">&nbsp;</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>