Blame view

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