success.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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. }
  33. },
  34. methods: {
  35. aaa() {
  36. uni.setClipboardData({
  37. data: this.id
  38. })
  39. },
  40. downloadApp(typeId) {
  41. var btn = document.getElementById(typeId);
  42. this.weixinTip(btn);
  43. },
  44. // 判断是不是微信
  45. async weixinTip(ele) {
  46. var ua = navigator.userAgent;
  47. var isWeixin = !!/MicroMessenger/i.test(ua);
  48. if (isWeixin) {
  49. ele.onclick = function(e) {
  50. window.event ? window.event.returnValue = false : e.preventDefault();
  51. document.getElementById('weixin-tip').style.display = 'block';
  52. }
  53. } else {
  54. if (!!this.id) {
  55. uni.setClipboardData({
  56. data: this.id
  57. })
  58. }
  59. let pageRequest = {
  60. pageNum: 1,
  61. pageSize: 50,
  62. columnFilters: {
  63. apptype: {
  64. name: "apptype",
  65. value: "apk",
  66. },
  67. appid: {
  68. name: "appid",
  69. value: "__UNI__2041321",
  70. }
  71. }
  72. };
  73. let getquote = await this.$http.post('/sysVersion/findPage', pageRequest);
  74. let url = getquote.data.content[0].path;
  75. if (getquote.code == '200') {
  76. window.open(url);
  77. } else {
  78. uni.showToast({
  79. title: getquote.msg,
  80. icon: 'none'
  81. });
  82. }
  83. }
  84. },
  85. async promotionCode() {
  86. let pageRequest = {
  87. pageNum: 1,
  88. pageSize: 50,
  89. columnFilters: {
  90. apptype: {
  91. name: "apptype",
  92. value: "apk",
  93. },
  94. appid: {
  95. name: "appid",
  96. value: '__UNI__2041321',
  97. }
  98. }
  99. }
  100. let res = await this.$http.post('/sysVersion/findPage', pageRequest);
  101. if (res.code == 200) {
  102. this.pathUrl = res.data.content[0].path
  103. this.workImg = QR.createQrCodeImg(res.data.content[0].path, {
  104. size: parseInt(200) //二维码大小
  105. })
  106. }
  107. },
  108. },
  109. }
  110. </script>
  111. <style lang="scss" scoped>
  112. .p-box {
  113. width: 100%;
  114. height: 100vh;
  115. background: url(/static/img/beijing1.png) no-repeat;
  116. background-size: 100% 100%;
  117. // background: #D0CCFB;
  118. }
  119. .box {
  120. height: 160px;
  121. width: 100%;
  122. // position: relative;
  123. background: url(/static/img/beijng2.png) no-repeat;
  124. background-size: 100% 100%;
  125. text-align: -webkit-center;
  126. // position: relative;
  127. image {
  128. display: block;
  129. }
  130. text {
  131. font-size: 14px;
  132. color: #666666;
  133. padding-top: 5px;
  134. }
  135. image:first-child {
  136. padding-top: 52px;
  137. width: 110px;
  138. height: 20px;
  139. }
  140. image:nth-child(2) {
  141. padding-top: 17px;
  142. width: 260px;
  143. height: 35px;
  144. }
  145. image:last-child {
  146. padding-top: 30px;
  147. width: 220px;
  148. height: 55px;
  149. }
  150. }
  151. </style>