xtywms.git - Gitblit

			@@ -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,85 @@
			/-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 {
			text-align: center;
			vertical-align: middle;
			height: 80px;
			font-size: 24px;
			}
			</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="1" cellspacing="1">
			<tr>
			<td>
			<a id="comb" onclick="nav(this.id)" class="nav-select" href="#">组托</a>
			</td>
			<td>
			<a id="combPro" onclick="nav(this.id)" class="nav-unselect" href="#">关联组托</a>
			</td>
			</tr>
			<tr>
			<td>
			<a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">入库</a>
			</td>
			<td>
			<a id="stockOut" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a>
			</td>
			</tr>
			<tr>
			<td>
			<a id="locNormalIn" onclick="nav(this.id)" class="nav-unselect" href="#">平仓入库</a>
			</td>
			<td></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");
			$('#' + id).attr("class", "nav-select");
			$('#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>