<!--验收列表  - 药品信息 列表页 - wwb-->
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="import" href="./list_tpl.html" id="list_tpl"/>
		<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" />
		<link href="../../css/themes.css" rel="stylesheet" />
		<link href="../../css/index_view.css" rel="stylesheet" />
		
	</head>

	<body>
		<header class="mui-bar mui-bar-nav themes_bg_color">
		   	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
		   		<label class="mui-pull-right theme_back_font">返回</label>
		   	</a>
		    <h1 class="mui-title themes_title">药品信息</h1>
		    <a href="#" class="mui-pull-right batchAccetpance" style="height: 45px;padding-top: 12px;">
		    	批量验收
		    </a>
		</header>
		<div class="mui-content">
			<div class="mui-input-row mui-search search_head" onclick="toSearchPage()">
				<input type="search" class="mui-input-clear"  readonly="readonly" placeholder="通用名/商品名/生产厂家" >
			</div>
			<div id="slider" class="mui-slider themes_tab mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item themes_font_color_tab" href="#item1mobile">待验收</a>
					<a class="mui-control-item themes_font_color_tab" href="#item2mobile">已验收</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll" id="mui-table-view-tab1">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-tab1" style="padding: 0;">
										
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll" id="mui-table-view-tab2">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-tab2" style="padding: 0;">
										
									</li>
								</ul>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery.min.js" ></script>
		<script src="../../js/mui.pullToRefresh.js"></script>
		<script src="../../js/mui.pullToRefresh.material.js"></script>
		<script src="../../js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/utils.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/request.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			if(window.plus) {
					plusready();
			} else {
					document.addEventListener('plusready', plusready, false);
			}
			function plusready() {
					plus.key.addEventListener('backbutton',function(){
							plus.webview.currentWebview().close();
					})
			}
			var auditStatus = undefined,
				selected = undefined, //验收状态   1 待验收  2 已验收
				selectTabs = 1;
            	
            
            //去搜索页面
			function toSearchPage (){
//				document.activeElement.blur(); // 隐藏软键盘
				var params = {};
				params.id = 'basic_acc_list';
				params.route = '../basicMedicine/basic_acc_list';
				params.selected = selected;
				params.auditStatus = auditStatus;
				params.selectTabs = selectTabs;
				params.module = 'basicMedicine';
				params.location = 'sub_list';
				common.openwin('../commonPages/searchPage',{ params: JSON.stringify(params) },false)
			}
			
			(function($,$$) {
				
				$.init({
					beforeback: function() {
						var list = plus.webview.currentWebview().opener();  
						mui.fire(list, 'pagefresh',{ hasAcceptance:  selectTabs === 1 ? true: false}); 
						return true;  
					}
				})
				var deceleration = mui.os.ios?0.003:0.0009;
				$('.mui-scroll-wrapper').scroll({
					bounce: true,
					indicators: true, //是否显示滚动条
					deceleration:deceleration
				});
				var currentSelected = undefined;
				
				/* 渲染模板   */
				var params = undefined, 
					checkType = undefined,
					type = undefined, 
					isShowTemprature = undefined, //是否显示验收温度 1 显示 0 隐藏
					isPsList = undefined; // 验收单类型     
					selected = '.mui-tab1'; // 默认选中内容区块
				
				var utils = new Utils();
				utils.appendModule('#list_tpl');
				
				var nullDataHtml = '<div class="mui-pull-bottom-tips"><div class="mui-pull-bottom-wrapper">'+
										'<span class="mui-pull-loading">暂无数据</span></div></div>'
				var page = 1, totalPage = undefined, pageSize = 15, isMore = true, query = {};
				var _url = '/a/exam/detail', // 分页接口
					checkUrl = '/a/checkacceptdetail/checkList';
					url = '/a/checkaccept/detail',
					pageLeft = 1, 
					pageRight = 1, 
					totalPageLeft = undefined, 
					totalPageRight = undefined, 
					isMore = true, 
					distributeCode = undefined, 
					status = undefined;
				
				function template(selected, data, insertType){
					utils.innerTplHtml('list_tpl_view', selected , data, insertType);
				}
			
				
// 				/*
// 				  获取列表数据
// 				 * */
// 				function genData(url,postData,selected){
// 					mui.ajaxRequest(url,{
//                 		type: 'post',
//                 		data: postData,
//                 		showWaiting: true,
//                 		success: function(data){
//                 			plus.nativeUI.closeWaiting();
//                 			if(data.code === 200){
//                 				detailData = {
//             						unVerfiyList: { list: [] },
// 									verifyList: { list: [] }
//                 				}
//                 				isShowTemprature = data.data.isShowTemprature;
//                 				detailData.unVerfiyList.list = data.data.unVerfiyList && data.data.unVerfiyList.length ? data.data.unVerfiyList: [];
//                 				detailData.unVerfiyList.acceptance = true;
//                 				detailData.unVerfiyList.checkType = checkType;
//                 				detailData.unVerfiyList.isShowTemprature = data.data.isShowTemprature;
//                 				detailData.verifyList.list = data.data.verifyList && data.data.verifyList.length ? data.data.verifyList: [] ;
//                 				detailData.verifyList.acceptance = false;
//                 				detailData.verifyList.isShowTemprature = data.data.isShowTemprature;
//                 				showData(detailData,selected)
//                 			}else{
//                 				mui.alert(data.msg)
//                 			}
//                 		},
//                 		error: function(xhr,type,errorThrown){
// 							console.log(xhr.responseText)
//                 		}
//             		});
// 				}
// 				
// 				/*
// 				 展示数据
// 				 * */
// 				function showData(data,selected){
// 					var batchAccetpance = document.querySelector('.batchAccetpance');
// 					var acceptanceTab1 = document.querySelector('.mui-tab1');
// 					var acceptanceTab2 = document.querySelector('.mui-tab2');
// 					var html1 = undefined, html2 = undefined;
// 					batchAccetpance.style.display = selected === 'left'? 'block': 'none';
// 					if(data.unVerfiyList.list.length === 0){
// 						html1 = nullDataHtml;
// 					}else{
// 						mui.each(data.unVerfiyList.list,function(index,item){
// 							item.editable = (params.accepttype === '101' || params.accepttype === '102' || params.accepttype === '103'|| params.accepttype === '104' ) ? true: false;
// 							item.showEditBtn = item.editable;
// 						});
// 						html1 = template('list_tpl_view',data.unVerfiyList);
// 					}
// 					acceptanceTab1.innerHTML = html1;
// 					if(data.verifyList.list.length === 0){
// 						html2 = nullDataHtml
// 					}else{
// 						html2 = template('list_tpl_view',data.verifyList);
// 					}
// 					acceptanceTab2.innerHTML = html2;
// 				}
// 				
		
				
				$.plusReady(function(){
					let globalQuery = {};
					window.addEventListener('pagefresh',function(event){
						console.log('从详情回来')
						console.log(JSON.stringify(event.detail))
						query = event.detail.query;
						console.log(typeof event.detail.selectTabs);
						let index = event.detail.selectTabs === '1' ? 0 : 1;
						console.log(index,'index')
						if(index === 1){
							mui('#slider').slider().gotoItem(1);
						}
						setTimeout(function(){
							mui('.mui-scroll-wrapper').scroll()[index].scrollTo(0,0,100);
							mui(".mui-scroll").pullToRefresh()[index].pullDownLoading();
						},200)
					});
					
					// 触发刷新 搜索页面搜的值
					window.addEventListener('sub_search',function(event){
						console.log('从搜索页面回来')
						console.log(JSON.stringify(event.detail) );
						query  = globalQuery = JSON.parse(event.detail.searchParams);
						console.log(typeof event.detail.selectTabs)
						let index = event.detail.selectTabs === 1 ? 0 : 1;
						$$('.mui-input-clear').val(query.hisDrugName);
						$$('.mui-placeholder').hide();

						setTimeout(function(){
							mui('.mui-scroll-wrapper').scroll()[index].scrollTo(0,0,100);
							mui(".mui-scroll").pullToRefresh()[index].pullDownLoading();
						},300)
						console.log('刷新了')
					})
					
					if(plus.storage.getItem('currDept')){
						type = JSON.parse(plus.storage.getItem('currDept')).deptType;
						switch(type){
							case '3':
								checkType = 1; // 药库
								break;
							case '4':
								checkType = 2; // 药房
								break;
							case '5':
								checkType = 3; // 基数药
								break;
							default:
								break;
						}
					}
					
					var isUsual = undefined;

					var self = plus.webview.currentWebview();
				    params = JSON.parse(self.params);//获得参数
				    console.log(self.params)
				    distributeCode = params.distributecode;
					isUsual = params.isusual;
				    // 判断是否是配送单
				    isPsList = (params.accepttype === '101' || params.accepttype === '102' || params.accepttype === '103' ||params.accepttype === '104' ) ? true: false;
				    console.log(isPsList)
				    currentSelected = params.currentSelected; // 当前选中tabs 
				    console.log(currentSelected)
					status = currentSelected === 'left'? '1': '2';
					auditStatus = currentSelected === 'left'? '1': '2';
					selectTabs = currentSelected === 'left'? 1: 2;
					console.log('selectTabs')
					console.log(selectTabs)
					if(currentSelected === 'left'){
						$$('.batchAccetpance').show();
					}else{
						$$('.batchAccetpance').hide();
					}
						
				    var checkUrl = '/a/checkacceptdetail/basemedic';
				    var url = '/a/checkaccept/detail';
					
					var item2 = document.querySelector('#item2mobile');
					var item1 = document.querySelector('#item1mobile');
					document.getElementById('slider').addEventListener('slide', function(e) {
						$$('.mui-input-clear').val('');
						let index = e.detail.slideNumber;
						if (index === 1) {
							status = '2';
							selected = '.mui-tab2';
							selectTabs = 2;
							mui('#slider').slider().gotoItem(1);
							$$('.batchAccetpance').hide();
							$('.mui-slider-group .mui-scroll .mui-tab2')[0].innerHTML = '';
							if (!item2.querySelector('.am-card')) {
								mui(".mui-slider-group .mui-scroll").pullToRefresh()[index].pullDownLoading();
							}
						}
						if(index === 0){
							status = '1';
							selected = '.mui-tab1';
							selectTabs = 1;
							$$('.batchAccetpance').show();
							mui('#slider').slider().gotoItem(0);
							$('.mui-slider-group .mui-scroll .mui-tab1')[0].innerHTML = '';
							if (!item1.querySelector('.am-card')) {
								mui(".mui-slider-group .mui-scroll").pullToRefresh()[index].pullDownLoading();
							}
						}
					});
					
					
					//循环初始化所有下拉刷新,上拉加载。
					$.each(document.querySelectorAll('.mui-scroll'), function(index, pullRefreshEl) {
						$(pullRefreshEl).pullToRefresh({
							down: {
								style:'circle',
								contentdown : "下拉可以刷新",
								contentover : "释放立即刷新",
								contentrefresh : "正在刷新...",
								callback: pulldownRefresh
							},
							up: {
								contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
								contentnomore:'没有更多数据',
								callback: pullupRefresh
							}
						});
					});
					// 第一个tab 默认加载一次数据
					mui(".mui-scroll").pullToRefresh()[ selectTabs -1 ].pullDownLoading();
					
					//下拉刷新
					function pulldownRefresh(){
						console.log('下拉')
							var self = this;
							pageLeft = 1; pageRight = 1;
							status = selectTabs === 1 ? '1': '2';
							var postData = {
								distributeCode: distributeCode,
								status:status,
								pageNo: 1,
								pageSize: pageSize
							};
							if(query.hisDrugCode){
								postData.hisDrugCode = query.hisDrugCode
								$$('.mui-input-clear').val(query.hisDrugName);
							}else{
								globalQuery={}
								$$('.mui-input-clear').val('');
								$$('.mui-placeholder').show();
							}
							query = {};
							console.log(JSON.stringify(postData))
							mui.ajaxRequest(_url,{
								type: 'POST',
								data: postData,
								success: function(data){
									console.log( '*************************' )
									var resData = data.data;
									resData.acceptance = selectTabs === 1 ? true: false;
									resData.checkType = checkType;
									totalPage = data.totalPage;
									if(resData.list.length === 0 || (resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage)){
										var i = selectTabs === 1 ? 0 : 1;
										isMore = false;
										self.endPullDownToRefresh(true);
										document.querySelectorAll('.mui-pull-loading')[i].innerHTML = '没有更多数据';
									}else{
										isMore = true;
										self.endPullDownToRefresh(false);
										self.refresh(true);
									}
									return template(selected,resData, false)
								},
								error: function(xhr,type,errorThrown){
									console.log(xhr.responseText)
								}
							});
						}
									
					//上拉加载更多
					function pullupRefresh(){
						console.log('下拉')
						var self = this;
						console.log(isMore,'isMore')
						if(isMore){
							page++;
							mui.ajaxRequest(_url,{
									type: 'POST',
									data:{
										distributeCode: distributeCode,
										status:status,
										pageNo: page,
										pageSize: pageSize
									},
									success: function(data){
													var resData = data.data;
	//	                			resData.acceptance = selectTabs === 1 && checkType === 1 ? true: false;
													resData.acceptance = status === '1'? true: false;
													resData.checkType = checkType;
													if(resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage){
														var i = selectTabs === 1 ? 0 : 1;
													isMore = false;
													self.endPullUpToRefresh(true);
													document.querySelectorAll('.mui-pull-loading')[i].innerHTML = '没有更多数据';
												}else{
													isMore = true;
													self.endPullUpToRefresh(false);
													self.refresh(true);
												}
									return template(selected, resData, true)
													
												},
									error: function(xhr,type,errorThrown){
											console.log(xhr.responseText)
									}
							});
						}else{
							var i = selectTabs === 1 ? 0 : 1;
							document.querySelectorAll('.mui-pull-loading')[i].innerHTML = '没有更多数据';
							self.endPullUpToRefresh(true);
						}
					}
							
					//绑定点击事件  - 进入详情页
					$('#slider').on('tap','.moreDetail',function(){
						let id = this.dataset.id;
						let newData = {};
						newData.checkType = checkType; // 药房,药库,基数药 区分
						hasAcceptance = selectTabs === 1 ? true: false;
						newData.distributeCode = distributeCode;
						newData.isShowTemprature = isShowTemprature;
						newData.hasAcceptance = hasAcceptance;// 判断 详情页面是否有验收按钮
						newData.status = status;
						newData.id = id;
						newData.selectTabs = selectTabs;
						newData.isPsList = isPsList; // 是否是配送单
						newData.query = globalQuery;
						console.log(JSON.stringify(newData))
						document.activeElement.blur(); // 隐藏软键盘
						common.openwin('acc_detail',{ details: JSON.stringify(newData) },{
							titleText: '验收详情'
						})
					});

					/* 批量验收 */
					$('.mui-bar').on('tap','.batchAccetpance',function(){
						var paramsData = {};
						paramsData.isPsList = isPsList;
						paramsData.distributeCode = distributeCode;
						paramsData.status = '1';
						paramsData.isShowTemprature = isShowTemprature;
						paramsData.itemData = params;
						paramsData.checkType = checkType;
						paramsData.acceptance = true;
						console.log(JSON.stringify(paramsData));
						common.openwin('basic_acc_batch',{ params: JSON.stringify(paramsData) },{
							titleText: '药品信息'
						})
						// common.openwin('acc_batch',{ params: JSON.stringify(paramsData) },false)
					})
					
					// 绑定事件 --确认验收
					$('#slider').on('tap','.acceptance',function(){
						document.activeElement.blur(); // 隐藏软键盘
						let postData = {}, detailList = [], submitData = {};
						postData.id = this.dataset.id;
						detailList.push(postData);
						submitData.detailList = detailList;
						submitData.distributeCode = distributeCode;
						console.log(submitData);
						var btnArray = ['否', '是'];
						mui.confirm('是否确认验收?', '确认', btnArray, function(e) {
							if (e.index == 1) {
								mui.ajaxRequest(checkUrl,{
									type: 'POST',
									data: submitData,
									showWaiting: true,
									contentType: "application/json",
									success: function(data){
										if(data.code === 200){
											mui.toast('验收成功');
											mui(".mui-scroll").pullToRefresh()[ selectTabs -1 ].pullDownLoading();
										}
									},
									error: function(xhr,type,errorThrown){
										console.log(xhr.responseText)
									}
								})
							}
						},'div')
					});
				});
			})(mui,jQuery);
		</script>
	</body>

</html>