wuye / webui

Blame view

src/components/fee/feeDetailConfig.vue 3.81 KB
Edit Raw Normal View History
b25b036d   wuxw   v1.9 优化日期 
1
 
  <template>
f80ea09a   wuxw   加入费用详情 
2
3
4
5
6
7
 
    <div>
      <div class="margin-top">
        <el-table :data="feeDetailConfigInfo.feeConfigs" style="width: 100%">
          <el-table-column prop="feeTypeCdName" :label="$t('feeDetailConfig.feeType')" align="center"></el-table-column>
          <el-table-column prop="feeName" :label="$t('feeDetailConfig.feeItem')" align="center"></el-table-column>
          <el-table-column prop="feeFlagName" :label="$t('feeDetailConfig.feeFlag')" align="center"></el-table-column>
0b0e0aab   wuxw   费用详情页面开发完成 
8
9
 
          <el-table-column prop="billTypeName" :label="$t('feeDetailConfig.reminderType')"
            align="center"></el-table-column>
f80ea09a   wuxw   加入费用详情 
10
11
 
          <el-table-column :label="$t('feeDetailConfig.paymentType')" align="center">
            <template slot-scope="scope">
0b0e0aab   wuxw   费用详情页面开发完成 
12
 
              {{ scope.row.paymentCd == '1200' ? $t('feeDetailConfig.prepaid') : $t('feeDetailConfig.postpaid') }}
f80ea09a   wuxw   加入费用详情 
13
14
 
            </template>
          </el-table-column>
0b0e0aab   wuxw   费用详情页面开发完成 
15
16
 
          <el-table-column prop="paymentCycle" :label="$t('feeDetailConfig.paymentCycle')"
            align="center"></el-table-column>
f80ea09a   wuxw   加入费用详情 
17
 
          <el-table-column prop="units" :label="$t('feeDetailConfig.unit')" align="center"></el-table-column>
0b0e0aab   wuxw   费用详情页面开发完成 
18
19
 
          <el-table-column prop="computingFormulaName" :label="$t('feeDetailConfig.formula')"
            align="center"></el-table-column>
f80ea09a   wuxw   加入费用详情 
20
21
 
          <el-table-column :label="$t('feeDetailConfig.unitPrice')" align="center">
            <template slot-scope="scope">
0b0e0aab   wuxw   费用详情页面开发完成 
22
 
              {{ scope.row.computingFormula == '2002' ? '-' : scope.row.squarePrice }}
f80ea09a   wuxw   加入费用详情 
23
24
 
            </template>
          </el-table-column>
0b0e0aab   wuxw   费用详情页面开发完成 
25
26
 
          <el-table-column prop="additionalAmount" :label="$t('feeDetailConfig.additionalFee')"
            align="center"></el-table-column>
f80ea09a   wuxw   加入费用详情 
27
28
 
          <el-table-column :label="$t('feeDetailConfig.accountDeduction')" align="center">
            <template slot-scope="scope">
0b0e0aab   wuxw   费用详情页面开发完成 
29
 
              {{ scope.row.deductFrom == 'Y' ? $t('feeDetailConfig.yes') : $t('feeDetailConfig.no') }}
f80ea09a   wuxw   加入费用详情 
30
31
32
33
 
            </template>
          </el-table-column>
          <el-table-column :label="$t('feeDetailConfig.mobilePayment')" align="center">
            <template slot-scope="scope">
0b0e0aab   wuxw   费用详情页面开发完成 
34
 
              {{ scope.row.payOnline == 'Y' ? $t('feeDetailConfig.yes') : $t('feeDetailConfig.no') }}
f80ea09a   wuxw   加入费用详情 
35
36
37
38
39
40
41
42
 
            </template>
          </el-table-column>
          <el-table-column prop="scale" :label="$t('feeDetailConfig.decimalPlaces')" align="center"></el-table-column>
        </el-table>
  
        <el-row class="margin-top">
          <el-col :span="12"></el-col>
          <el-col :span="12">
0b0e0aab   wuxw   费用详情页面开发完成 
43
44
 
            <el-pagination @current-change="handleCurrentChange" :current-page="pagination.currentPage"
              :page-size="pagination.pageSize" layout="total, prev, pager, next" :total="pagination.total">
f80ea09a   wuxw   加入费用详情 
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
 
            </el-pagination>
          </el-col>
        </el-row>
      </div>
    </div>
  </template>
  
  <script>
  import { listFeeConfigs } from '@/api/fee/feeDetailConfigApi'
  import { getCommunityId } from '@/api/community/communityApi'
  
  export default {
    name: 'FeeDetailConfig',
    data() {
      return {
        feeDetailConfigInfo: {
          feeConfigs: [],
          configId: ''
        },
        pagination: {
          currentPage: 1,
          pageSize: 10,
          total: 0
        }
      }
    },
    methods: {
      open(params) {
        this.feeDetailConfigInfo.configId = params.configId
        this._loadFeeDetailConfigData()
      },
      _loadFeeDetailConfigData() {
        const params = {
          communityId: getCommunityId(),
          configId: this.feeDetailConfigInfo.configId,
          page: this.pagination.currentPage,
          row: this.pagination.pageSize
        }
  
        listFeeConfigs(params).then(res => {
          this.feeDetailConfigInfo.feeConfigs = res.feeConfigs
f9f29297   wuxw   v1.9 分页 record 传给... 
86
 
          this.pagination.total = res.total
f80ea09a   wuxw   加入费用详情 
87
88
89
90
91
92
93
94
95
96
97
 
        }).catch(error => {
          console.error('Failed to load fee config details:', error)
        })
      },
      handleCurrentChange(val) {
        this.pagination.currentPage = val
        this._loadFeeDetailConfigData()
      }
    }
  }
  </script>