陶杰
2024-08-22 973662aeae3e7c788c14671d17c5962395141770
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<template>
  <el-bus-crud v-bind="tableConfig" />
</template>
 
<script>
import { dateRangeOptions } from '@/utils/options'
import CustomDateRange from '@/components/custom-date-range.vue'
export default {
  data() {
    return {
      tableConfig: {
        url: 'flower/api/partner/settlement/list',
        hasNew: false,
        hasEdit: false,
        hasDelete: false,
        onResetView: (row) => {
          this.$router.push(`${this.$route.path}/${row.id}`)
        },
        operationAttrs: {
          width: 80,
          fixed: 'right',
        },
        columns: [
          {
            label: '结算金额(元)',
            prop: 'settlementAmount',
            minWidth: 120,
            fixed: 'left',
          },
          { label: '订单数量', prop: 'orderNum', minWidth: 100 },
          { label: '买家数量', prop: 'customerNum', minWidth: 100 },
          { label: '商品数量', prop: 'flowerNum', minWidth: 100 },
          { label: '结算合计(元)', prop: 'totalAmount', minWidth: 120 },
          { label: '结算均价(元)', prop: 'price', minWidth: 120 },
          { label: '售后理赔(元)', prop: 'salesFee', minWidth: 120 },
          { label: '结算状态', prop: 'statusStr', minWidth: 120 },
          { label: '结算时间', prop: 'transferTime', minWidth: 180 },
        ],
        searchFormAttrs: {
          labelWidth: 'auto',
        },
        searchForm: [
          {
            type: 'row',
            items: [
              {
                label: '结算状态:',
                id: 'status',
                type: 'bus-radio',
                el: {
                  hasAll: true,
                  childType: 'el-radio-button',
                  code: 'SETTLEMENT_STATUS',
                },
                default: '',
                span: 24,
                searchImmediately: true,
              },
              {
                label: '结算日期:',
                id: 'dateType',
                component: CustomDateRange,
                el: {
                  options: dateRangeOptions,
                },
                searchImmediately: true,
                commonFormat: true,
                commonFormatProps: ['dateType', 'startDateStr', 'endDateStr'],
                span: 24,
              },
            ],
          },
        ],
      },
    }
  },
  head() {
    return {
      title: '结算列表',
    }
  },
}
</script>
 
<style lang="scss" scoped>
::v-deep {
  .el-bus-crud__filter__action {
    display: none;
  }
}
</style>