選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

release-products.vue 5.1KB

7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
6ヶ月前
6ヶ月前
4ヶ月前
6ヶ月前
6ヶ月前
4ヶ月前
6ヶ月前
4ヶ月前
4ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
4ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
7ヶ月前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <template>
  2. <navBar title="支付账户签约" navbgClass="nav-bgXin" fontColor='#fff'></navBar>
  3. <navBgCar :activeNum='5'></navBgCar>
  4. <view class="content-value">
  5. <view @click="qianyueAction(item)" class="ul-item" v-for="(item, index) in state.list" :key="index">
  6. <image class="icon-tip" :src="item.icon"></image>
  7. <view class="content">
  8. <view class="title">
  9. {{ item.title }}
  10. </view>
  11. <view style="margin-top: 15rpx" class="flex">
  12. <view :class="item.tag">
  13. {{ item.tag1 }}
  14. </view>
  15. <view style="margin-left: 15rpx" :class="item.tag">
  16. {{ item.tag2 }}
  17. </view>
  18. </view>
  19. <view style="margin-top: 15rpx" class="tip">
  20. {{ item.tip }}
  21. </view>
  22. </view>
  23. <view class="action-btn">签约</view>
  24. </view>
  25. </view>
  26. </template>
  27. <script setup lang="ts">
  28. import { onLoad } from "@dcloudio/uni-app";
  29. import { reactive } from "vue";
  30. import { etcQyList } from "@/utils/network/api.js";
  31. import { request, requestNew } from "@/utils/network/request.js";
  32. import { fileURL } from "@/datas/fileURL.js";
  33. import navBar from "@/components/nav-bar/nav-bar2.vue";
  34. import navBgCar from "./components/nav-bg-car1";
  35. const imgURL = `${fileURL}image/`;
  36. import {navTo} from "@/utils/utils";
  37. const qianyueAction = (val) => {
  38. console.log(val);
  39. // #ifdef MP-ALIPAY
  40. navTo(
  41. `/subpackage/orders/sign-up-ali?orderId=${state.orderId}&orderQuery=${state.orderQuery}`,
  42. );
  43. // #endif
  44. // #ifdef MP-WEIXIN
  45. navTo(
  46. `/subpackage/orders/sign-up?orderId=${state.orderId}&&clientFee=${state.clientFee}&&id=${state.id}&orderQuery=${state.orderQuery}`,
  47. );
  48. // #endif
  49. };
  50. //解析URL获取参数
  51. const getRequest = (urlStr) => {
  52. if (typeof urlStr == "undefined") {
  53. // 获取url中"?"符后的字符串
  54. var url = decodeURI(location.search);
  55. } else {
  56. var url = "?" + urlStr.split("?")[1];
  57. }
  58. var theRequest = new Object();
  59. if (url.indexOf("?") != -1) {
  60. var str = url.substr(1);
  61. var strs = str.split("&");
  62. for (var i = 0; i < strs.length; i++) {
  63. theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
  64. }
  65. }
  66. return theRequest;
  67. };
  68. onLoad((option : any) => {
  69. if (option.q) {
  70. const q = decodeURIComponent(option.q); // 获取到二维码原始链接内容
  71. console.log(getRequest(q));
  72. state.orderId = getRequest(q)['orderId'];
  73. } else {
  74. state.orderId = option.orderId;
  75. state.orderQuery = option.orderQuery;
  76. state.clientFee = option.clientFee;
  77. state.id = option.id;
  78. }
  79. console.log("option---",option)
  80. var data = {};
  81. const options = {
  82. type: 2,
  83. data: data,
  84. method: "POST",
  85. showLoading: true,
  86. };
  87. requestNew(etcQyList, options).then((res) => {
  88. const data = res;
  89. // #ifdef MP-ALIPAY
  90. state.list = [
  91. {
  92. icon: imgURL + "issuance/zfb.png",
  93. title: "支付宝签约",
  94. // tip: "服务费是每笔交易金额的0.05%",
  95. tag1: "支付宝代付",
  96. tag2: "支付宝便捷支付",
  97. tag: "tag1",
  98. channelId: data.data[0].channelId,
  99. },
  100. ]
  101. // #endif
  102. // #ifdef MP-WEIXIN
  103. state.list = [
  104. {
  105. icon: imgURL + "issuance/weixin.png",
  106. title: "微信签约",
  107. // tip: "服务费是每笔交易金额的0.05%",
  108. tag1: "微信代付",
  109. tag2: "微信便捷支付",
  110. tag: "tag1",
  111. channelId: data.data[0].channelId,
  112. },
  113. ];
  114. // #endif
  115. });
  116. });
  117. const state = reactive({
  118. data: {
  119. show: false,
  120. src: imgURL + "applyCard/edit.png",
  121. },
  122. list: [],
  123. id: "",
  124. clientFee: "",
  125. orderId: "",
  126. orderQuery:"0"
  127. });
  128. </script>
  129. <style lang="scss" scoped>
  130. .content-value {
  131. position: absolute;
  132. top: 370rpx;
  133. width: 100%;
  134. min-height: calc(100% - 370rpx);
  135. box-sizing: border-box;
  136. padding: 0 30rpx 210rpx;
  137. }
  138. .flex {
  139. display: flex;
  140. align-items: center;
  141. }
  142. .action-btn {
  143. width: 124rpx;
  144. height: 50rpx;
  145. font-family: SourceHanSansSC, SourceHanSansSC;
  146. font-weight: 400;
  147. font-size: 24rpx;
  148. color: #FFFFFF;
  149. background: radial-gradient(at 0% 0%, #CCB375 0%, #E7D398 100%);
  150. border-radius: 25rpx;
  151. text-align: center;
  152. line-height: 50rpx;
  153. margin-top: 16rpx;
  154. }
  155. .tag1 {
  156. color: #CCB375;
  157. border-radius: 5rpx;
  158. border: 1rpx solid #CCB375;
  159. font-family: SourceHanSansSC, SourceHanSansSC;
  160. font-weight: 400;
  161. font-size: 20rpx;
  162. height: 30rpx;
  163. line-height: 30rpx;
  164. text-align: center;
  165. padding: 0 10rpx;
  166. }
  167. .tag3 {
  168. padding: 5rpx;
  169. background: rgba(139, 112, 228, 0.5);
  170. border-radius: 6rpx;
  171. font-size: 22rpx;
  172. font-family: Microsoft YaHei;
  173. font-weight: 400;
  174. color: #ffffff;
  175. }
  176. .tag2 {
  177. padding: 5rpx;
  178. background: rgba(249, 97, 60, 0.5);
  179. border-radius: 6rpx;
  180. font-size: 22rpx;
  181. font-family: Microsoft YaHei;
  182. font-weight: 400;
  183. color: #ffffff;
  184. }
  185. .ul-item {
  186. // padding: 5px 20rpx;
  187. display: flex;
  188. background-color: #fff;
  189. padding: 50rpx 30rpx 40rpx;
  190. border-radius: 12rpx;
  191. .content {
  192. margin-left: 23rpx;
  193. flex: 1 1 auto;
  194. .title {
  195. font-size: 30rpx;
  196. font-family: SourceHanSansSC, SourceHanSansSC;
  197. font-weight: 400;
  198. color: #111;
  199. }
  200. .tip {
  201. font-size: 24rpx;
  202. font-family: SourceHanSansSC, SourceHanSansSC;
  203. font-weight: 400;
  204. color: #999;
  205. }
  206. }
  207. .icon-tip {
  208. width: 80rpx;
  209. height: 80rpx;
  210. flex-shrink: 0;
  211. }
  212. }
  213. </style>