successful.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <template>
  2. <view class="successful">
  3. <u-navbar :back-text="i18n('Back')" :back-text-style="backStyle" :title-width="400"
  4. back-icon-color="#fff" title-color="#fff"
  5. :background="background" :title="i18n('SubmittedSuccessfully')">
  6. </u-navbar>
  7. <view class="successBox">
  8. <image class="img" src="../../../static/img/cooperationNetwork/submit.png" mode=""></image>
  9. <view class="title">{{ i18n('SubmittedSuccessfully') }}</view>
  10. <view class="tips" v-if="$i18n.locale=='zh'">
  11. 您的申请已受理,请留意{{value}}通知。
  12. </view>
  13. <view class="tips" v-if="$i18n.locale=='en'">
  14. Your application has been submitted, please pay attention to the {{value}} notice.
  15. </view>
  16. </view>
  17. <view class="submitBtn">
  18. <u-button type="primary" @click="toDetail">
  19. {{ viewDetails }}
  20. </u-button>
  21. </view>
  22. </view>
  23. </template>
  24. <script>
  25. export default {
  26. data() {
  27. return {
  28. background:{
  29. backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
  30. },
  31. backStyle:{
  32. color:'#fff'
  33. },
  34. value: '',
  35. key: '',
  36. name: '',
  37. viewDetails: this.$i18n.locale=='zh'?'查看详情':'View details'
  38. }
  39. },
  40. onLoad(e) {
  41. this.name = e.value;
  42. this.key = e.key;
  43. if(this.name === 'member') {
  44. this.value = this.$i18n.locale=='zh'?'入会申请':'application';
  45. }else if(this.name === 'league') {
  46. this.value = this.$i18n.locale=='zh'?'入盟申请':'application';
  47. }else if(this.name === 'custom') {
  48. this.value = this.$i18n.locale=='zh'?'定制服务申请':'Costomized application';
  49. }else {
  50. this.value = this.$i18n.locale=='zh'?'资助洽商':'Donantion';
  51. }
  52. },
  53. methods: {
  54. i18n (data) {
  55. return this.$t('common.'+data);
  56. },
  57. toDetail() { //查看详情
  58. let type = '';
  59. if(this.name === 'member') {
  60. type = 0;
  61. }else if(this.name === 'league') {
  62. type = 1;
  63. }else if(this.name === 'custom') {
  64. type = 2;
  65. }else {
  66. type = 3;
  67. }
  68. uni.navigateTo({
  69. url: '/pages/service/others/applicationDetial?id='+this.key+'&type='+type+'&title='+encodeURIComponent(this.value)
  70. })
  71. }
  72. }
  73. }
  74. </script>
  75. <style lang="scss" scoped>
  76. .successful {
  77. padding: 50upx;
  78. .successBox {
  79. width: 100%;
  80. margin-top: 25%;
  81. margin-left: 50%;
  82. transform: translateX(-50%);
  83. background-color: #FFFFFF;
  84. padding: 70upx 30upx;
  85. text-align: center;
  86. border-radius: 20upx;
  87. box-shadow: 0 0 10upx #F1F1F1;
  88. .img {
  89. width: 100upx;
  90. height: 100upx;
  91. }
  92. .title {
  93. color: #333333;
  94. font-size: 34upx;
  95. margin: 20upx 0;
  96. }
  97. .tips {
  98. color: #666666;
  99. font-size: 30upx;
  100. }
  101. }
  102. .submitBtn {
  103. width: 100%;
  104. margin-top: 200upx;
  105. }
  106. }
  107. </style>