awardSqOk.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view class="m-app">
  3. <view class="fx-h fx-ac fx-bc">
  4. <view class="yyok"><image src="/static/img/pay_ok.png" mode="widthFix"/></view>
  5. <view class="title" >申请提交成功,等待审核</view>
  6. <view class="pay_name" v-if="orderId != ''">单号:{{ orderId }}</view>
  7. <view class="pay_time" v-if="time != ''">{{ time }}</view>
  8. <view class="nt yy-btn" @tap="utils.navigateBack()">点击返回</view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. var orderId = "";
  14. var activeType = "";
  15. import {mapState,mapMutations} from 'vuex';
  16. export default {
  17. computed: mapState(['user']),
  18. data() {
  19. return {
  20. orderId : "",
  21. time : "",
  22. pay_card : "",
  23. payType : "",
  24. isHome : false
  25. }
  26. },
  27. onLoad(options){
  28. this.orderId = options.orderId || '';
  29. this.time = this.utils.date('Y-m-d H:i:s');
  30. },
  31. methods: {
  32. }
  33. }
  34. </script>
  35. <style>
  36. .m-app{width:100vw}
  37. .yyok{ margin-top: 100px;}
  38. .yyok image{ width: 100px;}
  39. .title{ font-size: 24px;color: #000;font-weight: bold;color:#ef4034; margin-top: 10px;}
  40. .yyok-view{ font-size: 14px;color: #303033; margin-top: 10px;}
  41. .pay_name{padding: 5px 0;font-size: 14px;}
  42. .pay_card{padding: 5px 0;font-size: 14px;}
  43. .pay_time{font-size: 14px;color: #303033;}
  44. .yy-btn{position: absolute;bottom: 60px;width: 80%;text-align: center;background: #ef4034; padding: 15px 0; color: #fff; font-size: 14px; margin-top: 20px; border-radius: 20px;}
  45. </style>