basic_has_acc.html 10.4 KB
<!--验收列表  - 药品信息 列表页 - wwb-->
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="import" href="./list_tpl.html" id="acc_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>
		</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 class="home-card-wrapper" style="padding: 8px;margin-top: 0;margin-bottom: 8px;">
	            <div class="home-card-title">已验收</div>
	        </div>
			<div id="slider" class="mui-slider themes_tab mui-fullscreen" style="margin-top: 45px;">
				<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>
			</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();
                })
            }
            //去搜索页面
			function toSearchPage (){
				document.activeElement.blur(); // 隐藏软键盘
				var params = {};
				params.id = 'basic_has_acc';
				params.route = '../basicMedicine/basic_has_acc';
				params.auditStatus = '2'; // 都是已验收单据
				params.selectTabs = 2;
				params.selected = 'right';
				params.module = 'basicMedicine';
				params.location = 'sub_list';
				common.openwin('../commonPages/searchPage',{ params: JSON.stringify(params) },false)
			}
			
			(function($,$JQ) {
				
				$.init({
					beforeback: function() {
				        var list = plus.webview.currentWebview().opener();  
				        mui.fire(list, 'pagefresh',{ hasAcceptance: true });  // 参数判断是某一个Tabs 右侧tabs 刷寻右侧列表
				        return true;  
			    	}
				})
				var deceleration = mui.os.ios?0.003:0.0009;
				$('.mui-scroll-wrapper').scroll({
					scrollX: false,
					bounce: true,
					indicators: true, //是否显示滚动条
					deceleration:deceleration
				});
				/* 渲染模板   */
				var params = undefined, 
					checkType = undefined,
					type = undefined, 
					isShowTemprature = undefined, //是否显示验收温度 1 显示 0 隐藏
					isPsList = undefined; // 验收单类型     
				
				var utils = new Utils();
				utils.appendModule('#acc_list_tpl');
				
				$('.mui-scroll-wrapper').scroll({
					bounce: true,
					indicators: true, //是否显示滚动条
					deceleration:deceleration
				});
				
				var page = 1, 
					totalPage = undefined, 
					pageSize = 15, 
					isMore = true, 
					query = {};
				var _url = '/a/exam/detail'; // 分页接口
				var distributeCode = undefined , status = '2';
				
				function template(data, insertType){
        			utils.innerTplHtml('list_tpl_view','.mui-tab1', data, insertType);
            	}
				/*
            	 	下拉刷新
            	 * */
            	function pulldownRefresh(){
					var self = this;
					page = 1;
					var postData = {
						distributeCode: distributeCode,
						status,status,
						pageNo: page,
                		pageSize: pageSize
					};
					if(query.hisDrugCode){
						postData.hisDrugCode = query.hisDrugCode
					}else{
						globalQuery={}
						$JQ('.mui-input-clear').val('');
						$JQ('.mui-placeholder').show();
					}
					query = {};
					mui.ajaxRequest(_url,{
                		type: 'POST',
                		data: postData,
                		success: function(data){
                			var resData = data.data;
                			resData.acceptance = false;
                			console.log(resData)
                			totalPage = data.totalPage;
                			if(resData.list.length === 0 ||resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage){
                				isMore = false;
                				self.endPullDownToRefresh(true);
                				document.querySelectorAll('.mui-pull-loading')[0].innerHTML = '没有更多数据';
                			}else{
                				isMore = true;
                				self.endPullDownToRefresh(false);
                				self.refresh(true);
                			}
							return template(resData, false)
                		},
                		error: function(xhr,type,errorThrown){
							console.log(xhr.responseText)
                		}
            		});
				}
            	
            	
            	/*
					 
				 *  上拉加载更多
				 * */
				function pullupRefresh(){
					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 = false;
	                			if(resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage){
		            				isMore = false;
		            				self.endPullUpToRefresh(true);
		            				document.querySelectorAll('.mui-pull-loading').innerHTML = '没有更多数据';
		            			}else{
		            				isMore = true;
		            				self.endPullUpToRefresh(false);
		            				self.refresh(true);
		            			}
								return template(resData, true)
	                			
	                		},
	                		error: function(xhr,type,errorThrown){
								console.log(xhr.responseText)
	                		}
	            		});
					}else{
						document.querySelector('.mui-pull-loading').innerHTML = '没有更多数据';
						self.endPullUpToRefresh(true);
					}
					
				}

				// 模板加载
				$.plusReady(function(){
					let globalQuery = {};
					window.addEventListener('pagefresh',function(e){
						console.log('从详情回来')
						console.log(e.detail.query)
						query = e.detail.query;
						setTimeout(function(){
							console.log('刷新了啊啊啊啊 啊');
							mui('.mui-scroll-wrapper').scroll().scrollTo(0,0);
							mui(".mui-scroll").pullToRefresh().pullDownLoading();
						},200)
					});
					
					// 触发刷新 搜索页面搜的值
					window.addEventListener('sub_search',function(event){
						console.log('从搜索页面回来')
						console.log(JSON.stringify(event.detail) );
						query = globalQuery = JSON.parse(event.detail.searchParams);
						$JQ('.mui-input-clear').val(query.hisDrugName);
						$JQ('.mui-placeholder').hide();
						setTimeout(function(){
							mui(".mui-scroll").pullToRefresh().pullDownLoading();
						},200)
						console.log('刷新了')
					})
					
					var isUsual = undefined;
					var self = plus.webview.currentWebview();
				    params = JSON.parse(self.params);//获得参数
				    console.log(JSON.stringify(params))
				    distributeCode = params.distributecode;
				    isUsual = params.isusual;
				    //循环初始化所有下拉刷新,上拉加载。
					$.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().pullDownLoading();
					
					if(plus.storage.getItem('currDept')){
						checkType = '3';
					}else{
						mui.toast('请重新登陆');
						common.openwin('../login/index')
					}
					
					//绑定点击事件  - 进入详情页
						
					$('#slider').on('tap','.moreDetail',function(){
						let id = this.dataset.id;
						let newData = {};
						newData.checkType = checkType; // 药房,药库,基数药 区分
						newData.distributeCode = distributeCode;
						newData.isShowTemprature = isShowTemprature;
						newData.hasAcceptance = false;// 判断 详情页面是否有验收按钮
						newData.status = status;
						newData.id = id;
						newData.isPsList = false; // 是否是配送单
						newData.query = globalQuery ; 
						console.log('newData',JSON.stringify(newData))
						console.log('query',JSON.stringify(globalQuery))
						console.log(JSON.stringify(Object.assign(newData,globalQuery)))
						document.activeElement.blur(); // 隐藏软键盘
						common.openwin('acc_detail',{ details: JSON.stringify(newData) },{
							titleText: '验收详情'
						})
					});
				});
				
			})(mui,jQuery);
		
		</script>
	</body>

</html>