veterans_H5/h5_web/pages/mine/mine.vue

<!-- 我的 -->
<template>
	<view class="mine">
		
		<!-- 背景 -->
		<view class="mine-bg"></view>
		
		<!-- 个人信息 -->
		<view class="mine-info">
			
			<!-- 头像和积分 -->
			<view class="mine-info-header">
				<view class="mine-info-header-left">
					<view class="avatar" @click="jumpPage('/pages/personalModify/personalModify')">
						<u-avatar :src="memberinfo.avatar" mode="circle" size="130"/>
					</view>
					<view class="name">{{ memberinfo.name }}</view>
				</view>
				<view class="mine-info-header-right" @click="jumpPage('/pages/progressiveIntegral/progressiveIntegral')">
					<view>进步<br/>积分</view>
					<view>688</view>
					<u-icon name="arrow-right" color="#fff" size="30"/>
				</view>
			</view>
			
			<!-- 认证 -->
			<view class="mine-info-authentication">
				<view class="mine-info-authentication-item">
					<view>退役军人</view>
					<view v-if="memberinfo.auditStatus === 0">认证中</view>
					<view v-else-if="memberinfo.auditStatus === 2">已认证</view>
					<view v-else @click="jumpPage('/pages/applyEducationCode/applyEducationCode')">未认证</view>
				</view>
				<view class="mine-info-authentication-item">
					<view>适应性培训</view>
					<view @click="jumpPage('/pages/basicTraining/basicTraining')">未认证</view>
				</view>
			</view>
			
			<!-- 个人获得 -->
			<view class="mine-info-gain">
				<view class="mine-info-gain-item">
					<view>8<text>个</text></view>
					<view>技能培训</view>
				</view>
				<view class="mine-info-gain-item">
					<view>68.5<text>小时</text></view>
					<view>学习时长</view>
				</view>
				<view class="mine-info-gain-item">
					<view>10<text>次</text></view>
					<view>获得面试</view>
				</view>
			</view>
			
			<!-- 单元格 -->
			<view class="mine-info-cell1">
				<u-cell-group :border="false">
					<u-cell-item title="我的简历" @click="jumpPage('/pages/myResume/myResume')">
						<image class="cell-icon jianli" slot="icon" src="../../static/img/jianlitongguo.png" mode=""></image>
					</u-cell-item>
					<u-cell-item title="我的投递" @click="jumpPage('/pages/myDelivery/myDelivery')">
						<image class="cell-icon toudi" slot="icon" src="../../static/img/toudimoren.png" mode=""></image>
					</u-cell-item>
					<u-cell-item title="我的面试" @click="jumpPage('/pages/myInterview/myInterview')">
						<image class="cell-icon mianshi" slot="icon" src="../../static/img/mianshi-houxuanren.png" mode=""></image>
					</u-cell-item>
				</u-cell-group>
			</view>
			<!-- 单元格 -->
			<view class="mine-info-cell1">
				<u-cell-group :border="false">
					<u-cell-item title="我的技能培训" @click="jumpPage('/pages/mySkillsTraining/mySkillsTraining')">
						<image class="cell-icon peixun" slot="icon" src="../../static/img/jinengx.png" mode=""></image>
					</u-cell-item>
					<u-cell-item title="我的评价" @click="jumpPage('/pages/myEvaluation/myEvaluation')">
						<image class="cell-icon pingjia" slot="icon" src="../../static/img/pingjia.png" mode=""></image>
					</u-cell-item>
				</u-cell-group>
			</view>
			
			<!-- 单元格 -->
			<view class="mine-info-cell1">
				<u-cell-group :border="false">
					<u-cell-item title="设置" @click="jumpPage('/pages/setting/setting')">
						<image class="cell-icon shezhi" slot="icon" src="../../static/img/shezhi.png" mode=""></image>
					</u-cell-item>
				</u-cell-group>
			</view>
		</view>
    <!-- ########################## -- 底部导航栏 -- ################################ -->
    <u-tabbar
      :list="tabbarConfig.tabbarList"
      :height="tabbarConfig.height"
      :mid-button="tabbarConfig.midButton"
      :inactive-color="tabbarConfig.inactiveColor"
      :active-color="tabbarConfig.activeColor"
      :mid-button-size="tabbarConfig.midButtonSize"
    ></u-tabbar>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
  import tabbarconfig from 'tabbarconfig.js';
  
	export default {
		name: 'Mine',
		data() {
			return {
        tabbarConfig: tabbarconfig,
				veteEducStatus: '',
				memberinfo: ''
			}
		},
		onShow() {
			this.getMemberinfo()
		},
		methods: {
			/**
			 * 获取用户基本信息
			 */
			getMemberinfo(){
				this.$u.api.getmemberinfo().then(res => {
					if (res.code === 200){
						this.memberinfo = res.data;
					} else {
						this.$refs.uToast.show({
							title: res.msg,
							type: 'error'
						})
					}
				}).catch(err => {
					this.$refs.uToast.show({
						title: err.msg,
						type: 'error'
					})
				})
			},
			/**
			 * 跳转到指定页面
			 */
			jumpPage(url) {
				this.$u.route(url)
			}
		}
	}
</script>

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