user-withdrawal-detail.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>详情-提现记录-创业帮</title>
  6. <meta name="keywords" content="详情-提现记录-创业帮">
  7. <meta name="description" content="详情-提现记录-创业帮">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="详情-提现记录-创业帮">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. </head>
  17. <body class="bgcfff pt0 pb0 ovh" style="padding-top:0;">
  18. <div id="app" v-cloak>
  19. <van-nav-bar class="user_rank_explan_title user_title_normal" title="提现详情" left-arrow v-if="toptitleisshow" @click-left="goback">
  20. <template #left> <img src="./static/images/left.png" alt=""></template>
  21. </van-nav-bar>
  22. <div class="bgcfff pt32 pb32 withdrawal">
  23. <div class="f24 c333 tc">¥{{withdrawalinfo.TradeAmount}}</div>
  24. <div class="f14 c333 pl16 pr16 more mt16">{{withdrawalinfo.Remark}}</div>
  25. </div>
  26. <van-cell-group class="withdrawal-detail" :border="false">
  27. <van-cell title="提现单号" :value="withdrawalinfo.CashOrderNo" :border="false"></van-cell>
  28. <van-cell title="提现金额" :value="'¥'+withdrawalinfo.TradeAmount" :border="false"></van-cell>
  29. <van-cell title="到账金额" :value="'¥'+withdrawalinfo.ActualTradeAmount" :border="false"></van-cell>
  30. <van-cell title="手续费" :value="'¥'+withdrawalinfo.TradeFee" :border="false"></van-cell>
  31. <van-cell title="税费" :value="'¥'+withdrawalinfo.ManageFee" :border="false"></van-cell>
  32. <van-cell class="withdrawal-success" title="当前状态" :border="false">
  33. <template #default><span class="pl6" :class="withdrawalinfo.Status === 1 ? 'green':'more'">{{withdrawalstatus(withdrawalinfo.Status)}}{{withdrawalinfo.Status === 2 ? '(已退回余额)':''}}</span></template>
  34. </van-cell>
  35. <van-cell title="申请时间" :value="withdrawalinfo.CreateDate" :border="false"></van-cell>
  36. <van-cell title="到账时间" :value="withdrawalinfo.PaymentDate" :border="false"></van-cell>
  37. </van-cell-group>
  38. </div>
  39. <script src="./static/js/klm-vv.min.js"></script>
  40. <script src="./static/js/appfunc.min.js"></script>
  41. <script src="./static/js/klm-axios-config.js"></script>
  42. <script src="./static/js/publicfn.js"></script>
  43. <script>
  44. // 通过 CDN 引入时不会自动注册 Lazyload 组件
  45. // 可以通过下面的方式手动注册
  46. Vue.use(vant.Lazyload);
  47. // 在 #app 标签下渲染一个按钮组件
  48. let app = new Vue({
  49. el: '#app',
  50. data() {
  51. return {
  52. toptitleisshow:false,
  53. withdrawalinfo:{
  54. Id:'',
  55. CreateDate:'',
  56. CashOrderNo:'',
  57. TradeAmount:'',
  58. ActualTradeAmount:'',
  59. TradeFee:'',
  60. PaymentDate:'',
  61. ManageFee:'',
  62. Status:'',
  63. Remark:'',
  64. }
  65. };
  66. },
  67. created() {
  68. this.toptitleisshow = toptitleisshow;
  69. this.getdetailinfo();
  70. },
  71. methods: {
  72. async getdetailinfo(){
  73. //- PublicLib.ShowLoading({Message:''});
  74. const id = PublicLib.getCookieInfo("withdrawalId");
  75. const res = await getRequest('api/v1/usercashrecord/detail?t='+Math.random(6),JSON.stringify({Id:id}));
  76. if(res.status !== '1') return tips('获取提现详情失败,请重试!');
  77. //- PublicLib.HideLoading();
  78. res.data.TradeAmount = res.data.TradeAmount.toFixed(2);
  79. res.data.ActualTradeAmount = res.data.ActualTradeAmount.toFixed(2);
  80. res.data.TradeFee = res.data.TradeFee.toFixed(2);
  81. res.data.ManageFee = res.data.ManageFee.toFixed(2);
  82. this.withdrawalinfo = res.data;
  83. },
  84. //- 获取状态
  85. withdrawalstatus(status){
  86. switch(status){
  87. case 0:
  88. return '处理中';
  89. break;
  90. case 1:
  91. return '交易成功';
  92. break;
  93. case 2:
  94. return '提现失败';
  95. break;
  96. case 3:
  97. return '挂账';
  98. break;
  99. default:
  100. return '状态异常';
  101. break;
  102. };
  103. },
  104. goback(){
  105. PublicLib.GoBack({Level:1});
  106. }
  107. }
  108. });
  109. </script>
  110. </body>
  111. </html>