promotion.vue 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. <template>
  2. <view class="box">
  3. <view class="contBox">
  4. <view class="top">
  5. <view class="top-row">
  6. <view class="topLeft">
  7. <view class="topLeftTitle">可提现金额</view>
  8. <view class="topLeftNum">{{canMoney.toFixed(2)}}</view>
  9. </view>
  10. <view class="topRight" @click="goRouter('promotionExtract')">提现</view>
  11. </view>
  12. <view class="top-row" style="border-top: solid 3rpx #FFA68A;">
  13. <view class="numLine">总收益:{{sumMoney.toFixed(2)}}</view>
  14. <view class="numLine">提现中:{{inMoney.toFixed(2)}}</view>
  15. <view class="numLine">已到账:{{alreadyMoney.toFixed(2)}}</view>
  16. </view>
  17. </view>
  18. <view class="jlLine" v-for="item in records" :key="item.id">
  19. <view class="lineTop">
  20. <view class="lineMs">{{item.activityName}}</view>
  21. <view class="lineNum"><span class="spanNum">{{item.money.toFixed(2)}}</span></view>
  22. </view>
  23. <view class="lineBottom">
  24. <view class="time">{{item.createTime}}</view>
  25. <view class="nickName">{{item.customerName}}</view>
  26. </view>
  27. </view>
  28. <!-- <view class="jlLine">
  29. <view class="lineTop">
  30. <view class="lineMs">集客活动名称</view>
  31. <view class="lineNum">收益:<span class="spanNum">50.54</span></view>
  32. </view>
  33. <view class="lineBottom">
  34. <view class="time">2020-07-20 19:08</view>
  35. <view class="nickName">微信昵称:张三李四玩大炮呢突然不见了</view>
  36. </view>
  37. </view> -->
  38. </view>
  39. </view>
  40. </template>
  41. <script>
  42. export default {
  43. components: {
  44. },
  45. data() {
  46. return {
  47. detail:'',
  48. themeColor:'',
  49. userInfo:'',
  50. alreadyMoney: 0,
  51. canMoney: 0,
  52. inMoney: 0,
  53. sumMoney: 0,
  54. records: []
  55. }
  56. },
  57. onLoad(opt) {
  58. this.themeColor = uni.getStorageSync("themeColor");
  59. this.userInfo = uni.getStorageSync("userInfo");
  60. this.getData();
  61. //this.getExplain();
  62. },
  63. onShow() {
  64. },
  65. methods: {
  66. getData(){
  67. uni.showLoading({
  68. title: '加载中'
  69. })
  70. this.$http('jkCashout/getIndexData', {
  71. }, 'GET').then(res => {
  72. uni.hideLoading();
  73. //this.detail = res.data
  74. this.alreadyMoney = res.data.AlreadyMoney
  75. this.canMoney = res.data.CanMoney
  76. this.inMoney = res.data.InMoney
  77. this.sumMoney = res.data.SumMoney
  78. this.records = res.data.records
  79. //console.log('list+=', this.queryShopList);
  80. })
  81. },
  82. getExplain(){
  83. this.$http('openMCustomer/getExplain', {
  84. }, 'GET').then(res => {
  85. //uni.hideLoading();
  86. //this.detail = res.data
  87. //console.log('list+=', this.queryShopList);
  88. })
  89. },
  90. goRouter(url){
  91. //跳转到提现页面
  92. uni.navigateTo({
  93. url:url
  94. })
  95. }
  96. }
  97. }
  98. </script>
  99. <style scoped lang="less">
  100. .numLine{
  101. padding-right: 20rpx;
  102. color: #ffffff;
  103. width: 40%;
  104. padding-top: 20rpx;
  105. font-size: 28rpx;
  106. }
  107. .box {
  108. width: 100vw;
  109. min-height: 100vh;
  110. background: #F4F5F7;
  111. }
  112. .contBox{
  113. padding: 20rpx 24rpx;
  114. }
  115. .top{
  116. background: linear-gradient(to bottom left,#FF6C5A,#FD865F);
  117. border-radius: 10rpx;
  118. padding: 24rpx 20rpx;
  119. .top-row{
  120. display: flex;
  121. justify-content: space-between;
  122. font-family: fantasy;
  123. }
  124. }
  125. .numBox{
  126. //color: #ffffff;
  127. padding: 20rpx 0 30rpx 0;
  128. font-size: 26rpx;
  129. }
  130. .fontColor{
  131. color: #ffffff;
  132. }
  133. .topLeftTitle{
  134. font-size: 35rpx;
  135. font-family: ;
  136. font-weight: 300;
  137. color: #ffffff;
  138. }
  139. .topLeftNum{
  140. font-size: 50rpx;
  141. font-family: PingFangSC-Semibold, PingFang SC;
  142. font-weight: 300;
  143. color: #ffffff;
  144. padding-top: 24rpx;
  145. }
  146. .topRight{
  147. color: #FFFFFF;
  148. padding: 70rpx 20rpx 40rpx 0;
  149. }
  150. .jlLine{
  151. margin: 15rpx 0;
  152. display: flex;
  153. flex-direction: column;
  154. background-color: #FFFFFF;
  155. font-size: 25rpx;
  156. .lineTop{
  157. display: flex;
  158. justify-content: space-between;
  159. height: 70rpx;
  160. line-height: 70rpx;
  161. padding: 0 50rpx 0 20rpx;
  162. color: #666666;
  163. .lineMs{
  164. font-size: 30rpx;
  165. font-weight: 700;
  166. color: black;
  167. overflow: hidden;
  168. white-space: nowrap;
  169. text-overflow: ellipsis;
  170. padding-top: 10rpx;
  171. }
  172. .lineNum{
  173. width: 10%;
  174. padding-top: 10rpx;
  175. .spanNum{
  176. color:red;
  177. font-weight: 700;
  178. text-align: center;
  179. }
  180. }
  181. }
  182. .lineBottom{
  183. display: flex;
  184. justify-content: space-between;
  185. height: 70rpx;
  186. line-height: 70rpx;
  187. padding: 0 50rpx 0 20rpx;
  188. .time{
  189. color: #999999;
  190. }
  191. .nickName{
  192. width: 228rpx;
  193. overflow: hidden;
  194. white-space: nowrap;
  195. text-overflow: ellipsis;
  196. color: #666666;
  197. }
  198. }
  199. }
  200. .xffl{
  201. background: #FFFFFF;
  202. margin-top: 20rpx;
  203. padding: 20rpx;
  204. border-radius: 10rpx;
  205. }
  206. .xfflTitle{
  207. font-size: 30rpx;
  208. font-family: PingFangSC-Medium, PingFang SC;
  209. font-weight: 500;
  210. color: #333333;
  211. }
  212. .xfflLine{
  213. display: flex;
  214. justify-content: space-between;
  215. font-size: 24rpx;
  216. font-family: PingFangSC-Regular, PingFang SC;
  217. font-weight: 400;
  218. color: #333333;
  219. line-height: 33rpx;
  220. padding: 15rpx 0;
  221. }
  222. .xfflyq{
  223. width: 10rpx;
  224. height: 10rpx;
  225. background: #EC0F0A;
  226. border-radius: 50%;
  227. margin-top: 12rpx;
  228. margin-right: 14rpx;
  229. }
  230. .xfflyq2{
  231. width: 10rpx;
  232. height: 10rpx;
  233. background: #3F90F7;
  234. border-radius: 50%;
  235. margin-top: 12rpx;
  236. margin-right: 14rpx;
  237. }
  238. .xfflyq3{
  239. width: 10rpx;
  240. height: 10rpx;
  241. background: #FF4F00;
  242. border-radius: 50%;
  243. margin-top: 12rpx;
  244. margin-right: 14rpx;
  245. }
  246. .xfflyq4{
  247. width: 10rpx;
  248. height: 10rpx;
  249. background: #6F2BE8;
  250. border-radius: 50%;
  251. margin-top: 12rpx;
  252. margin-right: 14rpx;
  253. }
  254. .xfflLineLeft{
  255. display: flex;
  256. width: 200rpx;
  257. }
  258. .xfflLineM{
  259. width: 200rpx;
  260. text-align: right;
  261. }
  262. .xfflLineR{
  263. width: 200rpx;
  264. text-align: right;
  265. }
  266. .lineLeftImg{
  267. width: 34rpx;
  268. height: 34rpx;
  269. }
  270. .lineLeftTxt{
  271. color: #333333;font-size: 28rpx;line-height: 34rpx;padding-left: 24rpx;
  272. }
  273. .lineRIghtNUm{
  274. color: #666666;font-size: 28rpx;line-height: 34rpx;padding-right: 16rpx;
  275. }
  276. .lineRightImg{
  277. width: 12rpx;
  278. height: 20rpx;
  279. margin-top: 7rpx;
  280. }
  281. .lineBox{
  282. background: #FFFFFF;width: 702rpx;margin-top: 20rpx;
  283. }
  284. .line{
  285. display: flex;
  286. justify-content: space-between;
  287. padding: 38rpx 32rpx;
  288. }
  289. .lineLeft{
  290. display: flex;
  291. }
  292. .lineRight{
  293. display: flex;
  294. }
  295. .smImg{
  296. width: 30rpx;height: 30rpx;
  297. }
  298. .smTxt{
  299. font-size: 28rpx;
  300. font-family: PingFangSC-Regular, PingFang SC;
  301. font-weight: 400;
  302. color: #999999;
  303. line-height: 30rpx;
  304. padding-left: 5rpx;
  305. }
  306. .smBox{
  307. display: flex;
  308. justify-content: center;
  309. padding-top: 30rpx;
  310. }
  311. </style>