ygtx
/
ygtx_oa_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>账户管理</title>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../css/OA-style.css" rel="stylesheet" />
		<!--<style>
			/*跨webview需要手动指定位置*/
			.mui-plus header.mui-bar {display: none!important;}
			.mui-plus .mui-bar-nav~.mui-content {padding: 0!important;}
			.mui-plus .plus{display: inline;}
			.plus{display: none;}
			#topPopover {position: fixed;top: 16px;right: 6px;}
			#topPopover .mui-popover-arrow {left: auto;right: 6px;}
			p {text-indent: 22px;}
			span.mui-icon {font-size: 14px;color: #007aff;margin-left: -15px;padding-right: 10px;}
			.mui-popover {height: 80px;}
			.mui-content {padding: 10px;}
			.mui-btn, button, input[type=button], input[type=reset], input[type=submit]{padding: 1px 5px;}
		</style>-->
	</head>

	<body>		
		<header class="mui-bar mui-bar-nav" id="login">
			<a href="" class="mui-action-back back mui-pull-left"><img src="../../../images/back.png"></a>
			<h1 class="mui-title" id="title">账户管理</h1>
			<a id="menu" class="mui-action-menu mui-icon mui-pull-right" href="#topPopover"><img src="../../../images/dd_search.png" style="width: 25px;margin-top: -2px;"></a>
		</header>
		<div class="mui-content" >
			<!--<div class="mui-input-row" style="margin:0px 0 0px 10px;position: relative; top: 15px;">
				 <input type="text" id="searchname" style="width: 80%;" placeholder="账户名称"/>&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" style="width: 15%;" id="search" value="搜索"/><br />				
			</div>-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="">			
		    
		    <div class="zhgl_div1" v-for="item in items">
			<div class="mydd_div8">
				<div class="mydd_div1">{{item.name}}  </div>
			</div>
			<div class="mydd_div3">
				<div class="mydd_div4"></div>
				<div class="mydd_div5">补贴余额：
					<br><span class="zhgl_span">普通余额:</span>
				</div>
				<div class="mydd_div6">￥{{item.allowance}} 
					<br><span class="zhgl_span1">￥{{item.moneys}}</span>
				</div>
			</div>
			<div class="zhgl_div">
				<button type="button" id="perorder" @tap="perorder(item)" class="mui-btn mui-btn-outlined">账户明细</button>
				<button type="button" id="del" @tap="addmoney(item)" class="mui-btn mui-btn-outlined">个人打款</button>
				<button type="button" id="del" @tap="delmoney(item)" class="mui-btn mui-btn-danger mui-btn-outlined">扣款</button>
			</div>
			</div>
			
			<!--右上角弹出菜单-->
			<div id="topPopover" class="mui-popover">
				<div class="mui-popover-arrow"></div>
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a href="#" >
								<div class="mui-input-row mui-search" @tap="search()">
									<input type="search" id="searchname" class="mui-input-clear" placeholder="账户名称">
								</div>
								</a>
							</li>
							<li class="mui-button-row">
								<button type="button" class="mui-btn mui-btn-primary" id="save">查找</button>&nbsp;&nbsp;
								<button type="button" class="mui-btn mui-btn-primary" id="saveall">查找全部</button>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div> 
		

		<script type="text/javascript" src="../../../js/jquery-1.11.2.min.js"></script>
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/config.js"></script>
		<script src="../../../js/app.js"></script>
		<script src="../../../js/dj/article/list.js"></script>
		<script src="../../../js/vue.min.js"></script>

		<script>					
			
			var pageDetail = null;
			mui.init({
				pullRefresh: {
					container: '#pullrefresh',
					down: {
						style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
						color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
						height: '50px', //可选,默认50px.下拉刷新控件的高度,
						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
						offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
						//						auto: true, //可选,默认false.首次加载自动上拉刷新一次
						callback: reloadNews //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
					},
					up: {
						contentrefresh: '正在加载...',
						auto: true, //可选,默认false.自动上拉加载一次
						callback: pullupRefresh
					}
				},
				statusBarBackground: '#FFFFFF', //设置状态栏颜色,仅iOS可用
				//				preloadLimit:5,
			});


			var vmA = new Vue({
				el: '#pullrefresh',
				data: {
					items: [] //列表信息流数据
				}
			});
			
			
			/**
			 * 下拉刷新具体业务实现
			 */
			function reloadNews() {
				pageNo = 1;
				vmA.items = [];
				//				var table = document.body.querySelector('.mui-table-view');
				//				table.innerHTML = "";
				addData();
			}

			var pageNo = 1;
			var type = 0;
			/**
			 * 上拉加载具体业务实现
			 */
			function pullupRefresh() {
				addData();
			}

			function addData() {
				var url = API.API_URL();
				var serviceId = "oa_2017V001PHONE_moneyList";
				var state = app.getState(); //获取登陆信息
				var searchname=null;
				/*var staffId = state.user.useId;
				var unitId = state.user.unitId;
				var notice_title = "";*/
				var obj = {
					/*unitId: unitId,
					userId: staffId,
					notice_title: notice_title,*/
					searchname:searchname,
					type: type,
					pSize: APP.PageSize,
					p: pageNo
				};
				app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
						var result = data.returnParams;
						var totalRow = data.total;
					
						var totalPage = Math.ceil(totalRow / APP.PageSize);
						if(totalPage == 0){
							totalPage =1;
						}		
						var list = data.list;
						if(list.length > 0) {
							vmA.items = vmA.items.concat(convert(list));
						}
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(totalPage == pageNo); //参数为true代表没有更多数据了。

						if(pageNo == 1 && totalPage>1) {
							mui('#pullrefresh').pullRefresh().endPulldown();
							mui('#pullrefresh').pullRefresh().refresh(true);
						}
						if(totalPage == 1 ){
							mui('#pullrefresh').pullRefresh().endPulldown();
						}						
						pageNo = pageNo + 1;
				});
			}

			/**
			 * 1、将服务端返回数据，转换成前端需要的格式
			 * 2、若服务端返回格式和前端所需格式相同，则不需要改功能
			 * 
			 * @param {Array} items 
			 */
			
			function convert(items) {
				var newItems = [];
				items.forEach(function(item) {
					if(item.moneys == "" || item.moneys == null){
						item.moneys=0.0;
					}
					if(item.allowance == "" || item.allowance == null){
						item.allowance=0.0;
					}
					newItems.push({
						universalid: item.universalid,
						name: item.name,
						allowance: item.allowance,
						moneys: item.moneys,
						/*content: item.noticecontent == null ? "" : item.noticecontent.substr(0, 70),
						name : item.name,
						isread: item.if_read,*/
						
					});
				});
				return newItems;
			}

			mui.plusReady(function() {
				
				var self = plus.webview.currentWebview();
				type = self.type;
				var title1 = mui('#title');
				title1[0].innerHTML = self.name;

				//接收上个界面传递的参数
				window.addEventListener('listEvent', function(event) {
                   location.reload(); 
				});
								
				
//				pageDetail = mui.preload({
//					url: 'detailList.html',
//					id: 'detailList.html',
//				})
			});

				window.addEventListener('refresh', function(e){//执行刷新
				  location.reload(); 
				
				 });
			/**
			 * 打开详情
			 * 
			 * @param {Object} item 
			 */
//			function open_detail(item) {
//				//触发子窗口变更详情
////				mui.fire(pageDetail, 'newsEvent', {
////					articleId: item.articleId
////				});
//
////				setTimeout(function() {
////					pageDetail.show("slide-in-right", 300);
////				}, 150);
//				mui.openWindow({
//					url: 'noticeInfo.html',
//					id: 'noticeInfo.html',
//					extras:{'notice_id':item.id}
//				})
//				
//			}


            //搜索提交按钮
//          var search = document.getElementById("search");
//			search.addEventListener("click", function() {
	        document.getElementById("save").addEventListener('click',function(){
				 var url = API.API_URL();
			     var searchname=$("#searchname").val();
			     var serviceId = "oa_2017V001PHONE_moneyList";
			     var obj = {
				
					searchname: searchname,
					pSize: APP.PageSize,
					p: 1
				};
				app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					mui.toast("查找成功");
					var result = data.returnParams;
					
					var list = data.list;
					console.log(list.length);
					vmA.items = [];
					if(list.length > 0) {
						vmA.items = vmA.items.concat(convert(list));
					}
					 mui(".mui-popover").popover("toggle");
				});
			});
			
			//查找全部
			document.getElementById("saveall").addEventListener('click',function(){
				vmA.items = [];
				var url = API.API_URL();
				var serviceId = "oa_2017V001PHONE_moneyList";
				var state = app.getState(); //获取登陆信息
				var searchname=null;
				/*var staffId = state.user.useId;
				var unitId = state.user.unitId;
				var notice_title = "";*/
				var obj = {
					/*unitId: unitId,
					userId: staffId,
					notice_title: notice_title,*/
					searchname:searchname,
					type: type,
					pSize: APP.PageSize,
					p: 1
				};
				app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					var result = data.returnParams;
					
					var totalRow = data.total;
					var totalPage = Math.ceil(totalRow / APP.PageSize);
					var list = data.list;
					console.log(list.length);
					if(list.length > 0) {
						vmA.items = vmA.items.concat(convert(list));
					}
					pageNo = endPull(totalPage, pageNo);
					mui(".mui-popover").popover("toggle");
				});
			});
			
			//账户明细
			function perorder(item) {
				mui.openWindow({
								url: '../myrecord/otherrecordList.html',
								//id: '../myrecord/myrecordList.html',
								extras:{'universalid':item.universalid,"name":"个人账单"}
							})
						}
			
			//账户扣款
			function delmoney(item) {
				var btnArray=['取消','继续'];
				var btnArray2=['取消','扣款'];
				mui.prompt("本月离开天数","","",btnArray,function(e){
					if(e.index==0){
					}else {
						var leaveday=e.value;
						mui.prompt("每日补贴金额","","",btnArray2,function(f){
						if(f.index==0){	
						}else {
							var perdaymoney=f.value;
							var universalid=item.universalid;
							var serviceId = "oa_2017V001PHONE_moneyOperation";
							var obj = {
						    	type:2,
								perdaymoney: perdaymoney,
								universalid:universalid,
								leaveday:leaveday,
							};
							app.ajax(serviceId,obj, function(data) { 
								//服务器返回响应
								console.log(JSON.stringify(data))
								if(data.boo == true) {
										alert('扣款成功');
										location.reload();
								}else{
									alert('扣款失败');
								}
							});
							}
				},'div');
						}
				},'div');
			}
			
			//个人账户打款
			function addmoney(item) {
				var btnValue=['普通余额','补贴余额'];
				var btnArray1=['取消','打款'];
				mui.confirm("选择充值账户","",btnValue,function(c){
					if(c.index==0){
						mui.prompt("充值金额","","",btnArray1,function(e){
							if(e.index==0){
							}else {
								var chongzhi=e.value;
									var universalid=item.universalid;
									var serviceId = "oa_2017V001PHONE_moneyOperation";
									var obj = {
								    	type:3,
										chongzhi: chongzhi,
										universalid:universalid,
									};
									app.ajax(serviceId,obj, function(data) { 
										//服务器返回响应
										console.log(JSON.stringify(data))
										if(data.boo == true) {
												alert('打款成功');
												location.reload();
										}else{
											alert('打款失败');
										}
									});
									}
						},'div');
					}else {
						mui.prompt("充值金额","","",btnArray1,function(f){
							if(f.index==0){
							}else {
								var chongzhi=f.value;
									var universalid=item.universalid;
									var serviceId = "oa_2017V001PHONE_moneyOperation";
									var obj = {
								    	type:5,
										chongzhi: chongzhi,
										universalid:universalid,
									};
									app.ajax(serviceId,obj, function(data) { 
										//服务器返回响应
										console.log(JSON.stringify(data))
										if(data.boo == true) {
												alert('打款成功');
												location.reload();
										}else{
											alert('打款失败');
										}
									});
									}
						},'div');
					}
				},'div');
			}
		</script>

	</body>

</html>