list.html 8.15 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>
	.container-div .row {
		height: 27%;
	}
</style>
<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>
		<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-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="sap:zarsh:edit">
				<i class="fa fa-edit"></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"></table>
		</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>