xtywms.git - Gitblit

			@@ -1,5 +1,5 @@
			<!DOCTYPE html>
			<html lang="en">
			<html lang="zh">
			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
			@@ -13,10 +13,12 @@
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			}

			html {
			height: 100%;
			/line-height: 1.5;/
			}

			body {
			height: 100%;
			/overflow: hidden;/
			@@ -30,12 +32,14 @@
			position: fixed;
			width: 100%;
			overflow: hidden;
			box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
			}

			.nav li {
			float: left;
			border-right: 1px solid #f1f1f1; /todo/
			}

			.nav li a {
			font-size: 20px;
			letter-spacing: 1px;
			@@ -47,48 +51,114 @@
			/-webkit-transform:scale(1.5);/
			/-moz-transform:scale(1.5);/
			}

			.nav li a:hover {
			color: #000;
			}

			.nav-unselect {
			color: #666;
			color: blue;
			}

			.nav-select {
			background-color: #f1f1f1; /todo/
			color: #000;
			background-color: #f1f1f1; /todo/
			color: blue;
			}

			/* 主体 */
			#content {
			padding-top: 32px;
			/padding-top: 32px;/
			width: 100%;
			height: 100%;
			}

			iframe {
			border-width: 0;
			}

			td {
			color: white;
			background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
			/background-color: rgba(204,204,204,.6);/
			border-radius: 8px;
			text-align: center;
			vertical-align: middle;
			height: 80px;
			font-size: 24px;
			}
			.nav-font-size {
			font-size: 18px;
			}
			</style>
			</head>
			<body>

			<!-- 导航栏 -->
			<ul class="nav">
			<li><a id="comb" onclick="nav(this.id)" class="nav-select" href="#">组托</a></li>
			<li><a id="combPro" onclick="nav(this.id)" class="nav-unselect" href="#">关联组托</a></li>
			<li><a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">入库</a></li>
			<li><a id="stockOut" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a></li>
			</ul>
			<!-- 导航菜单 -->
			<table id="navList" style="width: 100%; border-color: #e6e6e6;" border="0" cellspacing="2">
			<tr>
			<td>
			<div id="comb" onclick="nav(this.id)" class="nav-font-size">立库组托入库</div>
			</td>
			<td>
			<div id="combPro" onclick="nav(this.id)" style="font-size: 15px">立库任务单入库</div>
			</td>
			</tr>
			<tr>
			<td>
			<div id="stockIn" onclick="nav(this.id)" class="nav-font-size">立库配件入库</div>
			</td>
			<td>
			<div id="stockOut" onclick="nav(this.id)" class="nav-font-size">立库配件出库</div>
			</td>
			</tr>
			<tr>
			<td>
			<div id="locNormalIn1" onclick="nav(this.id)" class="nav-font-size">平仓材料入库</div>
			</td>
			<td>
			<div id="locNormalOut1" onclick="nav(this.id)" class="nav-font-size">平仓材料出库</div>
			</td>
			</tr>
			<tr>
			<td>
			<div id="locNormalIn" onclick="nav(this.id)" class="nav-font-size">平仓成品入库</div>
			</td>
			<td>
			<div id="locNormalOut" onclick="nav(this.id)" class="nav-font-size">平仓成品出库</div>
			</td>
			</tr>
			<tr>
			<td>
			<div id="locNormalMove" onclick="nav(this.id)" class="nav-font-size">平仓成品移库</div>
			</td>
			</tr>
			</table>

			<!-- 主体内容 -->
			<iframe id="content" src="comb.html"></iframe>
			<iframe id="content" src=""></iframe>


			</body>
			<script>
			// 导航栏
			function nav(id) {
			$('.nav-select').attr("class", "nav-unselect");
			$('#'+id).attr("class", "nav-select");
			$('#content').attr("src", id+".html");
			// $('.nav-select').attr("class", "nav-unselect");
			// $('#' + id).attr("class", "nav-select");

			if (id === 'locNormalIn1') {
			$('#content').attr("src", "locNormalIn.html?areaType=1");
			} else if (id === 'locNormalOut1') {
			$('#content').attr("src", "locNormalOut.html?areaType=1");
			} else {
			$('#content').attr("src", id + ".html");
			}
			$('#navList').css('display', 'none');
			$('#content').css('display', 'block');
			}

			function backIndex() {
			$('#navList').css('display', 'inline-table');
			$('#content').css('display', 'none');
			}
			</script>
			</html>