webapp / GreenwayWeb

Blame view

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