TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

[个人认证vip会员开通，企业认证才能发布权证首页，]

Browse Source
This commit is contained in:
张冬雪
2021-10-25 14:59:19 +08:00
parent cbfca1ad21
commit 2bc9ea63c0
5 changed files with 785 additions and 635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages/goods/goodsAuth.vue
View File

@@ -97,6 +97,7 @@
methods: { methods: {
// picker选择 // picker选择
pickerChange(e, key){ pickerChange(e, key){
console.log(key,e.detail.value)
this[key] = e.detail.value this[key] = e.detail.value
}, },
// 图片预览 // 图片预览

355
pages/index/index.vue
View File

@@ -5,8 +5,12 @@
<!-- header --> <!-- header -->
<view class="header-total ios-top"> <view class="header-total ios-top">
<view class="total"> <view class="total">
<view class="item nowrap" @click="navAccount('walletProperty')"><image src="@/static/icons/gemstone-icon.png"/>{{isAuth ? '能量球' + account.coin : '查看能量球'}}</view> <view class="item nowrap" @click="navAccount('walletProperty')">
<view class="item nowrap" @click="navAccount('Fragment')"><image src="@/static/icons/crystal-icon.png"/>{{isAuth ? '能量碎片' + account.crystal : '查看能量碎片'}}</view> <image src="@/static/icons/gemstone-icon.png" />{{isAuth ? '能量球' + account.coin : '查看能量球'}}
</view>
<view class="item nowrap" @click="navAccount('Fragment')">
<image src="@/static/icons/crystal-icon.png" />{{isAuth ? '能量碎片' + account.crystal : '查看能量碎片'}}
</view>
</view> </view>
</view> </view>
<!-- 矿机 --> <!-- 矿机 -->
@@ -17,7 +21,8 @@
</view> </view>
<block v-if="isAuth"> <block v-if="isAuth">
<view class="ore-lists"> <view class="ore-lists">
<view class="oct-float ore-item" v-for="(item, index) in crystalArr" :key="index" :style="{left: item.left + '%', top: item.top + '%'}" @click="ledCrystal(index)"> <view class="oct-float ore-item" v-for="(item, index) in crystalArr" :key="index"
:style="{left: item.left + '%', top: item.top + '%'}" @click="ledCrystal(index)">
<block v-if="item.amount !== null"> <block v-if="item.amount !== null">
<view class="oct-icon"> <view class="oct-icon">
<image src="@/static/icons/crystal-icon.png" mode="widthFix" class="icon" /> <image src="@/static/icons/crystal-icon.png" mode="widthFix" class="icon" />
@@ -29,7 +34,8 @@
<view class="oct-icon"> <view class="oct-icon">
<image src="@/static/icons/gemstone-ore-icon.png" mode="widthFix" class="icon" /> <image src="@/static/icons/gemstone-ore-icon.png" mode="widthFix" class="icon" />
</view> </view>
<view class="text">发权证<uni-icons type="arrowright" color="#FFFFFF" size="12"></uni-icons></view> <view class="text">发权证<uni-icons type="arrowright" color="#FFFFFF" size="12"></uni-icons>
</view>
</view> </view>
</view> </view>
</block> </block>
@@ -46,40 +52,58 @@
</view> </view>
<!-- 任务推荐 --> <!-- 任务推荐 -->
<scroll-view class="task-block" scroll-x="true"> <scroll-view class="task-block" scroll-x="true">
<view class="item" v-for="(item, index) in categoryArr" :key="index" @click="JumpUrl(item.url, item.title)"> <view class="item" v-for="(item, index) in categoryArr" :key="index" @click="JumpUrl(item.url, item.title)">
<view class="text nowrap">{{item.sub_title}}</view> <view class="text nowrap">{{item.sub_title}}</view>
<view class="icon"> <view class="icon">
<image :src="item.cover" /> <image :src="item.cover" />
</view> </view>
<view class="title nowrap">{{item.title}}</view> <view class="title nowrap">{{item.title}}</view>
<view class="submit-title nowrap">能量碎片{{item.tips}}</view> <view class="submit-title nowrap">能量碎片{{item.tips}}</view>
</view> </view>
</scroll-view> </scroll-view>
<!-- 平台概况 --> <!-- 平台概况 -->
<view class="situation"> <view class="situation">
<view class="header"> <view class="header">
<view class="header-item"> <view class="header-item">
<view class="title">平台能量球余量<uni-icons class="help-icon" @click="showHelp('balance')" type="help-filled" size="15" color="rgba(255,255,255,.3)" /></view> <view class="title">平台能量球余量
<uni-icons class="help-icon" @click="showHelp('balance')" type="help-filled" size="15"
color="rgba(255,255,255,.3)" />
</view>
<view class="number nowrap">{{chains.balance}}</view> <view class="number nowrap">{{chains.balance}}</view>
</view> </view>
<view class="header-item"> <view class="header-item">
<view class="title">上期发放能量球<uni-icons class="help-icon" @click="showHelp('stone')" type="help-filled" size="15" color="rgba(255,255,255,.3)" /></view> <view class="title">上期发放能量球
<uni-icons class="help-icon" @click="showHelp('stone')" type="help-filled" size="15"
color="rgba(255,255,255,.3)" />
</view>
<view class="number nowrap">{{chains.stone}}</view> <view class="number nowrap">{{chains.stone}}</view>
</view> </view>
<view class="header-item"> <view class="header-item">
<view class="title">当前能量球价值<uni-icons class="help-icon" @click="showHelp('up')" type="help-filled" size="15" color="rgba(255,255,255,.3)" /></view> <view class="title">当前能量球价值
<uni-icons class="help-icon" @click="showHelp('up')" type="help-filled" size="15"
color="rgba(255,255,255,.3)" />
</view>
<view class="number nowrap">{{chains.up}}</view> <view class="number nowrap">{{chains.up}}</view>
</view> </view>
<view class="header-item"> <view class="header-item">
<view class="title">昨日瓜分能量碎片<uni-icons class="help-icon" @click="showHelp('score')" type="help-filled" size="15" color="rgba(255,255,255,.3)" /></view> <view class="title">昨日瓜分能量碎片
<uni-icons class="help-icon" @click="showHelp('score')" type="help-filled" size="15"
color="rgba(255,255,255,.3)" />
</view>
<view class="number nowrap">{{chains.score}}</view> <view class="number nowrap">{{chains.score}}</view>
</view> </view>
<view class="header-item"> <view class="header-item">
<view class="title">区块链高度<uni-icons class="help-icon" @click="showHelp('height')" type="help-filled" size="15" color="rgba(255,255,255,.3)" /></view> <view class="title">区块链高度
<uni-icons class="help-icon" @click="showHelp('height')" type="help-filled" size="15"
color="rgba(255,255,255,.3)" />
</view>
<view class="number nowrap">{{chains.height}}</view> <view class="number nowrap">{{chains.height}}</view>
</view> </view>
<view class="header-item"> <view class="header-item">
<view class="title">已开通节点数<uni-icons class="help-icon" @click="showHelp('number')" type="help-filled" size="15" color="rgba(255,255,255,.3)" /></view> <view class="title">已开通节点数
<uni-icons class="help-icon" @click="showHelp('number')" type="help-filled" size="15"
color="rgba(255,255,255,.3)" />
</view>
<view class="number nowrap">{{chains.number}}</view> <view class="number nowrap">{{chains.number}}</view>
</view> </view>
</view> </view>
@@ -97,36 +121,40 @@
</template> </template>
<script> <script>
import { chain, crystals, thawlog } from '@/apis/interfaces/chain' import {
chain,
crystals,
thawlog
} from '@/apis/interfaces/chain'
import F2 from '@/uni_modules/lime-f2/components/lime-f2/f2.min.js' import F2 from '@/uni_modules/lime-f2/components/lime-f2/f2.min.js'
import lF2 from '@/uni_modules/lime-f2/components/lime-f2/' import lF2 from '@/uni_modules/lime-f2/components/lime-f2/'
export default { export default {
components:{ components: {
lF2 lF2
}, },
data() { data() {
return { return {
isAuth : false, isAuth: false,
chains : { // 区块链统计 chains: { // 区块链统计
balance : 0, balance: 0,
height : 0, height: 0,
number : 0, number: 0,
score : 0, score: 0,
up : 0, up: 0,
stone : 0 stone: 0
}, },
account : { // 账户 account: { // 账户
coin : 0, coin: 0,
crystal : 0 crystal: 0
}, },
crystalArr : [], // 待领取 crystalArr: [], // 待领取
allIds : [], // 可领取ids allIds: [], // 可领取ids
categoryArr : [], // 推荐列表 categoryArr: [], // 推荐列表
help : {}, // 帮助信息 help: {}, // 帮助信息
userAuth : { // 用户认证状态 userAuth: { // 用户认证状态
certification : false, certification: false,
company : false, company: false,
vip : false vip: false
} }
}; };
}, },
@@ -134,7 +162,7 @@
this.isAuth = this.$store.state.token != '' this.isAuth = this.$store.state.token != ''
this.getIndex() this.getIndex()
}, },
methods:{ methods: {
// 求助信息 // 求助信息
showHelp(key) { showHelp(key) {
uni.showModal({ uni.showModal({
@@ -145,52 +173,70 @@
}) })
}, },
// 查看钱包账户 // 查看钱包账户
navAccount(pathName){ navAccount(pathName) {
console.log(1111) console.log(1111)
if(!this.isAuth){ if (!this.isAuth) {
this.$Router.push({name: 'Login'}) this.$Router.push({
name: 'Login'
})
return return
} }
this.$Router.push({name: pathName}) this.$Router.push({
name: pathName
})
}, },
// 发权证 // 发权证
issueGoosd(){ issueGoosd() {
let typeAuth = '', let typeAuth = '',
pathName = '' pathName = ''
if(this.userAuth.certification && this.userAuth.company && this.userAuth.vip){ if (this.userAuth.certification && this.userAuth.company && this.userAuth.vip) {
this.$Router.push({name: 'goodsManagement'}) this.$Router.push({
name: 'goodsManagement'
})
return return
} } else if (!this.userAuth.certification) {
if(!this.userAuth.certification) {
typeAuth = '暂未完成个人认证，无法发布商品权证' typeAuth = '暂未完成个人认证，无法发布商品权证'
pathName = 'Personal' pathName = 'Personal'
} } else if (!this.userAuth.vip) {
if(!this.userAuth.company) { typeAuth = '暂未开通平台VIP会员节点，无法发布商品权证'
typeAuth = '暂未开通平台会员节点，无法发布商品权证'
pathName = 'vipIndex' pathName = 'vipIndex'
} } else if (!this.userAuth.company) {
if(!this.userAuth.vip) {
typeAuth = '企业未认证或企业认证审核中，无法发布商品权证' typeAuth = '企业未认证或企业认证审核中，无法发布商品权证'
pathName = 'User' pathName = 'setting'
} }
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: typeAuth, content: typeAuth,
cancelColor: '#555', cancelColor: '#555',
cancelText: '稍后', cancelText: '稍后',
confirmText: pathName === 'vipIndex' ? '去开通': '去认证', confirmText: pathName === 'vipIndex' ? '去开通' : '去认证',
confirmColor: '#8b64fd', confirmColor: '#8b64fd',
success: res => { success: res => {
console.log(pathName) console.log(pathName)
if(res.confirm) { if (res.confirm) {
if(pathName === 'User'){ // if (pathName === 'setting') {
this.$Router.pushTab({name: pathName}) // this.$Router.pushTab({
// name: pathName
// })
// return
// }
if (pathName === 'vipIndex') {
console.log(this.userAuth.identity)
this.$Router.push({
name: 'vipIndex',
params: {
identity_id: this.userAuth.identity
}
})
return return
} }
this.$Router.push({name: pathName})
this.$Router.push({
name: pathName
})
} }
} }
}) })
@@ -228,36 +274,37 @@
}) })
}, },
// occ信息 // occ信息
getIndex(){ getIndex() {
Promise.all([crystals(), chain()]).then(res=>{ Promise.all([crystals(), chain()]).then(res => {
let crystalsData = res[0], let crystalsData = res[0],
occData = res[1] occData = res[1]
if(!crystalsData.needLogin){ if (!crystalsData.needLogin) {
this.account = { this.account = {
coin : crystalsData.coin, coin: crystalsData.coin,
crystal : crystalsData.crystal crystal: crystalsData.crystal
} }
this.userAuth = { this.userAuth = {
certification : crystalsData.is_certification, certification: crystalsData.is_certification,
company : crystalsData.is_company, company: crystalsData.is_company,
vip : crystalsData.is_vip vip: crystalsData.is_vip,
identity: crystalsData.identity
} }
this.crystalArr = crystalsData.crystal_array this.crystalArr = crystalsData.crystal_array
this.allIds = crystalsData.all_ids this.allIds = crystalsData.all_ids
} }
this.chains = occData.data this.chains = occData.data
this.categoryArr = occData.tasks this.categoryArr = occData.tasks
this.help = occData.help this.help = occData.help
this.showCartc(occData.movement) this.showCartc(occData.movement)
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({
title: err.message, title: err.message,
icon : 'none' icon: 'none'
}) })
}) })
}, },
// 绘制图表 // 绘制图表
showCartc(data){ showCartc(data) {
// 图表信息 // 图表信息
this.$refs.chartChange.init(config => { this.$refs.chartChange.init(config => {
config.appendPadding = [10, 30, 10, 15] config.appendPadding = [10, 30, 10, 15]
@@ -279,12 +326,12 @@
}); });
chart.area() chart.area()
.position('date*value') .position('date*value')
.color('name', [ '#5881d3', '#ca66e0' ]) .color('name', ['#5881d3', '#ca66e0'])
.shape('smooth') .shape('smooth')
chart.line() chart.line()
.position('date*value') .position('date*value')
.color('name', [ '#5881d3', '#ca66e0' ]) .color('name', ['#5881d3', '#ca66e0'])
.shape('smooth', name=> { .shape('smooth', name => {
if (name === '预期收益率') { if (name === '预期收益率') {
return 'line'; return 'line';
} }
@@ -292,33 +339,37 @@
return 'line'; return 'line';
} }
}); });
chart.render(); chart.render();
return chart; return chart;
}) })
}, },
// 能量跳转 // 能量跳转
JumpUrl(open, title) { JumpUrl(open, title) {
var type = open.openType; var type = open.openType;
switch(type){ switch (type) {
case 'switchTab': case 'switchTab':
this.$Router.pushTab({name: open.path}) this.$Router.pushTab({
break; name: open.path
case 'web': })
window.location.href = open.path break;
break; case 'web':
case 'navigateTo': window.location.href = open.path
this.$Router.push({name: open.path}) break;
break; case 'navigateTo':
} this.$Router.push({
} name: open.path
})
break;
}
}
} }
} }
</script> </script>
<style scoped> <style scoped>
/* 星球旋转 */ /* 星球旋转 */
.ball{ .ball {
position: absolute; position: absolute;
height: 480rpx; height: 480rpx;
width: 480rpx; width: 480rpx;
@@ -336,9 +387,10 @@
-o-animation: move-map 60s infinite linear; -o-animation: move-map 60s infinite linear;
-ms-animation: move-map 60s infinite linear; -ms-animation: move-map 60s infinite linear;
animation: move-map 60s infinite linear; animation: move-map 60s infinite linear;
box-shadow: 0 0 50rpx 50rpx rgba(31,25,34, .2); box-shadow: 0 0 50rpx 50rpx rgba(31, 25, 34, .2);
} }
.shadow{
.shadow {
position: absolute; position: absolute;
top: 1%; top: 1%;
left: 5%; left: 5%;
@@ -347,10 +399,11 @@
border-radius: 50%; border-radius: 50%;
filter: blur(5px); filter: blur(5px);
z-index: 3; z-index: 3;
background: radial-gradient(circle at 50% 0, rgba(255,255,255, .6) , rgba(255, 255, 255, .0) 58%); background: radial-gradient(circle at 50% 0, rgba(255, 255, 255, .6), rgba(255, 255, 255, .0) 58%);
} }
.ball:before, .ball:before,
.ball::after{ .ball::after {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -361,30 +414,50 @@
filter: blur(5px); filter: blur(5px);
z-index: 2; z-index: 2;
} }
.ball:before { .ball:before {
background: radial-gradient(circle at 100% 50%, #5881d3 , rgba(255, 255, 255, .0) 45%); background: radial-gradient(circle at 100% 50%, #5881d3, rgba(255, 255, 255, .0) 45%);
} }
.ball::after { .ball::after {
background: radial-gradient(circle at 0 50%, #ca66e0 , rgba(255, 255, 255, .0) 45%); background: radial-gradient(circle at 0 50%, #ca66e0, rgba(255, 255, 255, .0) 45%);
} }
@-webkit-keyframes move-map { @-webkit-keyframes move-map {
0% {background-position: -1616rpx 0; } 0% {
100% {background-position: 0 0;} background-position: -1616rpx 0;
}
100% {
background-position: 0 0;
}
} }
@-ms-keyframes move-map { @-ms-keyframes move-map {
0% {background-position: -1616rpx 0; } 0% {
100% {background-position: 0 0;} background-position: -1616rpx 0;
}
100% {
background-position: 0 0;
}
} }
@keyframes move-map { @keyframes move-map {
0% {background-position: -1616rpx 0; } 0% {
100% {background-position: 0 0;} background-position: -1616rpx 0;
}
100% {
background-position: 0 0;
}
} }
/* 水晶漂浮动画 */ /* 水晶漂浮动画 */
.oct-float { .oct-float {
animation: 4s octfloat infinite; animation: 4s octfloat infinite;
} }
@keyframes octfloat { @keyframes octfloat {
0% { 0% {
margin-top: 0; margin-top: 0;
@@ -401,34 +474,39 @@
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.content{ .content {
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
background: #1f1922; background: #1f1922;
overflow: hidden; overflow: hidden;
} }
// 平台概况 // 平台概况
.situation{ .situation {
margin: 0 $margin; margin: 0 $margin;
background-image: linear-gradient(to bottom, $block-color, #1f1922); background-image: linear-gradient(to bottom, $block-color, #1f1922);
border-radius: $radius; border-radius: $radius;
padding: $padding $padding/2 $padding*2; padding: $padding $padding/2 $padding*2;
// 平台统计 // 平台统计
.header{ .header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-bottom: $padding; padding-bottom: $padding;
.number{
.number {
color: white; color: white;
font-size: $title-size; font-size: $title-size;
font-weight: bold; font-weight: bold;
line-height: 70rpx; line-height: 70rpx;
} }
.title{
.title {
color: rgba($color: white, $alpha: .4); color: rgba($color: white, $alpha: .4);
font-size: $title-size-sm; font-size: $title-size-sm;
line-height: 40rpx; line-height: 40rpx;
} }
.header-item{
.header-item {
width: 50%; width: 50%;
padding: $padding / 2; padding: $padding / 2;
padding-bottom: $padding; padding-bottom: $padding;
@@ -441,30 +519,35 @@
// } // }
} }
} }
// 图表 // 图表
.chart{ .chart {
background: rgba($color: $block-color, $alpha: .8); background: rgba($color: $block-color, $alpha: .8);
padding: $padding/2; padding: $padding/2;
border-radius: $radius/2; border-radius: $radius/2;
.title{
.title {
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;
color: rgba($color: #FFFFFF, $alpha: .4); color: rgba($color: #FFFFFF, $alpha: .4);
font-size: $title-size-sm; font-size: $title-size-sm;
} }
.chart-f2{
.chart-f2 {
height: 200px; height: 200px;
} }
} }
} }
// 数据统计 // 数据统计
.header-total{ .header-total {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 99; z-index: 99;
background: #1f1922; background: #1f1922;
.total { .total {
position: relative; position: relative;
margin: $margin/2 $margin; margin: $margin/2 $margin;
@@ -472,6 +555,7 @@
padding: 0; padding: 0;
display: flex; display: flex;
border-radius: $radius; border-radius: $radius;
.item { .item {
width: 50%; width: 50%;
padding: 0 $padding; padding: 0 $padding;
@@ -479,7 +563,8 @@
color: white; color: white;
font-size: $title-size-sm; font-size: $title-size-sm;
line-height: 76rpx; line-height: 76rpx;
image{
image {
width: 38rpx; width: 38rpx;
height: 38rpx; height: 38rpx;
vertical-align: top; vertical-align: top;
@@ -499,22 +584,26 @@
} }
} }
} }
// 求助icon // 求助icon
.help-icon{ .help-icon {
margin-left: $margin/3; margin-left: $margin/3;
opacity: .7; opacity: .7;
} }
// 矿石 // 矿石
.ore { .ore {
margin-top: 76rpx; margin-top: 76rpx;
position: relative; position: relative;
padding-top: 120%; padding-top: 120%;
&>image { &>image {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
} }
.ore-lists { .ore-lists {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -522,16 +611,19 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
z-index: 1; z-index: 1;
.oct-float-item{
.oct-float-item {
position: absolute; position: absolute;
text-align: center; text-align: center;
.text { .text {
color: white; color: white;
font-size: $title-size-sm - 4; font-size: $title-size-sm - 4;
line-height: 40rpx; line-height: 40rpx;
text-shadow: 0 3rpx 3rpx rgba($color: #000000, $alpha: .2); text-shadow: 0 3rpx 3rpx rgba($color: #000000, $alpha: .2);
} }
.oct-icon{
.oct-icon {
display: inline-block; display: inline-block;
width: 58rpx; width: 58rpx;
height: 58rpx; height: 58rpx;
@@ -539,6 +631,7 @@
background: radial-gradient(circle at 50% 50%, rgba(202, 102, 224, .0) 40%, #ca66e0); background: radial-gradient(circle at 50% 50%, rgba(202, 102, 224, .0) 40%, #ca66e0);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 5rpx 5rpx rgba($color: #ca66e0, $alpha: .5); box-shadow: 0 0 5rpx 5rpx rgba($color: #ca66e0, $alpha: .5);
.icon { .icon {
margin-top: 10rpx; margin-top: 10rpx;
height: 38rpx; height: 38rpx;
@@ -546,25 +639,30 @@
} }
} }
} }
.ore-item-nav{
.ore-item-nav {
@extend .oct-float-item; @extend .oct-float-item;
right: $margin; right: $margin;
top: 12%; top: 12%;
} }
.ore-item { .ore-item {
@extend .oct-float-item; @extend .oct-float-item;
} }
.oct-login{
.oct-login {
@extend .oct-float-item; @extend .oct-float-item;
left: 42%; left: 42%;
top: 45%; top: 45%;
} }
} }
} }
// 任务 // 任务
.task-block { .task-block {
white-space: nowrap; white-space: nowrap;
margin-bottom: $margin; margin-bottom: $margin;
.item { .item {
background: $block-color; background: $block-color;
display: inline-block; display: inline-block;
@@ -573,12 +671,15 @@
border-radius: $radius; border-radius: $radius;
text-align: center; text-align: center;
padding: ($padding - 10) $padding/2; padding: ($padding - 10) $padding/2;
&:first-child { &:first-child {
margin-left: $margin; margin-left: $margin;
} }
&:last-child { &:last-child {
margin-right: $margin; margin-right: $margin;
} }
.icon { .icon {
display: inline-block; display: inline-block;
margin: ($margin/2) 0; margin: ($margin/2) 0;
@@ -588,24 +689,28 @@
background: #1f183d; background: #1f183d;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
image { image {
width: 56rpx; width: 56rpx;
height: 56rpx; height: 56rpx;
vertical-align: middle; vertical-align: middle;
} }
} }
.text { .text {
font-size: $title-size-sm; font-size: $title-size-sm;
color: rgba($color: white, $alpha: .4); color: rgba($color: white, $alpha: .4);
line-height: 40rpx; line-height: 40rpx;
} }
.title { .title {
font-size: $title-size-lg; font-size: $title-size-lg;
color: white; color: white;
font-weight: bold; font-weight: bold;
line-height: 50rpx; line-height: 50rpx;
} }
.submit-title{
.submit-title {
font-size: $title-size-sm - 4; font-size: $title-size-sm - 4;
color: rgba($color: white, $alpha: .4); color: rgba($color: white, $alpha: .4);
line-height: 40rpx; line-height: 40rpx;

9
pages/vip/vip.vue
View File

@@ -111,7 +111,7 @@
<view class="footer" > <view class="footer" >
<image class="footer-btn" v-if="identitie[tabsIndex].can.show_button && voucher === ''" :src="identitie[tabsIndex].button_cover" mode="widthFix" @click="openOrder" /> <image class="footer-btn" v-if="identitie[tabsIndex].can.show_button && voucher === ''" :src="identitie[tabsIndex].button_cover" mode="widthFix" @click="openOrder" />
<view class="current-btn-sh" v-if="identitie[tabsIndex].can.show_button && voucher !== ''" @click="openOrder" >{{voucher.status.value === 1?'申请审核中':''}}{{voucher.status.value === 3?'申请被驳回查看原因':''}}</view> <view class="current-btn-sh" v-if="identitie[tabsIndex].can.show_button && voucher !== ''" @click="openOrder" >{{voucher.status.value === 1?'申请审核中':''}}{{voucher.status.value === 3?'申请被驳回查看原因':''}}</view>
<view class="current-btn-sh" v-if="!identitie[tabsIndex].can.show_button && voucher === ''">已开通</view> <!-- <view class="current-btn-sh" v-if="!identitie[tabsIndex].can.show_button && voucher === ''">已开通</view> -->
<view class="ios-bottom"></view> <view class="ios-bottom"></view>
</view> </view>
</view> </view>
@@ -177,7 +177,12 @@
}); });
this.identitie = res.identities this.identitie = res.identities
if (type === 'cre') { if (type === 'cre') {
this.tabsIndex = res.identities.findIndex(val => val.identity_id == this.$Route.query.identity_id) let Index = res.identities.findIndex(val => val.identity_id == this.$Route.query.identity_id)
if(Index+1 === res.identities){
this.tabsIndex = Index
}else{
this.tabsIndex = Index+1
}
} }
this.openCondition = res.identities[this.tabsIndex].obj_condition this.openCondition = res.identities[this.tabsIndex].obj_condition
this.rights = res.identities[this.tabsIndex].rights this.rights = res.identities[this.tabsIndex].rights

110
unpackage/dist/dev/app-plus/app-service.js vendored
View File

@@ -2130,6 +2130,30 @@ __webpack_require__.r(__webpack_exports__);
@@ -2152,6 +2176,10 @@ __webpack_require__.r(__webpack_exports__);
var _chain = __webpack_require__(/*! @/apis/interfaces/chain */ 25); var _chain = __webpack_require__(/*! @/apis/interfaces/chain */ 25);
var _f2Min = _interopRequireDefault(__webpack_require__(/*! @/uni_modules/lime-f2/components/lime-f2/f2.min.js */ 31)); var _f2Min = _interopRequireDefault(__webpack_require__(/*! @/uni_modules/lime-f2/components/lime-f2/f2.min.js */ 31));
var _limeF = _interopRequireDefault(__webpack_require__(/*! @/uni_modules/lime-f2/components/lime-f2/ */ 33));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };} // var _limeF = _interopRequireDefault(__webpack_require__(/*! @/uni_modules/lime-f2/components/lime-f2/ */ 33));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };} //
// //
@@ -2251,6 +2279,30 @@ var _limeF = _interopRequireDefault(__webpack_require__(/*! @/uni_modules/lime-f
// //
// //
// //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var _default = { components: { lF2: _limeF.default }, data: function data() {return { isAuth: false, chains: { // 区块链统计 var _default = { components: { lF2: _limeF.default }, data: function data() {return { isAuth: false, chains: { // 区块链统计
balance: 0, height: 0, number: 0, score: 0, up: 0, stone: 0 }, account: { // 账户 balance: 0, height: 0, number: 0, score: 0, up: 0, stone: 0 }, account: { // 账户
coin: 0, crystal: 0 }, crystalArr: [], // 待领取 coin: 0, crystal: 0 }, crystalArr: [], // 待领取
@@ -2260,23 +2312,17 @@ var _default = { components: { lF2: _limeF.default }, data: function data() {ret
userAuth: { // 用户认证状态 userAuth: { // 用户认证状态
certification: false, company: false, vip: false } };}, onShow: function onShow() {this.isAuth = this.$store.state.token != '';this.getIndex();}, methods: { // 求助信息 certification: false, company: false, vip: false } };}, onShow: function onShow() {this.isAuth = this.$store.state.token != '';this.getIndex();}, methods: { // 求助信息
showHelp: function showHelp(key) {uni.showModal({ title: '提示', content: this.help[key], showCancel: false, confirmColor: '#8b64fd' });}, // 查看钱包账户 showHelp: function showHelp(key) {uni.showModal({ title: '提示', content: this.help[key], showCancel: false, confirmColor: '#8b64fd' });}, // 查看钱包账户
navAccount: function navAccount(pathName) {__f__("log", 1111, " at pages/index/index.vue:150");if (!this.isAuth) {this.$Router.push({ name: 'Login' });return;}this.$Router.push({ name: pathName });}, // 发权证 navAccount: function navAccount(pathName) {__f__("log", 1111, " at pages/index/index.vue:178");if (!this.isAuth) {this.$Router.push({ name: 'Login' });return;}this.$Router.push({ name: pathName });}, // 发权证
issueGoosd: function issueGoosd() {var _this = this;var typeAuth = '',pathName = '';if (this.userAuth.certification && this.userAuth.company && this.userAuth.vip) {this.$Router.push({ name: 'goodsManagement' });return;}if (!this.userAuth.certification) {typeAuth = '暂未完成个人认证，无法发布商品权证';pathName = 'Personal';}if (!this.userAuth.company) {typeAuth = '暂未开通平台会员节点，无法发布商品权证';pathName = 'vipIndex';}if (!this.userAuth.vip) {typeAuth = '企业未认证或企业认证审核中，无法发布商品权证';pathName = 'User';}uni.showModal({ title: '提示', content: typeAuth, cancelColor: '#555', cancelText: '稍后', confirmText: pathName === 'vipIndex' ? '去开通' : '去认证', confirmColor: '#8b64fd', success: function success(res) {__f__("log", pathName, " at pages/index/index.vue:187");if (res.confirm) {if (pathName === 'User') {_this.$Router.pushTab({ name: pathName });return;}_this.$Router.push({ name: pathName });}} });}, // 领取能量碎片 issueGoosd: function issueGoosd() {var _this = this;var typeAuth = '',pathName = '';if (this.userAuth.certification && this.userAuth.company && this.userAuth.vip) {this.$Router.push({ name: 'goodsManagement' });return;} else if (!this.userAuth.certification) {typeAuth = '暂未完成个人认证，无法发布商品权证';pathName = 'Personal';} else if (!this.userAuth.vip) {typeAuth = '暂未开通平台VIP会员节点，无法发布商品权证';pathName = 'vipIndex';} else if (!this.userAuth.company) {typeAuth = '企业未认证或企业认证审核中，无法发布商品权证';pathName = 'setting';}uni.showModal({ title: '提示', content: typeAuth, cancelColor: '#555', cancelText: '稍后', confirmText: pathName === 'vipIndex' ? '去开通' : '去认证', confirmColor: '#8b64fd', success: function success(res) {__f__("log", pathName, " at pages/index/index.vue:218");if (res.confirm) {// if (pathName === 'setting') {
// this.$Router.pushTab({
// name: pathName
// })
// return
// }
if (pathName === 'vipIndex') {__f__("log", _this.userAuth.identity, " at pages/index/index.vue:227");_this.$Router.push({ name: 'vipIndex', params: { identity_id: _this.userAuth.identity } });return;}_this.$Router.push({ name: pathName });}} });}, // 领取能量碎片
ledCrystal: function ledCrystal(index) {var _this2 = this; // 播放音频 ledCrystal: function ledCrystal(index) {var _this2 = this; // 播放音频
var innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;innerAudioContext.src = __webpack_require__(/*! @/static/mp3/crystal.mp3 */ 43); // 请求接口 var innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;innerAudioContext.src = __webpack_require__(/*! @/static/mp3/crystal.mp3 */ 43); // 请求接口
(0, _chain.thawlog)({ thaw_id: this.crystalArr[index].log_id, all_ids: this.allIds }).then(function (res) {uni.showToast({ image: __webpack_require__(/*! @/static/icons/crystal-icon.png */ 44), title: '+' + _this2.crystalArr[index].amount, duration: 2000 }); (0, _chain.thawlog)({ thaw_id: this.crystalArr[index].log_id, all_ids: this.allIds }).then(function (res) {uni.showToast({ image: __webpack_require__(/*! @/static/icons/crystal-icon.png */ 44), title: '+' + _this2.crystalArr[index].amount, duration: 2000 });_this2.$set(_this2.account, 'crystal', res.crystal);_this2.ids = res.all_ids;if (JSON.stringify(res.last) === '[]') {_this2.$set(_this2.crystalArr, index, { amount: null });return;}_this2.$set(_this2.crystalArr, index, res.last);}).catch(function (err) {uni.showToast({ icon: 'none',
_this2.$set(_this2.account, 'crystal', res.crystal);
_this2.ids = res.all_ids;
if (JSON.stringify(res.last) === '[]') {
_this2.$set(_this2.crystalArr, index, {
amount: null });
return;
}
_this2.$set(_this2.crystalArr, index, res.last);
}).catch(function (err) {
uni.showToast({
icon: 'none',
title: err }); title: err });
}); });
@@ -2294,7 +2340,8 @@ var _default = { components: { lF2: _limeF.default }, data: function data() {ret
_this3.userAuth = { _this3.userAuth = {
certification: crystalsData.is_certification, certification: crystalsData.is_certification,
company: crystalsData.is_company, company: crystalsData.is_company,
vip: crystalsData.is_vip }; vip: crystalsData.is_vip,
identity: crystalsData.identity };
_this3.crystalArr = crystalsData.crystal_array; _this3.crystalArr = crystalsData.crystal_array;
_this3.allIds = crystalsData.all_ids; _this3.allIds = crystalsData.all_ids;
@@ -2356,13 +2403,17 @@ var _default = { components: { lF2: _limeF.default }, data: function data() {ret
var type = open.openType; var type = open.openType;
switch (type) { switch (type) {
case 'switchTab': case 'switchTab':
this.$Router.pushTab({ name: open.path }); this.$Router.pushTab({
name: open.path });
break; break;
case 'web': case 'web':
window.location.href = open.path; window.location.href = open.path;
break; break;
case 'navigateTo': case 'navigateTo':
this.$Router.push({ name: open.path }); this.$Router.push({
name: open.path });
break;} break;}
} } };exports.default = _default; } } };exports.default = _default;
@@ -14523,20 +14574,9 @@ var render = function() {
] ]
) )
: _vm._e(), : _vm._e(),
_vm._$s(
58,
"i",
!_vm.identitie[_vm.tabsIndex].can.show_button &&
_vm.voucher === ""
)
? _c("view", {
staticClass: _vm._$s(58, "sc", "current-btn-sh"),
attrs: { _i: 58 }
})
: _vm._e(),
_c("view", { _c("view", {
staticClass: _vm._$s(59, "sc", "ios-bottom"), staticClass: _vm._$s(58, "sc", "ios-bottom"),
attrs: { _i: 59 } attrs: { _i: 58 }
}) })
] ]
) )
@@ -14773,7 +14813,12 @@ var _uploading = __webpack_require__(/*! @/apis/interfaces/uploading */ 97);func
}); });
_this.identitie = res.identities; _this.identitie = res.identities;
if (type === 'cre') { if (type === 'cre') {
_this.tabsIndex = res.identities.findIndex(function (val) {return val.identity_id == _this.$Route.query.identity_id;}); var Index = res.identities.findIndex(function (val) {return val.identity_id == _this.$Route.query.identity_id;});
if (Index + 1 === res.identities) {
_this.tabsIndex = Index;
} else {
_this.tabsIndex = Index + 1;
}
} }
_this.openCondition = res.identities[_this.tabsIndex].obj_condition; _this.openCondition = res.identities[_this.tabsIndex].obj_condition;
_this.rights = res.identities[_this.tabsIndex].rights; _this.rights = res.identities[_this.tabsIndex].rights;
@@ -20934,6 +20979,7 @@ var _uploading = __webpack_require__(/*! @/apis/interfaces/uploading */ 97);func
methods: { methods: {
// picker选择 // picker选择
pickerChange: function pickerChange(e, key) { pickerChange: function pickerChange(e, key) {
__f__("log", key, e.detail.value, " at pages/goods/goodsAuth.vue:100");
this[key] = e.detail.value; this[key] = e.detail.value;
}, },
// 图片预览 // 图片预览

13
unpackage/dist/dev/app-plus/app-view.js vendored
View File

@@ -2401,7 +2401,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/static/background/
exports = ___CSS_LOADER_API_IMPORT___(false); exports = ___CSS_LOADER_API_IMPORT___(false);
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___); var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
// Module // Module
exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 星球旋转 */\n.ball[data-v-2be84a3c]{\n\tposition: absolute;\n\theight: 480rpx;\n\twidth: 480rpx;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-top: -240rpx;\n\tmargin-left: -240rpx;\n\tborder-radius: 50%;\n\t-webkit-transform-style: preserve-3d;\n\tbackground: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") repeat-x;\n\t/* background-size: auto 100%; */\n\tbackground-size: 1616rpx;\n\t-webkit-animation: move-map-data-v-2be84a3c 60s infinite linear;\n\tanimation: move-map-data-v-2be84a3c 60s infinite linear;\n\tbox-shadow: 0 0 50rpx 50rpx rgba(31,25,34, .2);\n}\n.shadow[data-v-2be84a3c]{\n\tposition: absolute;\n\ttop: 1%;\n\tleft: 5%;\n\twidth: 90%;\n\theight: 90%;\n\tborder-radius: 50%;\n\t-webkit-filter: blur(5px);\n\t filter: blur(5px);\n\tz-index: 3;\n\tbackground: radial-gradient(circle at 50% 0, rgba(255,255,255, .6) , rgba(255, 255, 255, .0) 58%);\n}\n.ball[data-v-2be84a3c]:before,\n.ball[data-v-2be84a3c]::after{\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tcontent: \"\";\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: 50%;\n\t-webkit-filter: blur(5px);\n\t filter: blur(5px);\n\tz-index: 2;\n}\n.ball[data-v-2be84a3c]:before {\n\tbackground: radial-gradient(circle at 100% 50%, #5881d3 , rgba(255, 255, 255, .0) 45%);\n}\n.ball[data-v-2be84a3c]::after {\n\tbackground: radial-gradient(circle at 0 50%, #ca66e0 , rgba(255, 255, 255, .0) 45%);\n}\n@-webkit-keyframes move-map-data-v-2be84a3c {\n0% {background-position: -1616rpx 0;\n}\n100% {background-position: 0 0;}\n}\n@keyframes move-map-data-v-2be84a3c {\n0% {background-position: -1616rpx 0;\n}\n100% {background-position: 0 0;}\n}\n/* 水晶漂浮动画 */\n.oct-float[data-v-2be84a3c] {\n\t-webkit-animation: 4s octfloat-data-v-2be84a3c infinite;\n\t animation: 4s octfloat-data-v-2be84a3c infinite;\n}\n@-webkit-keyframes octfloat-data-v-2be84a3c {\n0% {\n\t\tmargin-top: 0;\n}\n50% {\n\t\tmargin-top: 10rpx;\n}\n100% {\n\t\tmargin-top: 0;\n}\n}\n@keyframes octfloat-data-v-2be84a3c {\n0% {\n\t\tmargin-top: 0;\n}\n50% {\n\t\tmargin-top: 10rpx;\n}\n100% {\n\t\tmargin-top: 0;\n}\n}\n", ""]); exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 星球旋转 */\n.ball[data-v-2be84a3c] {\n\tposition: absolute;\n\theight: 480rpx;\n\twidth: 480rpx;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-top: -240rpx;\n\tmargin-left: -240rpx;\n\tborder-radius: 50%;\n\t-webkit-transform-style: preserve-3d;\n\tbackground: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") repeat-x;\n\t/* background-size: auto 100%; */\n\tbackground-size: 1616rpx;\n\t-webkit-animation: move-map-data-v-2be84a3c 60s infinite linear;\n\tanimation: move-map-data-v-2be84a3c 60s infinite linear;\n\tbox-shadow: 0 0 50rpx 50rpx rgba(31, 25, 34, .2);\n}\n.shadow[data-v-2be84a3c] {\n\tposition: absolute;\n\ttop: 1%;\n\tleft: 5%;\n\twidth: 90%;\n\theight: 90%;\n\tborder-radius: 50%;\n\t-webkit-filter: blur(5px);\n\t filter: blur(5px);\n\tz-index: 3;\n\tbackground: radial-gradient(circle at 50% 0, rgba(255, 255, 255, .6), rgba(255, 255, 255, .0) 58%);\n}\n.ball[data-v-2be84a3c]:before,\n.ball[data-v-2be84a3c]::after {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tcontent: \"\";\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: 50%;\n\t-webkit-filter: blur(5px);\n\t filter: blur(5px);\n\tz-index: 2;\n}\n.ball[data-v-2be84a3c]:before {\n\tbackground: radial-gradient(circle at 100% 50%, #5881d3, rgba(255, 255, 255, .0) 45%);\n}\n.ball[data-v-2be84a3c]::after {\n\tbackground: radial-gradient(circle at 0 50%, #ca66e0, rgba(255, 255, 255, .0) 45%);\n}\n@-webkit-keyframes move-map-data-v-2be84a3c {\n0% {\n\t\tbackground-position: -1616rpx 0;\n}\n100% {\n\t\tbackground-position: 0 0;\n}\n}\n@keyframes move-map-data-v-2be84a3c {\n0% {\n\t\tbackground-position: -1616rpx 0;\n}\n100% {\n\t\tbackground-position: 0 0;\n}\n}\n/* 水晶漂浮动画 */\n.oct-float[data-v-2be84a3c] {\n\t-webkit-animation: 4s octfloat-data-v-2be84a3c infinite;\n\t animation: 4s octfloat-data-v-2be84a3c infinite;\n}\n@-webkit-keyframes octfloat-data-v-2be84a3c {\n0% {\n\t\tmargin-top: 0;\n}\n50% {\n\t\tmargin-top: 10rpx;\n}\n100% {\n\t\tmargin-top: 0;\n}\n}\n@keyframes octfloat-data-v-2be84a3c {\n0% {\n\t\tmargin-top: 0;\n}\n50% {\n\t\tmargin-top: 10rpx;\n}\n100% {\n\t\tmargin-top: 0;\n}\n}\n", ""]);
// Exports // Exports
module.exports = exports; module.exports = exports;
@@ -6381,16 +6381,9 @@ var render = function() {
[_vm._v(_vm._$g(57, "t0-0") + _vm._$g(57, "t0-1"))] [_vm._v(_vm._$g(57, "t0-0") + _vm._$g(57, "t0-1"))]
) )
: _vm._e(), : _vm._e(),
_vm._$g(58, "i")
? _c(
"v-uni-view",
{ staticClass: _vm._$g(58, "sc"), attrs: { _i: 58 } },
[_vm._v("已开通")]
)
: _vm._e(),
_c("v-uni-view", { _c("v-uni-view", {
staticClass: _vm._$g(59, "sc"), staticClass: _vm._$g(58, "sc"),
attrs: { _i: 59 } attrs: { _i: 58 }
}) })
], ],
1 1