lzf
/
partTime-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>请款记录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style>
			.m_box {padding: 10px 10px 25px 15px;box-shadow: 0 1px 6px #dbdbdb;border-radius: 8px;position: relative;overflow: hidden;}
			.fm{width: 100%;z-index: 1;}
			.mui-content{padding: 0px 15px!important;margin-top: -65px;z-index: 11111;}
		    .items{padding: 10px;font-size: 12px;margin-top:10px;background-color: white;border-bottom: 1px solid #eeeded;}
			.items:last-child{border: 0px;}
			.divider{margin-top: 25px;margin-bottom: 25px;}
			.qian{float: left;width: 40px;height: 40px;border-radius: 50%;background-color: orange;text-align: center;line-height: 40px;}
			.icsf{color: white;}
			.ccn{float: left;padding-left: 10px;width: 75%;}
			.ccn .stitle{font-size: 14px;width: 100%;color: #6c6c6c;}
			.sm7{overflow: hidden;}
			.money{float: right;color: orange;font-size: 15px;}
			.ccn .time{color: darkgray;}
			.ty{float: right;color: #F44336;}
		    [v-cloak] {display: none;}
		</style>
	</head>
	<body>
		<div id="app" v-cloak>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">请款记录</h1>
			</header>
			<img src="../../images/top.png" class="fm" />
			<div class="mui-content">
				<div class="m_box">
					<div v-if="list.length>0">
						<div class="items" v-for="(item,index) in list">
							<div class="row">
								<div class="sm7">
									<div class="qian"><i class="icon icsf">&#xe615;</i></div>
									<div class="ccn omit">
										<div class="stitle omit">{{item.parttime_title}}</div>
										<div class="time">{{item.pay_date}} 发起收款</div>
									</div>
								</div>
								<div class="sm3">
									<div class="money">{{item.amount}}元</div>
									<div class="ty">待甲方同意</div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<div class="no_data" v-else style="padding-top: 50px;">
						<i class="icon icon-48">&#xe61a;</i><br />没有数据
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					list: [],
				},
				mounted: function() {
					this.getData();
				},
				methods: {
					getData: function() {
						request(urls().finance_list, {userId: getUser().id,state:0}, function(res) {
							vm.list = res.data;
							plus.nativeUI.closeWaiting();	
						})
					}
				}
			})
		</script>
	</body>

</html>