list.html 7.42 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>

<body class="gray-bg">
    <div class="container-div">
		<div class="row">
			<div class="col-sm-12 select-info">
				<form id="formId">
					<div class="select-list">
						<ul>
							<li>
								<label>集团:</label>
								<input type="text" name="mandt" />
							</li>
							<li>
								<label>工厂:</label>
								<input type="text" name="werks" />
							</li>
							<li>
								<label>库存地点:</label>
								<input type="text" name="lgort" />
							</li>
							<li>
								<label>仓库号:</label>
								<input type="text" name="lgnum" />
							</li>
							<li>
								<label>容器/板台号:</label>
								<input type="text" name="drunId" />
							</li>
							<li>
								<label>库位:</label>
								<input type="text" name="location" />
							</li>
							<li>
								<label>动作标志:</label>
								<select id="mFlag" name="mFlag" th:with="mFlag=${@dict.getType('mFlag')}">
									<option value="">所有</option>
									<option th:each="e : ${mFlag}" th:text="${e['dictLabel']}"
										th:value="${e['dictValue']}"></option>
								</select>
							</li>
							<li>
								<label>入库起点:</label>
								<input type="text" name="fromPos" />
							</li>
							<li>
								<label>出库终点:</label>
								<input type="text" name="toPos" />
							</li>
							<li>
								<label>货物种类:</label>
								<select id="inKind" name="inKind" th:with="inKind=${@dict.getType('inKind')}">
									<option value="">所有</option>
									<option th:each="e : ${inKind}" th:text="${e['dictLabel']}"
										th:value="${e['dictValue']}"></option>
								</select>
							</li>
							<li>
								<label>托架类型:</label>
								<select id="plType" name="plType" th:with="plType=${@dict.getType('inKind')}">
									<option value="">所有</option>
									<option th:each="e : ${plType}" th:text="${e['dictLabel']}"
										th:value="${e['dictValue']}"></option>
								</select>
							</li>
							<!--<li class="select-time">
								<label>命令产生日期:</label>
								<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginInitDate]"/>
								<span>-</span>
								<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endInitDate]"/>
							</li>-->
							<li>
								<label>命令状态:</label>
								<select id="cFlag" name="cFlag" th:with="cFlag=${@dict.getType('cFlag')}">
									<option value="">所有</option>
									<option th:each="e : ${cFlag}" th:text="${e['dictLabel']}"
										th:value="${e['dictValue']}"></option>
								</select>
							</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()"><i
										class="fa fa-refresh"></i>&nbsp;重置</a>
							</li>
						</ul>
					</div>
				</form>
			</div>
			<div class="btn-group hidden-xs" id="toolbar" role="group">
				<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()"
				   shiro:hasPermission="sap:zarsh:add">
					<i class="fa fa-plus"></i> 新增
				</a>
				<a class="btn btn-outline btn-danger btn-rounded multiple disabled" onclick="$.operate.batRemove()"
				   shiro:hasPermission="sap:zarsh:remove">
					<i class="fa fa-trash-o"></i> 删除
				</a>
			</div>
			<div class="col-sm-12 select-info table-striped">
				<table id="bootstrap-table" data-mobile-responsive="true"
					   class="table table-bordered table-hover text-nowrap"></table>
			</div>
		</div>

	</div>
	<div th:include="include :: footer"></div>
	<script th:inline="javascript">
		var editFlag = [[${@permission.hasPermi('sap:zarsh:edit') }]];
		var removeFlag = [[${@permission.hasPermi('sap:zarsh:remove') }]];
		var prefix = ctx + "sap/zarsh"
		var mFlag = [[${@dict.getType('mFlag') }]];
		var plType = [[${@dict.getType('plType') }]];
		var inKind = [[${@dict.getType('inKind') }]];
		var cFlag = [[${@dict.getType('cFlag') }]];

		$(function () {
			var options = {
				url: prefix + "/list",
				createUrl: prefix + "/add",
				updateUrl: prefix + "/edit/{id}",
				removeUrl: prefix + "/remove",
				modalName: "zarsh",
				columns: [{
					checkbox: true
				},
				{
					field: 'uniqueId',
					title: '序列识别码',
					visible: true
				},
				{
					field: 'mandt',
					title: '集团'
				},
				{
					field: 'werks',
					title: '工厂'
				},
				{
					field: 'lgort',
					title: '库存地点'
				},
				{
					field: 'lgnum',
					title: '仓库号'
				},
				{
					field: 'drunId',
					title: '容器/板台号'
				},
				{
					field: 'location',
					title: '库位'
				},
				{
					field: 'mFlag',
					title: '动作标志',
					formatter: function (value, row, index) {
						var actions = [];
						$.each(mFlag, function (index, dict) {
							if (dict.dictValue == value) {
								actions.push("<span class='badge badge-info'>" + dict.dictLabel + "</span>");
								return false;
							}
						});
						return actions.join('');
					}
				},
				{
					field: 'fromPos',
					title: '入库起点'
				},
				{
					field: 'toPos',
					title: '出库终点'
				},
				{
					field: 'inKind',
					title: '货物种类',
					formatter: function (value, row, index) {
						var actions = [];
						$.each(inKind, function (index, dict) {
							if (dict.dictValue == value) {
								actions.push("<span class='badge badge-info'>" + dict.dictLabel + "</span>");
								return false;
							}
						});
						return actions.join('');
					}
				},
				{
					field: 'plType',
					title: '托架类型',
					formatter: function (value, row, index) {
						var actions = [];
						$.each(plType, function (index, dict) {
							if (dict.dictValue == value) {
								actions.push("<span class='badge badge-info'>" + dict.dictLabel + "</span>");
								return false;
							}
						});
						return actions.join('');
					}
				},
				{
					field: 'initDate',
					title: '命令产生日期'
				},
				{
					field: 'endDate',
					title: '命令完成日期'
				},
				{
					field: 'cFlag',
					title: '命令状态',
					formatter: function (value, row, index) {
						var actions = [];
						$.each(cFlag, function (index, dict) {
							if (dict.dictValue == value) {
								actions.push("<span class='badge badge-info'>" + dict.dictLabel + "</span>");
								return false;
							}
						});
						return actions.join('');
					}
				},
				{
					field: 'createTime',
					title: '创建时间'
				},
				{
					field: 'createBy',
					title: '创建者'
				},
				{
					field: 'updateTime',
					title: '修改时间'
				},
				{
					field: 'updateBy',
					title: '修改者'
				},
				{
					title: '操作',
					align: 'center',
					formatter: function (value, row, index) {
						var actions = [];
						actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
						actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
						return actions.join('');
					}
				}]
			};
			$.table.init(options);
		});
	</script>
</body>
</html>