ground_list.html 11.3 KB
<!--上架  - 药品信息 列表页 - wwb-->
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="import" href="./list_tpl.html" id="ground_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">
			var auditStatus = '2', // 上架状态   1 待上架  2 已上架
				selected = 'right';
			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.route = '../grounding/ground_list';
				params.id = 'ground_list';
				params.auditStatus = auditStatus;
				params.selectTabs = 2;
				params.selected = selected;
				params.module = 'grounding';
				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',{ selectTabs: 0 });  // 参数判断是某一个Tabs 右侧tabs 刷寻右侧列表
				        return true;  
			    	}
				});
				var deceleration = mui.os.ios?0.003:0.0009;
				$('.mui-scroll-wrapper').scroll({
					bounce: true,
					indicators: true, //是否显示滚动条
					deceleration:deceleration
				});
				
				var page = 1, 
					totalPage = undefined, 
					pageSize = 15, 
					isMore = true, 
					query = {},
					distributeCode = undefined, 
					upFinishType = '1';
				
				var _url = '/a/shelfInfo/shelfInfoList',
					groundUrl = '/a/checkacceptdetail/finish';
					
				/* 渲染模板   */
				var utils = new Utils();
				utils.appendModule('#ground_list_tpl');
				
				function template(data, insertType){
        			utils.innerTplHtml('ground_list','.mui-tab1', data, insertType);
            	}
				/* 过滤还有备选货位的数据 */
				 function filterDatas(datas){
					 
					var list  = datas.list;
					var hasGround = datas.hasGround;
					if(list && list.length && list.length > 1){
						var list  = datas.list,_list = [];
						for(var i = 0,len = list.length;i<len;i++){
							//存在备选上架货位
							var realReceiveStore = [],realNum = [],storeType= [],upParentId = [],actualStore = [],realReceiveStoreName = [];
							if(list[i].upParentId){
								//外部的
								var outList = list.filter(function(item,index){
									return (index != i && item.id == list[i].upParentId && item.upParentId == null);
								});
								//内部的
								var innerList = _list.filter(function(item,index){
									return (item.id == list[i].upParentId && item.upParentId == null);
								});
								list.forEach(function(item,index){
									if(list[i].upParentId == item.id || list[i].id == item.id){
										realReceiveStore.push(item.realReceiveStore);
										var realnum = item.realNum;
										if(!item.upParentId){
											realnum = item.realReceiveQuantiry;
										}
										realNum.push(realnum);
										storeType.push(item.storeType);
										upParentId.push(item.upParentId);
										actualStore.push(item.actualStore);
										realReceiveStoreName.push(item.realReceiveStoreName);
									}
								})
								if(innerList[0]){
									innerList[0].realReceiveStore = realReceiveStore;
									innerList[0].realNum = realNum;
									var _store = storeType.map(function(item,index){
										var text = "货位";
										if(item == "补货指示货位"){
											text = "指示货位";
										}else if(item == "备选上架货位"){
											text = "备选货位";
										}
										return text;
									})
									innerList[0].storeType = _store;
									innerList[0].upParentId = upParentId;
									innerList[0].actualStore = actualStore;
									innerList[0].realReceiveStoreName = realReceiveStoreName;
								}
							}else{
								_list.push(list[i])
							}
						}
						datas.list = _list;
						return datas;
					}else{
						return datas;
					}
				} 
				/*
            	 	下拉刷新
            	 * */
            	function pulldownRefresh(){
					var self = this;
					page = 1;
					var postData = {
						distributeCode: distributeCode,
						upFinishType,upFinishType,
						pageNo: 1,
                		pageSize: pageSize
					};
					if(query.hisDrugCode){
						postData.hisDrugCode = query.hisDrugCode
					}
					query = {};
					mui.ajaxRequest(_url,{
                		type: 'POST',
                		data: postData,
                		success: function(data){
                			var resData = data.data;
							var showData = filterDatas(resData);
                			totalPage = data.totalPage;
                			if(resData.list.length === 0 || (resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage)){
                				isMore = false;
                				self.endPullDownToRefresh(true);
                				document.querySelector('.mui-pull-loading').innerHTML = '没有更多数据';
                				
                			}else{
                				isMore = true;
                				self.endPullDownToRefresh(false);
                				self.refresh(true);
                			}
							return template(showData, 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,
	                			upFinishType,upFinishType,
	                			pageNo: page,
	                			pageSize: pageSize
	                		},
	                		success: function(data){
	                			var resData = data.data;
								var showData = filterDatas(resData);
	                			if(resData.pageNo === resData.totalPage){
		            				isMore = false;
		            				self.endPullUpToRefresh(true);
		            			}else{
		            				isMore = true;
		            				self.endPullUpToRefresh(false);
		            				self.refresh(true);
		            			}
								return template(showData, true)
	                			
	                		},
	                		error: function(xhr,type,errorThrown){
								console.log(xhr.responseText)
	                		}
	            		});
					}else{
						document.querySelector('.mui-pull-loading').innerHTML = '没有更多数据';
						self.endPullUpToRefresh(true);
					}
					
				}
            
				$.plusReady(function(){
					
					window.addEventListener('pagefresh',function(event){
						console.log(event.detail)
						query = JSON.parse(event.detail.query);
						console.log(query)
						$$('.mui-placeholder').show();
						$$('.mui-input-clear').val('');
						mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);
						mui(".mui-scroll").pullToRefresh().pullDownLoading();
					});
					
					// 触发刷新 搜索页面搜的值
					window.addEventListener('sub_search',function(event){
						query = JSON.parse(event.detail.searchParams);
						console.log(query)
						$$('.mui-placeholder').hide();
						$$('.mui-input-clear').val(query.hisDrugName);
						mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);
						mui(".mui-scroll").pullToRefresh().pullDownLoading();
					})
					
					var params = undefined;
					var self = plus.webview.currentWebview();
				    params = JSON.parse(self.params);//获得参数
				    console.log(params)
				    distributeCode = params.distributecode;
					//循环初始化所有下拉刷新,上拉加载。
					$.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();
					
	            	//绑定点击事件  - 进入详情页
						
					$('#slider').on('tap','.moreDetail',function(){
						let id = this.getAttribute('data-id');
						console.log(id)
						let newData = {};
						newData.id = id;
						newData.query = query;
						newData.upFinishType = upFinishType ;
						newData.distributeCode = distributeCode;
						console.log(newData)
						document.activeElement.blur();
						common.openwin('ground_detail',{ details: JSON.stringify(newData) },{
							titleText: '详情'
						})
					});
				})
			})(mui,jQuery);
		</script>
	</body>

</html>