success.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <template>
  2. <view class="p-box">
  3. <view class="box ">
  4. <image src="../../static/img/logo.png" mode=""></image>
  5. <image src="../../static/img/2.png" mode=""></image>
  6. <view style="margin-top: 10px;">掌柜会员号:{{id}}
  7. <image style="height:12px;width:13px;display: inline-block;margin-left:5px"
  8. src="../../static/icon/gongxiang.png" mode="" @tap="aaa"></image>
  9. </view>
  10. <view>绑定手机号:{{mobile}}</view>
  11. <image style="padding-top: 12px;
  12. width: 100%;
  13. height: 330px;" src="../../static/img/1.png" mode=""></image>
  14. <image src="../../static/img/3.png" mode="" @tap="downloadApp('android')"></image>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default {
  20. data() {
  21. return {
  22. mobile: '',
  23. id: '',
  24. type: '',
  25. }
  26. },
  27. async onLoad(e) {
  28. let options = JSON.parse(e.data);
  29. if (e) {
  30. this.id = options.id;
  31. this.mobile = options.mobile; //驳回内容
  32. this.grade = options.grade;
  33. }
  34. },
  35. methods: {
  36. aaa() {
  37. uni.setClipboardData({
  38. data: this.id
  39. })
  40. },
  41. downloadApp(typeId) {
  42. var btn = document.getElementById(typeId);
  43. this.weixinTip(btn);
  44. },
  45. // 判断是不是微信
  46. async weixinTip(ele) {
  47. var ua = navigator.userAgent;
  48. var isWeixin = !!/MicroMessenger/i.test(ua);
  49. if (isWeixin) {
  50. ele.onclick = function(e) {
  51. window.event ? window.event.returnValue = false : e.preventDefault();
  52. document.getElementById('weixin-tip').style.display = 'block';
  53. }
  54. } else {
  55. if (!!this.id) {
  56. uni.setClipboardData({
  57. data: this.id
  58. })
  59. }
  60. let pageRequest = {
  61. pageNum: 1,
  62. pageSize: 50,
  63. columnFilters: {
  64. apptype: {
  65. name: "apptype",
  66. value: "apk",
  67. },
  68. appid: {
  69. name: "appid",
  70. value: this.grade == 4 ? "__UNI__D4FE29A" : '__UNI__2041321',
  71. }
  72. }
  73. };
  74. let getquote = await this.$http.post('/sysVersion/findPage', pageRequest);
  75. let url = getquote.data.content[0].path;
  76. if (getquote.code == '200') {
  77. window.open(url);
  78. } else {
  79. uni.showToast({
  80. title: getquote.msg,
  81. icon: 'none'
  82. });
  83. }
  84. }
  85. },
  86. async promotionCode() {
  87. let pageRequest = {
  88. pageNum: 1,
  89. pageSize: 50,
  90. columnFilters: {
  91. apptype: {
  92. name: "apptype",
  93. value: "apk",
  94. },
  95. appid: {
  96. name: "appid",
  97. value: '__UNI__2041321',
  98. }
  99. }
  100. }
  101. let res = await this.$http.post('/sysVersion/findPage', pageRequest);
  102. if (res.code == 200) {
  103. this.pathUrl = res.data.content[0].path
  104. this.workImg = QR.createQrCodeImg(res.data.content[0].path, {
  105. size: parseInt(200) //二维码大小
  106. })
  107. }
  108. },
  109. },
  110. }
  111. </script>
  112. <style lang="scss" scoped>
  113. .p-box {
  114. width: 100%;
  115. height: 100vh;
  116. background: url(/static/img/beijing1.png) no-repeat;
  117. background-size: 100% 100%;
  118. // background: #D0CCFB;
  119. }
  120. .box {
  121. height: 160px;
  122. width: 100%;
  123. // position: relative;
  124. background: url(/static/img/beijng2.png) no-repeat;
  125. background-size: 100% 100%;
  126. text-align: -webkit-center;
  127. // position: relative;
  128. image {
  129. display: block;
  130. }
  131. text {
  132. font-size: 14px;
  133. color: #666666;
  134. padding-top: 5px;
  135. }
  136. image:first-child {
  137. padding-top: 52px;
  138. width: 110px;
  139. height: 20px;
  140. }
  141. image:nth-child(2) {
  142. padding-top: 17px;
  143. width: 260px;
  144. height: 35px;
  145. }
  146. image:last-child {
  147. padding-top: 30px;
  148. width: 220px;
  149. height: 55px;
  150. }
  151. }
  152. </style>