creditList.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <div class="content">
  3. <div class="list-unstyled list-inline x-step x-step-x">
  4. <ul>
  5. <li class="active">买方用户额度<i class="x-split"></i></li>
  6. </ul>
  7. </div>
  8. <div class="tab">
  9. <table class="table table-striped">
  10. <thead>
  11. <tr>
  12. <th>序号</th>
  13. <th>用户名称</th>
  14. <th>额度金额(元)</th>
  15. <th>已用额度(元)</th>
  16. <th>可用额度(元)</th>
  17. <th>生效日</th>
  18. </tr>
  19. </thead>
  20. <tbody>
  21. <tr v-for="(item,index) in $store.state.credit" @click="$store.dispatch('openTransfer',item)">
  22. <td v-text="index+1"></td>
  23. <td v-text="item.cq_custname"></td>
  24. <td v-text="item.cq_quota"></td>
  25. <td v-text="item.cq_dueamount"></td>
  26. <td v-text="item.cq_spamount"></td>
  27. <td v-text="item.cq_startdate"></td>
  28. </tr>
  29. </tbody>
  30. </table>
  31. </div>
  32. </div>
  33. </template>
  34. <script>
  35. export default {
  36. fetch({store} ){
  37. return Promise.all([
  38. store.dispatch('findCredit', { enuu: store.state.option.user.enuu })
  39. ])
  40. },
  41. }
  42. </script>