<template>
<div>
    <header class="mui-bar mui-bar-nav vongi-bar">
				<a class="mui-title">饭卡</a>
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			</header>
			<div class="mui-content vongi-eat">
				<div class=""></div>
				<div class="vongi-opendoor">
					<div class="flew-items flew-sp">
						<div class="">
							我的余额
							<h1>
								<i class="iconfont icon-md-account_balance_wallet"></i>
								50.00
							</h1>
						</div>
						<button class="mui-btn mui-btn-grey">充值</button>
						<!--<button class="mui-btn mui-btn-primary">充值</button>-->
					</div>
				</div>
				<ul class="mui-table-view ">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" class="mui-navigate-right">
							就餐记录
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;" class="mui-navigate-right">
							就餐记录
						</a>
					</li>
				</ul>
				<div class="mui-content-padded">
					<h4 class="margin10">功能说明：</h4>
					<p class="mui-h5">该功能仅向外协工作人员开放，饭卡充值暂不开放在线充值入口，请至办公室财务部，联系电话0716-0000000。</p>
				</div>
			</div>
</div>
</template>

<script>
</script>

<style src="$project/assets/css/iconfont.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style scoped src="$project/assets/css/xpgj.css"></style>
<style src="$project/assets/css/xsy.css"></style>
<style>
</style>
