yb
/
wms-pda-app
forknuté z project/wms-pda-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-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">
		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!-- FontAwesome字体图标 -->
		<link type="text/css" href="js/font-awesome/css/font-awesome.min.css" rel="stylesheet" />		
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/app.css"/>
		<style>
			
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
	
			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			ul {
				font-size: 14px;
				color: #8f8f94;
			}
			.mui-btn {
				padding: 10px;
			}
			.my-border{
				border:0px solid;border-radius:10px;
			}
			.myfont-color{
				color: white !important;
			}
			.myicon-plus{
				font-size: 2.0em !important;
			}
			.content-center{
				text-align: center !important;
			}
		</style>
	</head>

	<body>
		 
		<header class="mui-bar mui-bar-nav" style="padding-right: 15px;">
			
			<h1 class="mui-title">首页</h1>				
            
			<!--
           	<button id='setting' class=" mui-pull-right mui-btn-link">设置</button>
            -->
            <a id='setting' class="mui-pull-right mui-btn-link"><span class="mui-icon mui-icon-settings"></span></a>
            
            <a id='exit' class="mui-pull-right mui-btn-link" style="display: none;">退出</a>
		</header>		 
		        
       <div class="mui-content">
          	</br>
          	</br>
			<nav class="mui-bar mui-bar-tab">
				<a class="mui-tab-item mui-active" href="#instockOp" id="menu_instockOp">
					<span class="mui-icon mui-icon-bars content-center"></span>
					<span class="mui-tab-label content-center">入库操作</span>
				</a>
				<a class="mui-tab-item" href="#outstockOp" id="menu_outstockOp">
					<span class="mui-icon mui-icon-bars content-center"></span>
					<span class="mui-tab-label content-center">出库操作</span>
				</a>
				<a class="mui-tab-item" href="#inventoryOp" id="menu_inventoryOp">
					<span class="mui-icon mui-icon-bars content-center" ></span>
					<span class="mui-tab-label content-center">库存操作</span>
				</a>
				<a class="mui-tab-item" href="#otherOp" id="menu_otherOp">
					<span class="mui-icon mui-icon-bars content-center"></span>
					<span class="mui-tab-label content-center">其他操作</span>
				</a>
			</nav>
       	
		  	<div id="instockOp" class="mui-control-content mui-active">
				<div  class="mui-slider-item mui-active">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/in/receipt.html" style="background-color: #2187E7;" class="myfont-color my-border">
								<i class="fa fa-truck myicon-plus"></i>
								<div class="mui-media-body myfont-color">普通收货</div>
							</a>
						</li>
						
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/in/inShelf.html" style="background-color: #0AB088;" class="myfont-color my-border">
								<i class="fa fa-toggle-up myicon-plus"></i>
								<div class="mui-media-body myfont-color">普通上架</div>
							</a>
						</li>
 
						<li style="display: none;" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="#" style="background-color: #EEA236" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">退货签收</div>
							</a>
						</li>
					</ul>
				</div>
            </div>			
			
			
			<div id="outstockOp" class="mui-control-content">
				<div  class="mui-slider-item">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/outShelf.html" style="background-color: #2187E7;" class="myfont-color my-border">
								<i class="fa fa-cube myicon-plus"></i>
								<div class="mui-media-body myfont-color">订单下架</div>
							</a>
						</li>
						<li style="" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/outhelfByWave.html" style="background-color: #0AB088;" class="myfont-color my-border">
								<i class="fa fa-shopping-cart myicon-plus"></i>
								<div class="mui-media-body myfont-color">波次下架</div>
							</a>
						</li>
						<li style="display: none;" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/waveOutshelfAndSorting.html" style="background-color: #2187E7;" class="myfont-color my-border">
								<i class="fa fa-shopping-cart myicon-plus"></i>
								<div class="mui-media-body myfont-color">边下边分</div>
							</a>
						</li>						
						<li style="" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/waveSorting.html" style="background-color: #EC4844;" class="myfont-color my-border">
								<i class="fa fa-sort-amount-asc myicon-plus"></i>
								<div class="mui-media-body myfont-color">波次分拣</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/outBoxed.html" style="background-color: #EEA236;" class="myfont-color my-border">
								<i class="fa fa-bold myicon-plus"></i>
								<div class="mui-media-body myfont-color">打包装箱</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/validateLabel.html" style="background-color: #EC4844;" class="myfont-color my-border">
								<i class="fa fa-navicon myicon-plus"></i>
								<div class="mui-media-body myfont-color">贴单验证</div>
							</a>
						</li>
						<li style="" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/bindPacket.html" style="background-color: #EEA236;" class="myfont-color my-border">
								<i class="fa fa-th-large myicon-plus"></i>
								<div class="mui-media-body myfont-color">绑定托盘</div>
							</a>
						</li>
						<li style="" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/bindTotalWaybill.html" style="background-color: #CC6600;" class="myfont-color my-border">
								<i class="fa fa-truck myicon-plus"></i>
								<div class="mui-media-body myfont-color">绑定总单</div>
							</a>
						</li>
						
						<li style="" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="#" style="background-color: #0066FF;" class="myfont-color my-border">
								<i class="fa fa-plane myicon-plus"></i>
								<div class="mui-media-body myfont-color">总单发货</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/out/singleShipped.html" style="background-color: #0066FF;" class="myfont-color my-border">
								<i class="fa fa-plane myicon-plus"></i>
								<div class="mui-media-body myfont-color">单个发货</div>
							</a>
						</li>						
					</ul>
				</div>
			</div>
			
			<div id="inventoryOp" class="mui-control-content">
				<div   class="mui-slider-item">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/inventory/check.html" style="background-color: #2187E7;" class="myfont-color my-border">
								<i class="fa fa-puzzle-piece myicon-plus"></i>
								<div class="mui-media-body myfont-color">库存盘点</div>
							</a>
						</li>
						<li style="display: none;" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="#" style="background-color: #EC4844;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">库位抽查</div>
							</a>
						</li>
						<li style="display: none;" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="#" style="background-color: #EEA236;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">移位下架</div>
							</a>
						</li>
						<li style="display: none;" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="#" style="background-color: #00DD77;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">移位上架</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/inventory/mvRandom.html" style="background-color: #00DD77;" class="myfont-color my-border">
								<i class="fa fa-chain myicon-plus"></i>
								<div class="mui-media-body myfont-color">库存移位</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
					
			<div id="otherOp" class="mui-control-content">
				<div   class="mui-slider-item">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/other/locationInventory.html" style="background-color: #2187E7;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">库位库存</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/other/skuInventory.html" style="background-color: #0AB088;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">SKU库存</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/other/productPicture.html" style="background-color: #EC4844;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">商品拍照</div>
							</a>
						</li>
						
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="html/other/productMaintain.html" style="background-color: #EC4844;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">商品维护</div>
							</a>
						</li>
						
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" style="display: none;">
							<a href="#" style="background-color: #EEA236;" class="myfont-color my-border">
								<span class="mui-icon mui-icon-bars myicon-plus"></span>
								<div class="mui-media-body myfont-color">效期维护</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	 
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="./js/mui.view.js "></script>
		<script src='./libs/easymob-webim-sdk/jquery-1.11.1.js'></script>
		<script src='./libs/easymob-webim-sdk/strophe-custom-2.0.0.js'></script>
		<script src='./libs/easymob-webim-sdk/json2.js'></script>
		<script src="./libs/easymob-webim-sdk/easemob.im-1.0.5.js"></script>

		<script type="text/javascript" charset="utf-8">
			//初始化
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});	
//			location.reload();
			//点击菜单时,存储
			document.getElementById("menu_instockOp").addEventListener('tap', function() {
				localStorage.setItem('$main_page','instockOp');
			});
			document.getElementById("menu_outstockOp").addEventListener('tap', function() {
				localStorage.setItem('$main_page','outstockOp');
			});
			document.getElementById("menu_inventoryOp").addEventListener('tap', function() {
				localStorage.setItem('$main_page','inventoryOp');
			});
			document.getElementById("menu_otherOp").addEventListener('tap', function() {
				localStorage.setItem('$main_page','otherOp');
			});
			
			//控制存储和恢复之前的标签页
			setTimeout(function() {
				var main_page = localStorage.getItem('$main_page');
				if(main_page == null || main_page == ''){return;}
			
				console.info(main_page);
				$(".mui-tab-item").removeClass("mui-active");
				$("#menu_"+main_page).addClass("mui-active");
					
				$(".mui-control-content").removeClass("mui-active");
				$("#"+main_page).addClass("mui-active");
				
			}, 20);
		</script>					
	
		<script>
			(function($, doc) {
				$.init();
				var settings = app.getSettings();
				
				window.addEventListener('show', function() {
					var state = app.getState();
					var warehouseCode = state.warehouseCode;
					var userCode = state.userCode;
					
				}, false);
				
				$.plusReady(function() {
					document.addEventListener("netchange", checkNetwork, false);
					function checkNetwork() {
						if (plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE) {
							mui.toast("网络异常，请检查网络设置！");
						}
					}
									
					//设置
					var settingButton = doc.getElementById('setting');
					//settingButton.style.display = settings.autoLogin ? 'block' : 'none';
					settingButton.addEventListener('tap', function(event) {
						$.openWindow({
							id: 'setting',
							show: {
								aniShow: 'pop-in'
							},
							styles: {
								popGesture: 'hide'
							},
							waiting: {
								autoShow: false
							}
						});
					});
					
					//--
					$.oldBack = mui.back;
					var backButtonPress = 0;
					$.back = function(event) {
						backButtonPress++;
						if (backButtonPress > 1) {
							plus.runtime.quit();
						} else {
							plus.nativeUI.toast('再按一次退出应用');
						}
						setTimeout(function() {
							backButtonPress = 0;
						}, 1000);
						return false;
					};
					
					var settingPage = $.preload({
						"id": 'setting',
						"url": 'setting.html'
					});
				});
			
				//退出操作******************
				document.getElementById('exit').addEventListener('tap', function() {
					if (mui.os.ios) {
						app.setState({});
						mui.openWindow({
							url: 'login.html',
							id: 'login',
							show: {
								aniShow: 'pop-in'
							},
							waiting: {
								autoShow: false
							}
						});
						return;
					}
					var btnArray = [{
						title: "注销当前账号"
					}, {
						title: "直接关闭应用"
					}];
					plus.nativeUI.actionSheet({
						cancel: "取消",
						buttons: btnArray
					}, function(event) {
						var index = event.index;
						switch (index) {
							case 1:
								//注销账号
								app.setState({});
								/*
								 * 注意：
								 * 1、因本示例应用启动页就是登录页面，因此注册成功后，直接显示登录页即可；
								 * 2、如果真实案例中，启动页不是登录页，则需修改，使用mui.openWindow打开真实的登录页面
								 */
								plus.webview.getLaunchWebview().show("pop-in");
								//若启动页不是登录页，则需通过如下方式打开登录页
		//						mui.openWindow({
		//							url: 'login.html',
		//							id: 'login',
		//							show: {
		//								aniShow: 'pop-in'
		//							}
		//						});
								break;
							case 2:
								plus.runtime.quit();
								break;
						}
					});
				}, false);
			 //************************		
			}(mui, document));
		</script>
	</body>
</html>