webapp / GreenwayWeb

Blame view

yanshouban/src/views/couponmanagement/capitalpool.vue 20.4 KB
Edit Raw Normal View History
6ee6b0b7   杨鑫   '最新' 
1
2
3
4
5
 
  <template>
    <div style="background-color:#f7f7f7;padding:10px 10px;">
      <div class="couponPage" v-show="type == '1'">
        <div>
          <div style="height:58px;line-height:58px;">
ab818baa   杨鑫   '1' 
6
7
 
            <div style="color:#0006"> <span>优惠券管理</span> <span style="padding:0 5px;">></span> <span
                style="color:#000000e6">资金池</span></div>
6ee6b0b7   杨鑫   '最新' 
8
 
          </div>
ab818baa   杨鑫   '1' 
9
 
          <!-- 搜索 -->
6ee6b0b7   杨鑫   '最新' 
10
11
12
13
14
15
16
17
 
          <div class="formSearch">
            <!-- 搜索条件 -->
            <el-form :inline="true" :model="query" class="demo-form-inline">
              <el-form-item label="名称">
                <el-input v-model="query.poolName" placeholder="请输入名称" />
              </el-form-item>
              <el-form-item label="状态">
                <el-select v-model="query.fundsStatus" placeholder="请选择状态">
ab818baa   杨鑫   '1' 
18
19
 
                  <el-option v-for="item in activityStatusSelect" :key="item.index" :label="item.label"
                    :value="item.value" />
6ee6b0b7   杨鑫   '最新' 
20
21
22
23
24
 
                </el-select>
              </el-form-item>
            </el-form>
            <div>
              <el-button style="background-color: #3F9B6A;color: #fff" @click="search">查询</el-button>
ab818baa   杨鑫   '1' 
25
26
 
              <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
                @click="clear">重置</el-button>
6ee6b0b7   杨鑫   '最新' 
27
28
29
 
            </div>
          </div>
          <div style="margin: 0  0 20px 0;">
ab818baa   杨鑫   '1' 
30
31
 
            <el-button icon="el-icon-circle-plus-outline" style="background-color: #3F9B6A;color: #fff;"
              @click="addActivity">新增</el-button>
6ee6b0b7   杨鑫   '最新' 
32
33
34
 
          </div>
          <!-- 表格 -->
          <div class="tableBox">
ab818baa   杨鑫   '1' 
35
36
37
38
 
            <el-table ref="multipleTable" :data="tableData"
              :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#f5f8f9'}"
              tooltip-effect="light">
              <!-- <el-table-column label="编号">
6ee6b0b7   杨鑫   '最新' 
39
 
                <template slot-scope="scope">{{ scope.row.poolId }}</template>
ab818baa   杨鑫   '1' 
40
41
 
              </el-table-column> -->
              <el-table-column label="资金池名称">
6ee6b0b7   杨鑫   '最新' 
42
43
 
                <template slot-scope="scope">{{ scope.row.poolName }}</template>
              </el-table-column>
ab818baa   杨鑫   '1' 
44
 
              <!-- <el-table-column label="出资方">
6ee6b0b7   杨鑫   '最新' 
45
 
                <template slot-scope="scope">{{ scope.row.contributor }}</template>
ab818baa   杨鑫   '1' 
46
 
              </el-table-column> -->
6ee6b0b7   杨鑫   '最新' 
47
48
49
 
              <el-table-column label="总金额">
                <template slot-scope="scope">{{ scope.row.totalAmount }}</template>
              </el-table-column>
ab818baa   杨鑫   '1' 
50
51
52
53
54
55
56
57
58
59
60
 
              <el-table-column
                label="出资方">
                <template slot-scope="scope">
                  <el-popover trigger="hover" placement="top">
                    <p style="max-width: 300px;">{{ scope.row.contributor }}</p>
                    <div slot="reference" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;" >
                      {{ scope.row.contributor }}
                    </div>
                  </el-popover>
                </template>
              </el-table-column>
6ee6b0b7   杨鑫   '最新' 
61
62
63
64
65
66
67
68
69
70
71
72
 
              <el-table-column label="状态">
                <template slot-scope="scope">
                  <span v-if="scope.row.fundsStatus == '1'">启用中</span>
                  <span v-else-if="scope.row.fundsStatus == '2'">已关闭</span>
                  <span v-else>未启用</span>
                </template>
              </el-table-column>
              <el-table-column label="操作" fixed="right">
                <template slot-scope="scope">
                  <div class="btnList">
                    <!-- <div class="tableBtn greens" @click="editActivity(scope.row)">编辑</div> -->
                    <div v-if="scope.row.fundsStatus == '1'" class="tableBtn greens" @click="xq(scope.row)">查看详情</div>
ab818baa   杨鑫   '1' 
73
74
75
76
77
78
 
                    <div v-if="scope.row.fundsStatus == '1'" class="tableBtn greens" @click="addcoupon(scope.row)">创建优惠券
                    </div>
                    <div v-if="scope.row.fundsStatus == '1'" class="tableBtn greens"
                      @click="endActivityeditPool(scope.row,'2')">禁用</div>
                    <div v-else-if="scope.row.fundsStatus == '2'" class="tableBtn greens" @click="delActivity(scope.row)">
                      删除</div>
6ee6b0b7   杨鑫   '最新' 
79
80
81
82
83
84
85
 
                    <div v-else class="tableBtn greens" @click="endActivityeditPool(scope.row,'1')">开启</div>
                    <!-- <div class="tableBtn greens" @click="delActivity(scope.row)">删除</div> -->
                  </div>
                </template>
              </el-table-column>
            </el-table>
            <div style="display: flex;justify-content: space-between;" class="bom">
ab818baa   杨鑫   '1' 
86
87
88
 
              <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div>
              <el-pagination :current-page="query.pageNumber" :page-sizes="[10, 20, 50, 100]" :page-size="10" background
                small layout="prev, pager, next" :total="total" @size-change="handleSizeChange"
6ee6b0b7   杨鑫   '最新' 
89
90
91
92
93
 
                @current-change="handleCurrentChange">
              </el-pagination>
            </div>
          </div>
ab818baa   杨鑫   '1' 
94
95
96
97
 
          <el-dialog :title="editForm ? '修改资金池' : '新增资金池'" :visible.sync="activityVisible" width="500px" center
            :close-on-click-modal="false" @close="activityVisible">
            <el-form ref="form" :model="form" label-width="100px" :rules="couponRules">
              <el-form-item label="资金池名称:" prop="poolName">
6ee6b0b7   杨鑫   '最新' 
98
99
 
                <el-input v-model="form.poolName" placeholder="请输入资金池名称" />
              </el-form-item>
ab818baa   杨鑫   '1' 
100
101
 
              <el-form-item label="总金额:" style="margin: 20px 0;" prop="totalAmount">
                <el-input v-model.number="form.totalAmount" placeholder="请输入总金额" />
6ee6b0b7   杨鑫   '最新' 
102
 
              </el-form-item>
ab818baa   杨鑫   '1' 
103
104
105
 
              <el-form-item label="出资方:" prop="contributor">
                <el-input maxlength="200" show-word-limit rows="4" type="textarea" v-model="form.contributor"
                  placeholder="请输入出资方" />
6ee6b0b7   杨鑫   '最新' 
106
107
 
              </el-form-item>
            </el-form>
ab818baa   杨鑫   '1' 
108
 
            <div class="footer" style="margin-top: 25px;">
6ee6b0b7   杨鑫   '最新' 
109
 
              <div class="btn_list">
ab818baa   杨鑫   '1' 
110
111
 
                <span @click="cancel" class="buttonHover"
                  style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</span>
6ee6b0b7   杨鑫   '最新' 
112
113
114
115
116
117
118
119
 
                <span @click="save" style="background-color: #3F9B6A;color: #fff">保存</span>
              </div>
            </div>
          </el-dialog>
        </div>
      </div>
      <div class="couponPage" v-show="type == '2'">
        <div style="height:58px;line-height:58px;">
ab818baa   杨鑫   '1' 
120
121
 
          <div style="color:#0006"> <span>优惠券管理</span> <span style="padding:0 5px;">></span> <span
              style="color:#000000e6">创建优惠券</span></div>
6ee6b0b7   杨鑫   '最新' 
122
 
        </div>
ab818baa   杨鑫   '1' 
123
124
 
        <TitleWithCircle title="资金池" style="margin-bottom: 15px;"/>
        <div style="display: flex;margin-bottom: 20px;padding-left: 30px;">
6ee6b0b7   杨鑫   '最新' 
125
 
          <div>资金池名称:{{ coupoobj.poolName }}</div>
ab818baa   杨鑫   '1' 
126
 
          <div style="margin-left: 30px;">资金池可用金额:<span style="font-weight: bold;">{{ coupoobj.symon }}</span></div>
6ee6b0b7   杨鑫   '最新' 
127
 
        </div>
ab818baa   杨鑫   '1' 
128
 
        <coupon :couponfrom="couponfrom" :coupoobj="coupoobj" @changevalue="changevalue"/>
6ee6b0b7   杨鑫   '最新' 
129
 
        <div class="footer">
ab818baa   杨鑫   '1' 
130
131
132
 
          <div class="btn_list" style="margin-top: 30px;">
            <span @click="qxcoupon" class="buttonHover"
              style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</span>
6ee6b0b7   杨鑫   '最新' 
133
134
135
136
137
138
139
140
 
            <span @click="savecoupon" style="background-color: #3F9B6A;color: #fff">保存</span>
          </div>
        </div>
      </div>
    </div>
  </template>
  
  <script>
ab818baa   杨鑫   '1' 
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
 
    import {
      getcereFundsPoolData,
      addcereFundsPool,
      delPool,
      editPool,
      cereCouponMainTable,
      totalCapitalBalance,
      addcereCouponCategory
    } from '@/api/couponmanagement/capitalpool.js'
    import router from '@/router';
    import coupon from './coupon.vue';
    import TitleWithCircle from '@/components/top/index';
    export default {
  
      components: {
        coupon,TitleWithCircle
      },
      data() {
        return {
          couponRules: {
            poolName: [{
                required: true,
                message: '请输入资金池名称',
                trigger: 'blur'
              },
              {
                min: 0,
                max: 20,
                message: '长度不超过20个字符',
                trigger: 'blur'
              }
            ],
            totalAmount: [{
              required: true,
              message: '请输入总金额',
              trigger: 'blur'
            }, ],
            contributor: [{
              required: true,
              message: '请输入出资方',
              trigger: 'blur'
            }, ],
6ee6b0b7   杨鑫   '最新' 
183
 
          },
ab818baa   杨鑫   '1' 
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
 
          useCategorylist:'',
          usedMerchantslist:'',
          couponfrom: {
            usedMerchants: 1,
            couponName: '',
            remark: '',
            couponType: '1', // 默认值
            useCategory: 1,
            maxDiscountAmount: null,
            usageThreshold: null, //使用门槛不用
            discountContent: null,
            pointsRequired: 0,
            startTime: '',
            endTime: '',
            totalCoupons: null,
            totalFunds: null,
6ee6b0b7   杨鑫   '最新' 
200
 
          },
ab818baa   杨鑫   '1' 
201
202
203
204
205
206
207
208
 
          coupoobj: {},
          type: '1',
          query: {
            activityName: '', // 活动名称
            // 活动状态 0-报名未开始 1-报名进行中 2-活动待开始 3-活动进行中 4-活动已结束
            state: '',
            pageNumber: 1,
            pageSize: 10
6ee6b0b7   杨鑫   '最新' 
209
 
          },
ab818baa   杨鑫   '1' 
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
 
          total: 0,
          tableData: [],
          activityStatusSelect: [{
              index: 0,
              label: '未启用',
              value: 0
            },
            {
              index: 1,
              label: '启用中',
              value: 1
            },
            {
              index: 2,
              label: '已关闭',
              value: 2
            },
          ],
          activityVisible: false,
          editForm: false,
          activityDetailVisible: false,
          form: {
            poolName: '',
            contributor: '',
            totalAmount: null,
            fundsStatus: '0'
          }
6ee6b0b7   杨鑫   '最新' 
237
 
        }
ab818baa   杨鑫   '1' 
238
239
240
241
242
243
244
245
246
247
248
 
      },
      created() {
        this.getAll()
      },
      methods: {
        changevalue(e,list) {
          console.error(e,list )
          this[e] = list
        },
        xq(e) {
          console.log(e )
6ee6b0b7   杨鑫   '最新' 
249
250
251
252
 
          // 跳转路由
          router.push({
            path: '/other/capitalpoolinfo',
            query: {
ab818baa   杨鑫   '1' 
253
 
              id: e.poolId
6ee6b0b7   杨鑫   '最新' 
254
255
 
            }
          })
ab818baa   杨鑫   '1' 
256
257
258
259
260
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
291
292
293
294
295
296
297
298
299
300
301
302
 
        },
        savecoupon() {
          let that = this
          if(!this.couponfrom.couponName) {
            return
          }
          if(!this.couponfrom.startTime) {
            return
          }
          if(!this.couponfrom.totalCoupons) {
            return
          }
          if(!this.couponfrom.maxDiscountAmount) {
            return 
          }
          if(!this.couponfrom.discountContent) {
            return 
          }
          if(this.couponfrom.couponType == '1') {
            if(Number(this.couponfrom.discountContent) >= Number(this.couponfrom.maxDiscountAmount)) {
              return 
            }   
          } 
          let c1 = this.changecouponfrom()
          console.error(c1)
          console.error(this.useCategorylist)
          console.error(this.usedMerchantslist)
          console.error(this.coupoobj)
          let from = this.couponfrom
          from.fundPoolId = this.coupoobj.poolId
          from.totalFunds = c1
          if (c1 > this.coupoobj.symon) {
            that.$message({
              message: '金额不足',
              error: 'error'
            });
            return
          }
          from.maxDiscountAmount = Number(from.maxDiscountAmount)
          from.discountContent = Number(from.discountContent)
          from.pointsRequired = Number(from.pointsRequired)
          from.totalCoupons = Number(from.totalCoupons)
          console.error({
            ...from
          })
          // return
          cereCouponMainTable(from).then(res => {
6ee6b0b7   杨鑫   '最新' 
303
 
            console.error(res)
ab818baa   杨鑫   '1' 
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
 
            if (res.data) {
              if(res.data.useCategory == '2') {
                let info1 = {
                  couponId:res.data.id,
                  usedMerchants:1,
                  categoryIds:that.useCategorylist
                }
                addcereCouponCategory(info1).then(res1 => {
                  console.error(res1)
                })
              }
              if(res.data.usedMerchants == '3') {
                let info2 = {
                  couponId:res.data.id,
                  usedMerchants:3,
                  categoryIds:that.usedMerchantslist
                }
                addcereCouponCategory(info2).then(res2 => {
                  console.error(res2)
                })
              }
6ee6b0b7   杨鑫   '最新' 
325
326
327
328
 
              that.$message({
                message: '提交成功',
                type: 'success'
              });
ab818baa   杨鑫   '1' 
329
 
            } else {
6ee6b0b7   杨鑫   '最新' 
330
331
332
333
334
 
              that.$message({
                message: '提交失败',
                error: 'success'
              });
            }
ab818baa   杨鑫   '1' 
335
 
            setTimeout(() => {
6ee6b0b7   杨鑫   '最新' 
336
 
              that.type = '1'
ab818baa   杨鑫   '1' 
337
 
            }, 2000)
6ee6b0b7   杨鑫   '最新' 
338
 
          })
ab818baa   杨鑫   '1' 
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
 
        },
        changecouponfrom() {
          let num = 0
          if (this.couponfrom.couponType == '1') {
            num = (this.couponfrom.discountContent ? Number(this.couponfrom.discountContent) : 0) * (this.couponfrom
              .totalCoupons ? Number(this.couponfrom.totalCoupons) : 0)
          } else if (this.couponfrom.couponType == '2') {
            num = (this.couponfrom.maxDiscountAmount ? Number(this.couponfrom.maxDiscountAmount) : 0) * (this.couponfrom
              .totalCoupons ? Number(this.couponfrom.totalCoupons) : 0)
          }
          return num
        },
        qxcoupon() {
          this.type = '1'
        },
        async addcoupon(e) {
          let that = this
  
          let c1 = {
            symon: 0,
            ...e
          }
          await totalCapitalBalance({
            poolId: e.poolId
          }).then(res => {
6ee6b0b7   杨鑫   '最新' 
364
 
            console.error(res)
ab818baa   杨鑫   '1' 
365
366
367
368
369
370
371
372
373
374
375
376
 
            c1.symon = res.data
          })
          this.type = '2'
          this.coupoobj = c1
          console.error(this.coupoobj)
        },
        endActivityeditPool(item, type) {
          let that = this
          let form = item
          form.totalAmount = Number(form.totalAmount)
          form.fundsStatus = type
          editPool(form).then(res => {
6ee6b0b7   杨鑫   '最新' 
377
 
            console.error(res)
ab818baa   杨鑫   '1' 
378
 
            if (res.data) {
6ee6b0b7   杨鑫   '最新' 
379
380
381
382
 
              that.$message({
                message: '修改成功',
                type: 'success'
              });
ab818baa   杨鑫   '1' 
383
 
            } else {
6ee6b0b7   杨鑫   '最新' 
384
385
386
387
388
389
 
              that.$message({
                message: '修改失败',
                error: 'success'
              });
            }
            that.search()
6ee6b0b7   杨鑫   '最新' 
390
 
          })
ab818baa   杨鑫   '1' 
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
 
        },
        save() {
          let that = this
          console.error(this.form)
          let form = this.form
          that.$refs.form.validate((valid) => {
            if (valid) {
              form.totalAmount = Number(form.totalAmount)
              if (that.editForm) {
                editPool(form).then(res => {
                  // console.error(res)
                  if (res.data) {
                    that.$message({
                      message: '修改成功',
                      type: 'success'
                    });
                  } else {
                    that.$message({
                      message: '修改失败',
                      error: 'success'
                    });
                  }
                  that.search()
                  that.activityVisible = false
                  that.form = {
                    poolName: '',
                    contributor: '',
                    totalAmount: null,
                    fundsStatus: '0'
                  }
                })
              } else {
                addcereFundsPool(form).then(res => {
                  // console.error(res)
                  if (res.data) {
                    that.$message({
                      message: '提交成功',
                      type: 'success'
                    });
                  } else {
                    that.$message({
                      message: '提交失败',
                      error: 'success'
                    });
                  }
                  that.search()
                  that.activityVisible = false
                  that.form = {
                    poolName: '',
                    contributor: '',
                    totalAmount: null,
                    fundsStatus: '0'
                  }
                })
              }
            } else {
              console.log('error submit!!');
              return false;
6ee6b0b7   杨鑫   '最新' 
449
 
            }
ab818baa   杨鑫   '1' 
450
 
          });
6ee6b0b7   杨鑫   '最新' 
451
ab818baa   杨鑫   '1' 
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
 
  
        },
        cancel() {
          this.activityVisible = false
          this.form = {
            poolName: '',
            contributor: '',
            totalAmount: null,
            fundsStatus: '0'
          }
        },
        async getAll() {
          const res = await getcereFundsPoolData(this.query)
          this.tableData = res.data.content
          this.total = res.data.numberOfElements
        },
        handleSizeChange(val) {
          this.query.pageSize = val
          this.getAll()
        },
        handleCurrentChange(val) {
          this.query.pageNumber = val
          this.getAll()
        },
        search() {
          this.total = 1
          this.query.pageNumber = 1
          this.getAll()
        },
        // 重置
        clear() {
          this.query = {
            activityName: '',
            state: '',
            pageNumber: 1,
            pageSize: 10
          }
          this.getAll()
        },
        // 活动详情
        details(row) {
          this.form = row
          this.activityDetailVisible = true
        },
        // 添加活动
        addActivity() {
          this.editForm = false
          this.activityVisible = true
        },
        // 编辑
        editActivity(row) {
          this.editForm = true
          this.form = row
          this.activityVisible = true
        },
        async endActivity(row) {
          const res = await endCoupon({
            activityId: row.activityId
6ee6b0b7   杨鑫   '最新' 
510
 
          })
ab818baa   杨鑫   '1' 
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
 
          if (res.code === '') {
            this.$message({
              message: '结束成功',
              type: 'success'
            })
          } else {
            this.$message({
              message: res.message,
              type: 'error'
            })
          }
          this.getAll()
        },
        async delActivity(row) {
          let that = this
          this.$confirm('此作将永久操删除该文件, 是否继续?', '提示', {
6ee6b0b7   杨鑫   '最新' 
527
528
529
530
 
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
ab818baa   杨鑫   '1' 
531
532
533
 
            delPool({
              poolId: row.poolId
            }).then(res => {
6ee6b0b7   杨鑫   '最新' 
534
 
              console.error(res)
ab818baa   杨鑫   '1' 
535
 
              if (res.data) {
6ee6b0b7   杨鑫   '最新' 
536
537
538
539
 
                that.$message({
                  message: '删除成功',
                  type: 'success'
                });
ab818baa   杨鑫   '1' 
540
 
              } else {
6ee6b0b7   杨鑫   '最新' 
541
542
543
544
545
546
 
                that.$message({
                  message: '删除失败',
                  error: 'success'
                });
              }
              that.search()
ab818baa   杨鑫   '1' 
547
 
            }).catch(error => {
6ee6b0b7   杨鑫   '最新' 
548
549
550
551
552
 
            })
          }).catch(() => {
            this.$message({
              type: 'info',
              message: '已取消删除'
ab818baa   杨鑫   '1' 
553
 
            });
6ee6b0b7   杨鑫   '最新' 
554
 
          });
ab818baa   杨鑫   '1' 
555
 
        },
6ee6b0b7   杨鑫   '最新' 
556
ab818baa   杨鑫   '1' 
557
 
      }
6ee6b0b7   杨鑫   '最新' 
558
 
    }
6ee6b0b7   杨鑫   '最新' 
559
560
561
 
  </script>
  
  <style scoped lang="scss">
ab818baa   杨鑫   '1' 
562
563
564
565
566
567
568
569
570
571
572
573
574
575
 
  
    .el-table {
      height: calc(100vh - 330px);
    }
  
    .bom {
      margin-top: 40px;
    }
  
    .el-form-item {
      margin-bottom: 0;
    }
  
    ::v-deep .el-dialog__header {
6ee6b0b7   杨鑫   '最新' 
576
577
578
 
      border-bottom: 2px solid #eee;
      background-color: #fff;
    }
ab818baa   杨鑫   '1' 
579
6ee6b0b7   杨鑫   '最新' 
580
581
582
 
    ::v-deep .el-dialog__title {
      color: #303133;
    }
ab818baa   杨鑫   '1' 
583
584
 
  
    .footer {
6ee6b0b7   杨鑫   '最新' 
585
 
      font-size: 24px;
ab818baa   杨鑫   '1' 
586
6ee6b0b7   杨鑫   '最新' 
587
588
589
 
      .btn_list {
        display: flex;
        flex-direction: row-reverse;
ab818baa   杨鑫   '1' 
590
6ee6b0b7   杨鑫   '最新' 
591
592
593
594
 
        span {
          padding: 0;
          margin: 0;
          width: 100px;
ab818baa   杨鑫   '1' 
595
596
 
          height: 32px;
          line-height: 32px;
6ee6b0b7   杨鑫   '最新' 
597
598
599
600
601
 
          text-align: center;
          display: inline-block;
          font-size: 16px;
          border-radius: 4px;
          box-sizing: border-box;
ab818baa   杨鑫   '1' 
602
6ee6b0b7   杨鑫   '最新' 
603
604
605
 
          &:hover {
            cursor: pointer;
          }
ab818baa   杨鑫   '1' 
606
6ee6b0b7   杨鑫   '最新' 
607
608
609
 
          &:nth-child(1) {
            background: rgba(255, 255, 255, 1);
            order: 1px solid rgba(224, 229, 235, 1);
ab818baa   杨鑫   '1' 
610
6ee6b0b7   杨鑫   '最新' 
611
612
 
            border: 1px solid rgba(224, 229, 235, 1);
          }
ab818baa   杨鑫   '1' 
613
6ee6b0b7   杨鑫   '最新' 
614
615
616
617
618
619
620
621
 
          &:nth-child(2) {
            background: #3f9b6a;
            color: #fff;
            margin-right: 20px;
          }
        }
      }
    }
6ee6b0b7   杨鑫   '最新' 
622
ab818baa   杨鑫   '1' 
623
624
625
626
627
 
    .couponPage {
  
      padding: 0 20px 20px 20px;
      min-height: calc(100vh - 50px - 20px);
      background-color: #Fff;
6ee6b0b7   杨鑫   '最新' 
628
629
ab818baa   杨鑫   '1' 
630
631
632
633
634
635
 
      .tableBox {
        text-align: center;
  
        .fenye {
          // margin: 20px;
        }
6ee6b0b7   杨鑫   '最新' 
636
637
 
      }
    }
ab818baa   杨鑫   '1' 
638
639
640
641
642
643
644
 
  
    .couponDialogBox {
      max-height: 600px;
      overflow-y: auto;
    }
  
    .formSearch {
6ee6b0b7   杨鑫   '最新' 
645
646
647
648
649
650
651
652
 
  
      display: flex;
      width: 100%;
      font-size: 14px;
      justify-content: space-between;
      padding-bottom: 10px;
      align-items: center;
ab818baa   杨鑫   '1' 
653
654
 
    }
6ee6b0b7   杨鑫   '最新' 
655
656
657
658
659
 
    .tableBtn {
      display: inline-block;
      margin-right: 10px;
    }
ab818baa   杨鑫   '1' 
660
 
    .greens {
6ee6b0b7   杨鑫   '最新' 
661
662
 
      color: #3F9B6A;
    }
ab818baa   杨鑫   '1' 
663
664
665
 
  
    ::v-deep .buttonHover:hover {
      color: #3f9b6a !important;
6ee6b0b7   杨鑫   '最新' 
666
667
668
669
 
      border-color: #c5e1d2 !important;
      background-color: #ecf5f0 !important;
      outline: none;
    }
ab818baa   杨鑫   '1' 
670
6ee6b0b7   杨鑫   '最新' 
671
672
673
674
 
    ::v-deep .el-pagination__total {
      position: absolute;
      left: 10px;
    }
ab818baa   杨鑫   '1' 
675
676
677
 
  
    ::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #3f9b6a;
6ee6b0b7   杨鑫   '最新' 
678
679
 
    }
  </style>