饭卡相关页面

src/assets/css/xsy.css

@@ -165,6 +165,52 @@
 	width: 42px;
     height: 42px;
 }
+.vongi-eat .vongi-opendoor{
+	height:80px;
+	margin-bottom:54px
+}
+.vongi-eat .vongi-opendoor .flew-items{
+	padding:20px 15px
+}
+.vongi-eat button{
+	border-radius: 20px;
+	padding:6px 20px;
+	min-width:30%
+}
+.vongi-eat  h1{
+	font-size:28px;
+	margin-top:10px;
+	display: flex;
+	align-items: center;
+}
+.vongi-eat  h1 i{
+	font-size:24px;
+	color:#FAAB1C;
+	margin-right:5px
+}
+.vongi-eat ul{
+	margin-bottom:20px
+}
+.vongi-eat .mui-content-padded{
+	margin:15px
+}
+.vongi-eat-dat ul li span{
+	text-align: right;
+}
+.vongi-eat-dat ul li .mui-media-body{
+	color:#999
+}
+.vongi-eat-dat .vongi-wordcard-center{
+	background:white;
+	padding:0 15px
+}
+.eat-dat-tit{
+	padding:20px 0;
+	border-bottom:1px solid #bbb
+}
+.vongi-eat-dat .vongi-wordcard-center li{
+	padding:10px 0
+}
 @media (max-width: 320px) {
 	
 }

src/projects/business/views-xsy/Meal/Home.vue

@@ -1,8 +1,50 @@
 <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>

src/projects/business/views-xsy/Meal/Info.vue

@@ -1,8 +1,43 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">就餐详情</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-wordcard vongi-eat-dat">
+			<div class="vongi-wordcard-center mt-10">
+				<div class="flew-sp flew-items eat-dat-tit">
+					消费金额
+					<h1>1.00</h1>
+				</div>
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">交易类型</div>
+						<span>午餐</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">交易时间</div>
+						<span>2017-02-30 12:30:20</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">流水单号</div>
+						<span class="colorf6f448">12345678901234567890</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">备注</div>
+						<span>余额支付</span>
+					</li>
+				</ul>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
 <style>
 </style>

src/projects/business/views-xsy/Meal/List.vue

@@ -1,8 +1,39 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">就餐记录</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<ul class="mui-table-view vongi-jy-ul">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-media-body">
+							晚餐
+							<p class='mui-ellipsis'>2021-03-02 18:30:20</p>
+						</div>
+						<span>1.00</span>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-media-body">
+							晚餐
+							<p class='mui-ellipsis'>2021-03-02 18:30:20</p>
+						</div>
+						<span>1.00</span>
+					</a>
+				</li>
+			</ul>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
 <style>
 </style>

src/projects/business/views-xsy/Meal/Recharge.vue

@@ -1,8 +1,30 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">充值记录</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<ul class="mui-table-view vongi-jy-ul">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-media-body">
+							余额充值
+							<p class='mui-ellipsis'>2021-03-02 18:30:20</p>
+						</div>
+						<span>+50.00</span>
+					</a>
+				</li>
+			</ul>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
 <style>
 </style>

src/projects/business/views-xsy/Meal/Rechargeinfo.vue

@@ -1,8 +1,43 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">充值明细</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-wordcard vongi-eat-dat">
+			<div class="vongi-wordcard-center mt-10">
+				<div class="flew-sp flew-items eat-dat-tit">
+					饭卡充值
+					<h1>+50.00</h1>
+				</div>
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">交易类型</div>
+						<span>饭卡充值</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">交易时间</div>
+						<span>2017-02-30 12:30:20</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">流水单号</div>
+						<span class="colorf6f448">12345678901234567890</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">备注</div>
+						<span>余额支付</span>
+					</li>
+				</ul>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
 <style>
 </style>