KuaishouAgentAccountList.vue 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <template>
  2. <a-card :bordered="false">
  3. <!-- 查询区域 -->
  4. <div class="table-page-search-wrapper">
  5. <a-form layout="inline">
  6. <a-row :gutter="24">
  7. <a-col :md="6" :sm="8">
  8. <a-form-item label="广告主ID">
  9. <a-input placeholder="请输入广告主ID" v-model="queryParam.id"></a-input>
  10. </a-form-item>
  11. </a-col>
  12. <a-col :md="6" :sm="8">
  13. <a-form-item label="广告主名称">
  14. <a-input placeholder="请输入广告主名称" v-model="queryParam.accountName"></a-input>
  15. </a-form-item>
  16. </a-col>
  17. <a-col :md="6" :sm="8">
  18. <a-form-item label="公司名称">
  19. <a-input placeholder="请输入公司名称" v-model="queryParam.corporationName"></a-input>
  20. </a-form-item>
  21. </a-col>
  22. <a-col :md="6" :sm="8">
  23. <a-form-item label="审核状态">
  24. <a-select v-model="queryParam.reviewStatus" placeholder="请选择审核状态">
  25. <a-select-option :value="1">审核中</a-select-option>
  26. <a-select-option :value="2">审核通过</a-select-option>
  27. <a-select-option :value="3">审核拒绝</a-select-option>
  28. </a-select>
  29. </a-form-item>
  30. </a-col>
  31. <a-col :md="6" :sm="8">
  32. <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
  33. <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
  34. <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
  35. </span>
  36. </a-col>
  37. </a-row>
  38. </a-form>
  39. </div>
  40. <!-- 操作按钮区域 -->
  41. <div class="table-operator">
  42. <a-button type="primary" icon="download" @click="handleExportXls('快手代理商账户表')">导出</a-button>
  43. </div>
  44. <!-- table区域-begin -->
  45. <div>
  46. <a-table
  47. ref="table"
  48. size="middle"
  49. bordered
  50. rowKey="id"
  51. :columns="columns"
  52. :dataSource="dataSource"
  53. :pagination="ipagination"
  54. :loading="loading"
  55. @change="handleTableChange"
  56. >
  57. <span slot="createTime" slot-scope="text">{{ text.split(' ')[0] }}</span>
  58. </a-table>
  59. </div>
  60. <!-- table区域-end -->
  61. </a-card>
  62. </template>
  63. <script>
  64. import KuaishouAgentAccountModal from './modules/KuaishouAgentAccountModal'
  65. import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  66. export default {
  67. name: 'KuaishouAgentAccountList',
  68. mixins: [JeecgListMixin],
  69. components: {
  70. KuaishouAgentAccountModal
  71. },
  72. data() {
  73. return {
  74. description: '快手代理商账户表管理页面',
  75. // 表头
  76. columns: [
  77. {
  78. title: '广告主ID',
  79. align: 'center',
  80. dataIndex: 'accountId'
  81. },
  82. {
  83. title: '用户ID',
  84. align: 'center',
  85. dataIndex: 'userId'
  86. },
  87. {
  88. title: '广告主名称',
  89. align: 'center',
  90. dataIndex: 'accountName'
  91. },
  92. {
  93. title: '现金余额',
  94. align: 'center',
  95. dataIndex: 'balance'
  96. },
  97. {
  98. title: '信用余额',
  99. align: 'center',
  100. dataIndex: 'creditBalance'
  101. },
  102. // {
  103. // title: 'extendedBalance',
  104. // align:"center",
  105. // dataIndex: 'extendedBalance'
  106. // },
  107. {
  108. title: '返点余额',
  109. align: 'center',
  110. dataIndex: 'rebate'
  111. },
  112. // {
  113. // title: 'preRebate',
  114. // align:"center",
  115. // dataIndex: 'preRebate'
  116. // },
  117. {
  118. title: '框返余额',
  119. align: 'center',
  120. dataIndex: 'contractRebate'
  121. },
  122. {
  123. title: '激励余额',
  124. align: 'center',
  125. dataIndex: 'directRebate'
  126. },
  127. {
  128. title: '总余额',
  129. align: 'center',
  130. dataIndex: 'totalBalance'
  131. },
  132. // {
  133. // title: 'kuaibiBalance',
  134. // align:"center",
  135. // dataIndex: 'kuaibiBalance'
  136. // },
  137. // {
  138. // title: 'pushBalance',
  139. // align:"center",
  140. // dataIndex: 'pushBalance'
  141. // },
  142. // {
  143. // title: 'recharged',
  144. // align:"center",
  145. // dataIndex: 'recharged'
  146. // },
  147. {
  148. title: '公司名称',
  149. align: 'center',
  150. dataIndex: 'corporationName'
  151. },
  152. {
  153. title: '开户时间',
  154. align: 'center',
  155. dataIndex: 'createTime',
  156. scopedSlots: { customRender: 'createTime' }
  157. },
  158. {
  159. title: '审核状态',
  160. align: 'center',
  161. dataIndex: 'reviewStatus',
  162. customRender: (text, row, index) => {
  163. if (text == 1) {
  164. // 前4行数据以a标签的形式被渲染
  165. return '审核中'
  166. } else if (text == 2) {
  167. return '审核通过'
  168. } else if (text == 3) {
  169. return '审核拒绝'
  170. }
  171. }
  172. }
  173. // {
  174. // title: 'frozenStatus',
  175. // align:"center",
  176. // dataIndex: 'frozenStatus'
  177. // },
  178. // {
  179. // title: 'transferAccountStatus',
  180. // align:"center",
  181. // dataIndex: 'transferAccountStatus'
  182. // },
  183. ],
  184. url: {
  185. list: '/kuaishou/kuaishouAgentAccount/list',
  186. delete: '/kuaishou/kuaishouAgentAccount/delete',
  187. deleteBatch: '/kuaishou/kuaishouAgentAccount/deleteBatch',
  188. exportXlsUrl: 'kuaishou/kuaishouAgentAccount/exportXls'
  189. }
  190. }
  191. },
  192. computed: {
  193. importExcelUrl: function() {
  194. return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
  195. }
  196. },
  197. methods: {}
  198. }
  199. </script>
  200. <style scoped>
  201. @import '~@assets/less/common.less';
  202. </style>