MeetMateApp/pages/w3/ucenter.vue

<template>
	<view class="page">
		<view class="header">
			<view class="bg">
				<view class="left">
					<view class="user">
						<image class="avator" mode="widthFix" :src="myinfo.avator"></image>
						<text class="nickname">{{myinfo.nickname}}</text>
						<image class="iconV" mode="widthFix" :src="'../../static/w3/w3_icon_'+(myinfo.level+1)+'.png'">
						</image>
					</view>
					<view class="num">{{myinfo.num_gmb}}</view>
					<view class="desc">
						可用数量
						<image class="arrow" mode="widthFix" src="../../static/w3/wenhao.png"></image>
					</view>
				</view>
				<view class="right">
					<image class="icon" mode="widthFix" :src="'../../static/w3/w3_'+(myinfo.level+1)+'.png'"></image>
					<view class="desc" @click="goPage('/pages/w3/levRule')">
						查看晋升规则
						<image class="arrow" mode="widthFix" src="../../static/me/arrow_right.png"></image>
					</view>
				</view>
			</view>
		</view>
		<view class="thread"></view>
		<view class="sigin">
			<view class="btn gray" v-if="myinfo.is_signin > 0">
				已签到
			</view>
			<view class="btn" v-else @click="goSign">
				签到
			</view>
		</view>
		<view class="thread"></view>
		<view class="list_r">
			<view class="item1" @click="goPage('/pages/w3/box')"></view>
			<view class="item2" @click="goPage('/pages/w3/invite')"></view>
		</view>
		<view class="list_r">
			<view class="item3" @click="goPage('/pages/w3/tran')"></view>
			<view class="item4" @click="goPage('/pages/w3/X_bank')"></view>
		</view>
		<view class="thread"></view>
		<view class="thread"></view>
		<view class="thread"></view>

		<view class="list_item" v-for="(item,index) in list" v-if="index == 0">
			<view class="item1">
				<text class="left">{{item.name}}</text>
				<text class="right">已拓中{{item.num_have}}/{{item.num}}</text>
			</view>
			<view class="item2">
				<view class="left">
					<image class="icon" mode="widthFix" :src="'../../static/w3/box/box_'+item.id+'.png'"></image>
					<block v-if="item.num_have > 0">
						<text class="name">待解锁：{{item.num_sign}}/{{item.num_task}}天</text>
						<text class="time">开拓日期：{{item.tdate}}</text>
					</block>
				</view>
				<view class="right">
					<view class="content">
						探索需要{{item.num_dui}}个暗物质，可探索获得{{item.num_jkb}}个暗物质，周期{{item.num_limit_day}}
						天，最多可完成{{item.num}}次探索。
					</view>
					<view class="act">
						<block v-if="myinfo.is_idcheck < 1">
							<image class="icon" mode="widthFix" src="../../static/w3/tansuo.png" @click="onIdcheck()">
							</image>
						</block>
						<block v-else-if="item.num_have < 1">
							<image class="icon" mode="widthFix" src="../../static/w3/tansuo.png" @click="onGetBox()">
							</image>
						</block>
					</view>
				</view>
			</view>
		</view>




		<view class="thread2"></view>


		<DialogBoxW3 ref="DialogBoxW3"></DialogBoxW3>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				title: '',
				myinfo: {},
				platDiff: '',

				num_people: 0,
				num_diamond: 0,
				showPop: false,
				popFrom: 'bottom',
				maskClick: true,
				isPlayingState: false,

				bg_show: false,
				show_sound: false,
				swiperIndex: 0,
				data_list: [{
					"title": "",
					"author": "",
					"content": "",
					"is_show": 1
				}],
				list: [],
				tid: 0,
				audio: null,
				record_id: 0,
			}
		},
		onLoad() {
			let self = this;
		},
		onShow() {
			// uni.hideTabBar({
			// 	animation:false
			// })
			// this.loadData(1);
			// this.showBottomPlayer();
			this.loadInfo();
			this.loadBoxList();
		},
		methods: {
			goPage(page) {
				uni.navigateTo({
					url: page,
				})
			},
			loadInfo() {
				uni.request({
					url: this.$apiHost + '/Web/getinfo',
					data: {
						uuid: getApp().globalData.uuid
					},
					header: {
						"content-type": "application/json", //自定义请求头信息
					},
					success: (res) => {
						console.log("----:", res.data);
						this.myinfo = res.data;
					},
					complete: (com) => {
						// uni.hideLoading();
					},
					fail: (e) => {
						console.log("----e:", e);
					}
				});
			},
			loadBoxList() {
				let that = this;
				uni.request({
					url: this.$apiHost + "/Box/getlist", //仅为示例，并非真实接口地址。
					data: {
						uuid: getApp().globalData.uuid,
						tab: 1,
						type: 1,
					},
					header: {
						"content-type": "application/json"
					},
					success: (res) => {
						console.log("----", res.data.list);
						if (res.data.success == "yes") {
							that.list = res.data.list;
						}
					},
					complete: (com) => {
						uni.hideLoading();
					},
				});
			},
			goSign() {
				uni.showLoading({})
				let that = this;
				uni.request({
					url: this.$apiHost + "/My/signin", //仅为示例，并非真实接口地址。
					data: {
						uuid: getApp().globalData.uuid,
					},
					header: {
						"content-type": "application/json"
					},
					success: (res) => {
						console.log("----", res.data.list);
						uni.showToast({
							title: res.data.str,
							icon: 'none'
						});
						if (res.data.success == "yes") {
							this.loadInfo();
							this.loadBoxList();
						}
					},
					complete: (com) => {
						uni.hideLoading();
					},
				});
			},
			onIdcheck() {
				let that = this;
				this.$refs['DialogBoxW3'].confirm({
					title: '实名',
					content: '您未实名，实名后领取50个暗物质开启星际通行证',
					DialogType: 'inquiry',
					btn1: '',
					btn2: '',
					animation: 0
				}).then((res) => {

					uni.navigateTo({
						url: '/pages/my/idcheck',
					})

				})
			},
			onGetBox() {
				let that = this;
				this.$refs['DialogBoxW3'].confirm({
					title: '探索',
					content: '您还没有开通探索卡，快去激活吧！',
					DialogType: 'inquiry',
					btn1: '',
					btn2: '',
					animation: 0
				}).then((res) => {

					uni.navigateTo({
						url: '/pages/w3/box',
					})

				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'ucenter.scss';
</style>