paymentDetails.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <template>
  2. <div class="main">
  3. <zz-table
  4. :cols="cols"
  5. :settings="{ showIndex: true, stripe: true }"
  6. :loading="mixins_onQuery"
  7. :data="mixins_list"
  8. :updateFlag="true"
  9. :pageset="mixins_pageset"
  10. @page-change="pageChange"
  11. >
  12. <template
  13. slot-scope="scope"
  14. slot="payBeginTime"
  15. >
  16. {{ typeTimeTransition(scope.row.payBeginTime, scope.row.payEndTime) }}
  17. </template>
  18. </zz-table>
  19. </div>
  20. </template>
  21. <script>
  22. import list from '@utils/list.js';
  23. export default {
  24. mixins: [list],
  25. props: ['params'],
  26. data () {
  27. return {
  28. cols: [
  29. {
  30. label: '订单号',
  31. prop: 'billNumber'
  32. },
  33. {
  34. label: '房间',
  35. prop: 'assets'
  36. },
  37. {
  38. label: '业主',
  39. prop: 'residentName'
  40. },
  41. {
  42. label: '费用名称',
  43. prop: 'chargeName'
  44. },
  45. {
  46. label: '计费周期',
  47. prop: 'payBeginTime',
  48. slot: 'payBeginTime',
  49. width: '150'
  50. },
  51. // {
  52. // label: '费用金额(元)',
  53. // prop: 'amount'
  54. // },
  55. // {
  56. // label: '滞纳金',
  57. // prop: 'lateFee'
  58. // },
  59. {
  60. label: '应收金额(元)',
  61. prop: 'receivableAmount'
  62. },
  63. {
  64. label: '实收金额(元)',
  65. prop: 'receivedAmount'
  66. },
  67. {
  68. label: '缴费状态',
  69. prop: 'chargeStatus',
  70. format (val) {
  71. if (val == 1) {
  72. return '未缴费';
  73. } else if (val == 2) {
  74. return '已缴费';
  75. }
  76. }
  77. },
  78. {
  79. label: '缴费时间',
  80. prop: 'chargeDate'
  81. },
  82. {
  83. label: '收款方式',
  84. prop: 'payTypeDict'
  85. },
  86. {
  87. label: '收款人',
  88. prop: 'payee'
  89. }
  90. ],
  91. mixins_post: 'post'
  92. };
  93. },
  94. created () {
  95. this.mixins_query = Object.assign({ houseId: this.params.row.houseId, residentName: this.params.row.residentName, paymentMethod: -1 }, this.params.mixins_query);
  96. this.mixins_dataUrl = '/czc-charge/charge/bill/page';
  97. this.mixins_search();
  98. },
  99. mounted () { },
  100. methods: {
  101. typeTimeTransition (start, end) {
  102. let text = '';
  103. if (!!end) {
  104. let f = new Date(start).getMonth(),
  105. l = new Date(end).getMonth();
  106. if (f == l) {
  107. text = `${this.$moment(new Date(start)).format('YYYY年M月')}`;
  108. } else {
  109. text = `${this.$moment(new Date(start)).format('YYYY年M月')}-${this.$moment(new Date(end)).format('YYYY年M月')}`;
  110. }
  111. }
  112. return text;
  113. }
  114. }
  115. };
  116. </script>
  117. <style scoped lang='scss'>
  118. @import '@assets/css/public-style.scss';
  119. </style>