threejs_board_packing_display
/
index.html

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>Document</title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/loader.css">
		<link rel="stylesheet" href="css/Aqua/css/ligerui-all.css">
	</head>

	<body>
		<div class="container">
			<div id="layout">
				<div position="center">
					<div class="controller">
						<a id="prevTask" class="d-tools-li" href="javascript:;"></a>
						<select id="taskTab" name="taskTab"></select>
						<a id="nextTask" class="d-tools-li" href="javascript:;"></a>
						<a id="prevCarton" class="d-tools-li" href="javascript:;"></a>
						<select id="cartonTab" name="cartonTab"></select>
						<a id="nextCarton" class="d-tools-li" href="javascript:;"></a>
						<a class="d-tools-li" href=""><img src="./images/upload.png" width="30px" height="30px">输出报表</a>
					</div>

					<div id="canvas-frame" onmousewheel="return false;"></div>
					<div class="controller-bottom">
						<a id="first" class="d-tools-li" href="javascript:;">第一步</a>
						<a id="prev" class="d-tools-li" href="javascript:;">上一步</a>
						<a id="next" class="d-tools-li" href="javascript:;">下一步</a>
						<a id="last" class="d-tools-li" href="javascript:;">最后一步</a>
					</div>
				</div>

				<div position="right" id="right">
					<div class="tab-title">
						<span class="tab-tool-li"></span>
						<div class="tab-title-li on">报表</div>
						<div class="tab-title-li">纸箱</div>
						<div class="tab-title-li">当前纸箱</div>
						<div class="tab-title-li">板材</div>
					</div>
					<div title="报表">
						<div class="tab-body-li">
							<div class="report">
								<p>任务编号：<span></span></p>
								<p>货物总体积(m)：<span></span>m³</p>
								<p>集装箱总体积(m)：<span></span>m³</p>
								<p>总利用率：<span></span></p>
								<p>总损耗率：<span></span></p>
								<p>板材总数量：<span></span></p>
								<p>纸箱总面积(m):<span></span>m²</p>
								<p>填充物总体积(剔除部分)：<span></span>m³</p>
								<p>一包一块数量：<span></span></p>
								<p>板件总重量：<span></span>kg</p>
								<p>护角总重量：<span></span>kg</p>
								<p>泡沫总重量：<span></span>kg</p>
								<p>钉箱总重量：<span></span>kg</p>
								<p>纸箱总重量：<span></span>kg</p>
								<p>总重量：<span></span>kg</p>
							</div>
						</div>
					</div>
					<div title="纸箱">
						<div class="tab-body-li dn">
							<div id="cartionGrid"></div>
						</div>
					</div>
					<div title="当前纸箱">
						<div class="tab-body-li dn">
							<div class="report">
								<p>纸箱编码：<span></span></p>
								<p>板材数量：<span></span></p>
								<p>纸箱长：<span></span></p>
								<p>纸箱宽：<span></span></p>
								<p>纸箱高：<span></span></p>
								<p>纸箱利用率 ：<span></span></p>
								<p>总重量：<span></span></p>
								<p>纸箱层数：<span></span></p>
								<p>订单ID：<span></span></p>
								<p>包装规则：<span></span></p>
								<p>混包规则：<span></span></p>
								<p>板件重量：<span></span></p>
								<p>护角重量：<span></span></p>
								<p>泡沫重量：<span></span></p>
								<p>钉箱重量：<span></span></p>
								<p>纸箱重量：<span></span></p>
							</div>
						</div>
					</div>
					<div title="板材">
						<div class="tab-body-li dn">
							<div id="detailGrid"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="cssload-loader">加载中</div>
	</body>
	<script src="js/jquery-1.9.0.min.js"></script>
	<script src="js/ligerui.js"></script>
	<script src="js/three.js"></script>
	<script src="js/OrbitControls.js"></script>
	<script src="js/columns.js"></script>
	<script src="js/3DPack.js"></script>
	<script src="js/index.js"></script>

</html>