Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

sign-up-ali.vue 5.3KB

1 år sedan
1 år sedan
1 år sedan
1 år sedan
1 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. <template>
  2. <image
  3. style="
  4. margin-top: 20rpx;
  5. width: 100%;
  6. height: 240rpx;
  7. background-color: #eeeeee;
  8. "
  9. :src="`${$imgUrl}applyCard/car-service.png`"
  10. ></image>
  11. <view class="title"> 支付宝签约代扣 </view>
  12. <view class="value">
  13. <view class="content_1">
  14. 支付宝签约代扣是支付宝支付为车主用户提供的安全便捷的智慧服务
  15. </view>
  16. <view class="content_2">
  17. 本次将为贵州黔通智联科技股份有限公司开启免密支付服务,后续相关的费用将通过支付宝签约代扣从你的支付宝账户扣除
  18. </view>
  19. <view class="content_3">
  20. 注:签约成功后请返回本页面,再次点击开通服务
  21. </view>
  22. </view>
  23. <view class="action">
  24. <button type="default" class="button" @click="savaHandle()">
  25. 开通服务
  26. </button>
  27. <!-- <button type="default" class="button" @click="addInterestsList()">
  28. 加购权益
  29. </button> -->
  30. </view>
  31. </template>
  32. <script setup lang="ts">
  33. import { onLoad, onShow } from "@dcloudio/uni-app";
  34. import { reactive } from "vue";
  35. import { etcQYAction } from "@/utils/network/api.js";
  36. import { request } from "@/utils/network/request.js";
  37. import { stringToJson } from "@/utils/network/encryption";
  38. import { fileURL } from "@/datas/fileURL.js";
  39. import navBar from "@/components/nav-bar/nav-bar2.vue";
  40. import navBgCar from "./components/nav-bg-car4";
  41. import { setItem } from "@/utils/storage";
  42. import { msg, confirm, getOrderStatusName } from "@/utils/utils";
  43. import {
  44. checkOrderStatus,
  45. orderPay,
  46. wechatAppID,
  47. wechatPayConfigId,
  48. wechatSecret,
  49. aliPayConfigIdTwo,
  50. obtainUserId,
  51. } from "@/utils/network/api";
  52. const imgURL = `${fileURL}image/`;
  53. const state = reactive({
  54. openid: "",
  55. orderId: "",
  56. id: "",
  57. clientFee: "",
  58. code:""
  59. });
  60. onLoad((option: any) => {
  61. state.orderId = option.orderId;
  62. });
  63. const addInterestsList=()=>{
  64. uni.navigateTo({
  65. url:`/subpackage/orders/interestsList?orderId=${state.orderId}&&clientFee=${state.clientFee}&&id=${state.id}`
  66. });
  67. }
  68. const savaHandle = () => {
  69. my.getAuthCode({
  70. scopes: 'auth_user',
  71. success: res => {
  72. // 获取需要的用户信息
  73. state.code = res.authCode
  74. //如果获取openId成功
  75. if (state.code) {
  76. console.log("code*******", state.code);
  77. const optionsUser = {
  78. type: 2,
  79. data: {
  80. payConfigId: aliPayConfigIdTwo,
  81. code: res.authCode
  82. },
  83. method: "POST",
  84. showLoading: true,
  85. };
  86. console.log('支付宝用户编号请求:', optionsUser)
  87. request(obtainUserId, optionsUser).then((res) => {
  88. console.log('支付宝用户编号返回:', res)
  89. const bizContent = stringToJson(res.bizContent);
  90. var data = {
  91. orderId: state.orderId,
  92. subOpenId: bizContent.openId,
  93. };
  94. const options = {
  95. type: 2,
  96. data: data,
  97. method: "POST",
  98. showLoading: true,
  99. };
  100. request(etcQYAction, options).then((res) => {
  101. console.log("res*******", res);
  102. const data = stringToJson(res.bizContent);
  103. console.log("data*******", data);
  104. if (data.signStatus === "WAIT_SIGN") {
  105. //待签约
  106. my.ap.navigateToAlipayPage({
  107. path: "https://render.alipay.com/p/yuyan/180020010001250649/sign.html?orderId="+data.alipayOrderId
  108. });
  109. }else if (data.signStatus === "SIGNED") {
  110. //已签约
  111. // msg("已签约");
  112. confirm(
  113. "您已完成签约,等待业务员审核发货",
  114. () => {
  115. uni.switchTab({
  116. url: "/pages/order/order"
  117. })
  118. // uni.$emit("refreshOrder");
  119. // uni.navigateBack();
  120. },
  121. "已完成签约",
  122. false
  123. );
  124. }else if (data.signStatus === "UNSIGN") {
  125. //已解约
  126. // msg("已解约");
  127. confirm(
  128. "您已解约!",
  129. () => {
  130. uni.switchTab({
  131. url: "/pages/order/order"
  132. })
  133. },
  134. "您已解约",
  135. false
  136. );
  137. }
  138. });
  139. })
  140. } else {
  141. //如果获取openId失败
  142. uni.showToast({
  143. title: "网络异常,请重试!",
  144. icon: "none",
  145. duration: 1000,
  146. });
  147. return;
  148. }
  149. },
  150. fail: err => {
  151. console.log('my.getAuthCode 调用失败', err)
  152. }
  153. });
  154. }
  155. </script>
  156. <style lang="scss" scoped>
  157. .action {
  158. margin-top: 40rpx;
  159. padding-left: 20rpx;
  160. padding-right: 20rpx;
  161. padding-bottom: 30rpx;
  162. .button {
  163. height: 80rpx;
  164. background: linear-gradient(-90deg, #43a1e0 0%, #13e7c1 100%);
  165. border-radius: 40rpx;
  166. font-size: 32rpx;
  167. font-weight: 400;
  168. color: #ffffff;
  169. line-height: 80rpx;
  170. }
  171. }
  172. .title {
  173. text-align: center;
  174. margin-top: 15rpx;
  175. font-size: 36rpx;
  176. font-family: Microsoft YaHei;
  177. font-weight: 400;
  178. color: #333333;
  179. line-height: 36rpx;
  180. }
  181. .value {
  182. padding: 0rpx 60rpx;
  183. }
  184. .content_1 {
  185. margin-top: 60rpx;
  186. font-size: 30rpx;
  187. font-family: Microsoft YaHei;
  188. font-weight: 400;
  189. color: #666666;
  190. line-height: 58rpx;
  191. }
  192. .content_2 {
  193. margin-top: 50rpx;
  194. font-size: 30rpx;
  195. font-family: Microsoft YaHei;
  196. font-weight: 400;
  197. color: #666666;
  198. line-height: 58rpx;
  199. }
  200. .content_3 {
  201. margin-top: 50rpx;
  202. font-size: 30rpx;
  203. font-family: Microsoft YaHei;
  204. font-weight: 400;
  205. color: #ff0000;
  206. line-height: 58rpx;
  207. }
  208. </style>