|
@@ -4,11 +4,13 @@
|
|
|
<view class="text-center border-linear-gradient">
|
|
|
<image class="contentImg" src="../../static/img/nodeBg.png" mode="widthFix"></image>
|
|
|
<view class="title flex-center" style="margin-top: -80rpx;">
|
|
|
- <view>{{$t('home.认购价')}}:</view><view class="num text-linear-gradient">{{num}}U</view>
|
|
|
+ <view>{{$t('home.认购价')}}:</view>
|
|
|
+ <view class="num text-linear-gradient">{{.1}}U</view>
|
|
|
+ </view>
|
|
|
+ <view class="title flex-center">
|
|
|
+ <view>认购数:</view>
|
|
|
+ <view class="num text-linear-gradient">10000个</view>
|
|
|
</view>
|
|
|
- <!-- <view class="title flex-center">
|
|
|
- <view>认购数:</view><view class="num text-linear-gradient">0.1U</view>
|
|
|
- </view> -->
|
|
|
<view class="title flex-center">
|
|
|
<view>{{$t('home.社区建设')}}</view>
|
|
|
</view>
|
|
@@ -16,6 +18,47 @@
|
|
|
{{$t('home.立即认购')}}
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="detail border-linear-gradient">
|
|
|
+ <view class="flex top">
|
|
|
+ <view class="item">
|
|
|
+ <view class="text-linear-gradient">
|
|
|
+ {{order_num||0}}
|
|
|
+ </view>
|
|
|
+ <view class="tipText margin-t-20">
|
|
|
+ 已認購
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="lineH">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="text-linear-gradient">
|
|
|
+ {{wait||0}}
|
|
|
+ </view>
|
|
|
+ <view class="tipText margin-t-20">
|
|
|
+ 已釋放
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="flex padding-c-30 padding-v-20">
|
|
|
+ <view class="flex">
|
|
|
+ <view class="imageTip margin-r-10">
|
|
|
+ <image class="nodeImg" src="../../static/img/nodeIcon.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="typename">
|
|
|
+ 釋放記錄
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <navigator url="./nodeDetail">
|
|
|
+ <view class="flex-center">
|
|
|
+ <view class="rightTip margin-r-10">
|
|
|
+ 查看詳細
|
|
|
+ </view>
|
|
|
+ <image class="nextImg" src="../../static/img/mininext.png" mode="scaleToFill"></image>
|
|
|
+ </view>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -24,7 +67,8 @@
|
|
|
loadIndexs,
|
|
|
creatorPoint,
|
|
|
payPoint,
|
|
|
- pointCalculator
|
|
|
+ pointCalculator,
|
|
|
+ myList
|
|
|
} from '@/api/index.js';
|
|
|
import {
|
|
|
mapMutations
|
|
@@ -36,7 +80,9 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- num:''
|
|
|
+ num: '',
|
|
|
+ order_num:'',
|
|
|
+ wait:'',
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
@@ -59,6 +105,12 @@
|
|
|
}).catch((res) => {
|
|
|
console.log(res);
|
|
|
})
|
|
|
+ myList().then(({data}) => {
|
|
|
+ this.order_num = data.order_num;
|
|
|
+ this.wait = data.wait;
|
|
|
+ }).catch((res) => {
|
|
|
+ console.log(res);
|
|
|
+ })
|
|
|
},
|
|
|
// 报单
|
|
|
openPayMoney() {
|
|
@@ -72,13 +124,13 @@
|
|
|
});
|
|
|
that.creatorOrder(res.tapIndex)
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
})
|
|
|
},
|
|
|
// 生成订单
|
|
|
creatorOrder(index) {
|
|
|
creatorPoint({
|
|
|
- num: this.num*1,
|
|
|
+ num: this.num * 1,
|
|
|
}).then(({
|
|
|
data
|
|
|
}) => {
|
|
@@ -91,7 +143,7 @@
|
|
|
async payOrder(ind, id) {
|
|
|
const that = this;
|
|
|
let pushData = {
|
|
|
- num: this.num*1,
|
|
|
+ num: this.num * 1,
|
|
|
type: ind
|
|
|
}
|
|
|
try {
|
|
@@ -121,12 +173,12 @@
|
|
|
});
|
|
|
}
|
|
|
that.getUserInfo();
|
|
|
-
|
|
|
+
|
|
|
uni.showToast({
|
|
|
title: that.$t('home.认购成功')
|
|
|
})
|
|
|
} catch (e) {
|
|
|
- console.log(e,'err');
|
|
|
+ console.log(e, 'err');
|
|
|
uni.showToast({
|
|
|
title: that.$t('home.认购失败'),
|
|
|
icon: 'error'
|
|
@@ -143,29 +195,87 @@
|
|
|
width: 100%;
|
|
|
margin-top: -200rpx;
|
|
|
}
|
|
|
+
|
|
|
.container {
|
|
|
width: 100%;
|
|
|
line-height: 1;
|
|
|
background-color: rgb(12, 8, 21);
|
|
|
min-height: 100vh;
|
|
|
}
|
|
|
- .text-center{
|
|
|
+
|
|
|
+ .detail {
|
|
|
+ margin: 30rpx 30rpx 0 30rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+
|
|
|
+ .top {
|
|
|
+ justify-content: space-around;
|
|
|
+ padding: 30rpx;
|
|
|
+ color: #FFF;
|
|
|
+ font-weight: 500;
|
|
|
+ border-bottom: 1px solid #E1E1E1;
|
|
|
+ margin: 0 30rpx;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 38rpx;
|
|
|
+
|
|
|
+ .tipText {
|
|
|
+ font-size: 22rpx;
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .lineH {
|
|
|
+ height: 92rpx;
|
|
|
+ width: 2px;
|
|
|
+ background: linear-gradient(0deg, rgba(255, 255, 255, 0), #FFFFFF, rgba(255, 255, 255, 0));
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .typename {
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #FFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imageTip {
|
|
|
+ .nodeImg {
|
|
|
+ width: 36rpx;
|
|
|
+ height: 33rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .rightTip {
|
|
|
+ color: #FFF;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nextImg {
|
|
|
+ width: 8rpx;
|
|
|
+ height: 14rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-center {
|
|
|
border-radius: 30rpx;
|
|
|
margin: 100rpx 30rpx 0 30rpx;
|
|
|
color: #FFF;
|
|
|
padding: 80rpx 50rpx;
|
|
|
- .title{
|
|
|
+
|
|
|
+ .title {
|
|
|
font-weight: 500;
|
|
|
font-size: 33rpx;
|
|
|
padding-bottom: 50rpx;
|
|
|
// align-items: flex-end;
|
|
|
}
|
|
|
- .num{
|
|
|
+
|
|
|
+ .num {
|
|
|
font-weight: bold;
|
|
|
font-size: 52rpx;
|
|
|
}
|
|
|
}
|
|
|
- .buttom{
|
|
|
+
|
|
|
+ .buttom {
|
|
|
font-weight: bold;
|
|
|
font-size: 32rpx;
|
|
|
border-radius: 20rpx;
|