taskbackracking.html 3.85 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
	#toolbar1{
		display: inline-block;
		/*position: absolute;*/
		margin: 10px auto;
		line-height: 34px;
	}
</style>
<body class="gray-bg">
<div class="container-div">
	<div class="row">
		<div class="col-sm-12 select-info">
			<ul id="myTab" class="nav nav-tabs">
				<li class="active"><a href="#tabHeader" data-toggle="tab">主表</a></li>
<!--				<li><a href="#tabDetail" data-toggle="tab">明细</a></li>-->
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="tabHeader">
					<div class="col-sm-12 select-info">
						<form id="task-form">
							<div class="select-list">
								<ul>
									<input type="hidden" th:value="${InternalTaskType}" name="InternalTaskType">
									<li>
									</li>
									<li>
										任务id:<input type="text" name="id"/>
									</li>
									<li>
										容器编号:<input type="text" name="containerCode"/>
									</li>
									<li>
										任务类型:<select name="taskType" th:with="type=${@dict.getType('taskType')}">
										<option value="">所有</option>
										<option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
									</select>
									</li>
									<li>
									<li>
										<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
										<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('task-form')"><i class="fa fa-refresh"></i>&nbsp;重置</a>
									</li>
								</ul>
							</div>
						</form>
					</div>

					<input type="hidden" id="taskId" name="taskId" th:value="${taskId}"/>
					<input type="hidden" id="internalTaskType" name="internalTaskType" th:value="${InternalTaskType}"/>
					<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover text-nowrap"></table>
				</div>
			</div>
		</div>
	</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
	var prefix = ctx + "manager/Backtracking";
	// var prefix1 = ctx + "task/taskDetail"
	var stations = [[${@dict.getType('station')}]];
	var taskTypes=[[${@dict.getType('taskType')}]];
	var taskStatus=[[${@dict.getType('taskStatus')}]];
	var taskDetailStatus=[[${@dict.getType('taskDetailStatus')}]];
	var zone =[[${@zone.getCode()}]];

	$(function() {
		var options = {
			url: prefix + "/list",
			modalName: "任务回溯",
			sortName: "lastUpdated",
			sortOrder: "desc",
			search: false,
			clickToSelect:true,
			queryParams: queryParams,
			columns: [{
				checkbox: true
			},
				{
					field : 'id',
					title : 'id' ,
					sortable: true
				},
				{
					field : 'containerCode',
					title : '容器号' ,
					sortable: true
				},
				{
					field : 'taskType',
					title : '任务类型' ,
					align: 'center',
					visible:true,
					formatter: function(value, row, index) {
						return $.table.selectDictLabel(taskTypes, value);
					}
				},
				{
					field : 'created',
					title : '任务生成时间',
					sortable: true
				},
				{
					field : 'executed',
					title : '任务下发时间'
				},
				{
					field : 'arrived',
					title : '到达拣选台时间'
				},
				{
					field : 'assignmentd',
					title : '分配库位时间'
				},
				{
					field : 'finishTime',
					title : '任务完成时间'
				},
			]
		};
		$.table.init(options);
	});
	function queryParams(params) {
		return {
			InternalTaskType: +[[${InternalTaskType}]],
			// 传递参数查询参数
			pageSize:       params.limit,
			pageNum:        params.offset / params.limit + 1,
			searchValue:    params.search,
			orderByColumn:  params.sort,
			isAsc:          params.order
		};
	};
</script>
</body>
</html>