teamDetails.vue 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
  1. <template>
  2. <view class="center">
  3. <view class="box">
  4. <view class="title flex">
  5. <view class="flex">
  6. <view class="log"><image src="../../static/img/pgTip.png" mode="scaleToFill"></image></view>
  7. <view class="name">{{ item.name }}</view>
  8. <view class="lun">{{ item.lun }}</view>
  9. </view>
  10. <view v-if="item.status == 0" class="more text-gray">未开始</view>
  11. <view v-if="item.status >0" class="more text-success" >已开奖</view>
  12. </view>
  13. <view class="main">
  14. <view class="main-info rule">每轮限购1组,每组限购1份</view>
  15. <view class="main-info time">
  16. 开奖时间:
  17. <text>{{item.time}}</text>
  18. </view>
  19. <view class="main-info new">该轮预约11份,拼中2份,退回9份</view>
  20. </view>
  21. </view>
  22. <view class="box">
  23. <view class="allTitle">
  24. <view class="title-left">第{{item.table_id}}组 预约份数/总份数:11/11</view>
  25. <view class="title-right text-gray" v-if="item.status == 0">未开奖</view>
  26. <view class="title-right text-success" v-if="item.status == 1">已中奖</view>
  27. <view class="title-right text-danger" v-if="item.status == 2">未中奖</view>
  28. <view class="title-right text-warning" v-if="item.status == 3">未成团</view>
  29. </view>
  30. <view class="yu-main">
  31. <view class="img"><image src="../../static/img/bgTip2.png" mode="scaleToFill"></image></view>
  32. <view class="yu-info">
  33. <view class="info" v-if="item.status > 1">
  34. <view class="yu-font">回退本金</view>
  35. <view class="yu-num">{{item.cost+item.type}}</view>
  36. </view>
  37. <view class="info" v-if="item.status != 3">
  38. <view class="yu-font">收益</view>
  39. <view class="yu-num">{{item.join_award+item.type}}</view>
  40. </view>
  41. <view class="info">
  42. <view class="yu-font">唯一凭证</view>
  43. </view>
  44. <view class="info">
  45. <view class="yu-num">{{item.order_id}}</view>
  46. </view>
  47. </view>
  48. </view>
  49. <!-- <view class="boom">
  50. <view class="boom-font">当前组爆快</view>
  51. <view class="boom-num">
  52. LALA122002552000
  53. <br />
  54. LALA122002552000
  55. </view>
  56. </view> -->
  57. </view>
  58. </view>
  59. </template>
  60. <script>
  61. import { pinkLogDate } from '@/api/finance.js';
  62. import { getTime } from '@/utils/rocessor.js';
  63. export default {
  64. data() {
  65. return {
  66. id: '',
  67. item: {}
  68. };
  69. },
  70. onLoad(e) {
  71. this.id = e.id;
  72. this.getDate();
  73. },
  74. methods: {
  75. getDate() {
  76. uni.showLoading({
  77. title: '加载中'
  78. });
  79. pinkLogDate({}, this.id)
  80. .then(e => {
  81. console.log(e)
  82. const ls = e.data;
  83. const lun = ls.group_num > 0 ? ls.group_num + '轮' : '';
  84. const time = getTime(ls.open_time);
  85. let sy = ls.join_award*ls.cost/100+'';
  86. const num = sy.split('.')[1]
  87. console.log(sy,"1111111111")
  88. // 判断小数点是否超过8位数标
  89. // if(num&&num.length>8){
  90. // sy = (+sy).toFixed(8);
  91. // }
  92. this.item = {
  93. name: ls.activity.name,
  94. lun,
  95. fen: 1,
  96. money: +ls.cost,
  97. type: ls.cost_money_type,
  98. time: time,
  99. stopTime:'',
  100. image: ls.activity.background_image,
  101. id: ls.id,
  102. status: ls.status,
  103. bingos:ls.bingos,
  104. fails:ls.fails,
  105. table_id:ls.table_id,
  106. joins:ls.joins.length,
  107. join_number:ls.activity.join_number,
  108. cost:+ls.cost,
  109. join_award:+sy,
  110. order_id:ls.order_id
  111. };
  112. console.log(this.item)
  113. uni.hideLoading();
  114. })
  115. .catch(e => {
  116. console.log(e);
  117. });
  118. }
  119. }
  120. };
  121. </script>
  122. <style lang="scss">
  123. .center,
  124. page {
  125. height: 100%;
  126. background: #f7fbfe;
  127. }
  128. .box {
  129. margin: 30rpx auto 0;
  130. width: 690rpx;
  131. background: #ffffff;
  132. box-shadow: 0px 0px 17rpx 0px rgba(0, 0, 0, 0.05);
  133. border-radius: 20rpx;
  134. padding: 26rpx 36rpx 30rpx 30rpx;
  135. .title {
  136. .log {
  137. width: 48rpx;
  138. height: 46rpx;
  139. image {
  140. width: 100%;
  141. height: 100%;
  142. }
  143. }
  144. .name {
  145. padding-left: 12rpx;
  146. font-size: 34rpx;
  147. font-family: PingFang SC;
  148. font-weight: bold;
  149. color: #0f253a;
  150. }
  151. .lun {
  152. padding-left: 10rpx;
  153. font-size: 26rpx;
  154. font-family: PingFang SC;
  155. font-weight: 500;
  156. color: #6d7c88;
  157. }
  158. .more {
  159. padding-left: 140rpx;
  160. font-size: 28rpx;
  161. font-family: PingFang SC;
  162. font-weight: bold;
  163. color: #44969d;
  164. }
  165. }
  166. .main {
  167. margin-top: 26rpx;
  168. .main-info {
  169. padding-top: 16rpx;
  170. }
  171. .rule {
  172. font-size: 26rpx;
  173. font-family: PingFang SC;
  174. font-weight: 500;
  175. color: #0f253a;
  176. }
  177. .time {
  178. font-size: 26rpx;
  179. font-family: PingFang SC;
  180. font-weight: 500;
  181. color: #6d7c88;
  182. text {
  183. color: #0f253a;
  184. }
  185. }
  186. .new {
  187. font-size: 24rpx;
  188. font-family: PingFang SC;
  189. font-weight: 500;
  190. color: #ff4c4c;
  191. }
  192. }
  193. }
  194. .allTitle {
  195. display: flex;
  196. justify-content: space-between;
  197. align-items: center;
  198. .title-left {
  199. font-size: 34rpx;
  200. font-family: PingFang SC;
  201. font-weight: bold;
  202. color: #0f253a;
  203. }
  204. .title-right {
  205. font-size: 26rpx;
  206. font-family: PingFang SC;
  207. font-weight: 500;
  208. color: #6d7c88;
  209. }
  210. }
  211. .yu-main {
  212. margin-top: 40rpx;
  213. display: flex;
  214. justify-content: flex-start;
  215. align-items: center;
  216. .img {
  217. width: 180rpx;
  218. height: 155rpx;
  219. flex-shrink: 0;
  220. image {
  221. width: 100%;
  222. height: 100%;
  223. }
  224. }
  225. .yu-info {
  226. padding-top: 14rpx;
  227. margin-left: 20rpx;
  228. width: 100%;
  229. .info {
  230. display: flex;
  231. justify-content: space-between;
  232. .yu-font {
  233. flex-shrink: 0;
  234. font-size: 26rpx;
  235. font-family: PingFang SC;
  236. font-weight: 500;
  237. color: #6d7c88;
  238. }
  239. .yu-num {
  240. font-size: 26rpx;
  241. font-family: PingFang SC;
  242. font-weight: bold;
  243. color: #0f253a;
  244. }
  245. }
  246. }
  247. }
  248. .boom {
  249. padding-left: 14rpx;
  250. margin-top: 28rpx;
  251. display: flex;
  252. justify-content: space-between;
  253. .boom-font {
  254. font-size: 26rpx;
  255. font-family: PingFang SC;
  256. font-weight: 500;
  257. color: #6d7c88;
  258. }
  259. .boom-num {
  260. font-size: 26rpx;
  261. font-family: PingFang SC;
  262. font-weight: bold;
  263. color: #0f253a;
  264. }
  265. }
  266. </style>