stockUp.html 5.83 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="address-form">
					<div class="select-list">
						<ul>
							<li>
								出库单号:<input type="text" name="code"/>
							</li>
							<li>
								上游单号:<input type="text" name="referCode"/>
							</li>
							<li class="time">
								<label>创建时间: </label>
								<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[createdBegin]"/>
								<span>-</span>
								<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[createdEnd]"/>
							</li>
							<li>
								<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
							</li>
						</ul>
					</div>
				</form>
			</div>

		    <div class="btn-group hidden-xs" id="toolbar" role="group">

		    </div>
			
		   <div class="col-sm-12 select-info">
			  <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
		   </div>
		</div>
    </div>
    <div th:include="include :: footer"></div>
    <script th:inline="javascript">
        var prefix = ctx + "shipment/stockUp"

		var shipmentTypes = [[${@ShipmentTypeService.getType()}]];
		var company = [[${@companyService.getCode()}]];
		var customer = [[${@CustomerService.getCode()}]];
		var shipmentHeaderStatus = [[${@dict.getType('shipmentHeaderStatus')}]];


        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                modalName: "备货计划",
                search: false,
                columns: [{
		            checkbox: true
		        },
					{
						field: 'id',
						title: '出库单id',
						sortable: true
					},
					{
						field: 'createdBy',
						title: '创建用户',
						sortable: true
					},
					{
						field: 'code',
						title: '出库单号',
						sortable: true
					},
					{
						field: 'companyCode',
						title: '货主',
						align: 'center',
						sortable: true,
						formatter: function (value, row, index) {
							var actions = [];
							$.each(company, function (index, dict) {
								if (dict.code == value) {
									actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
									return false;
								}
							});
							return actions.join('');
						}
					},
					{
						field: 'referCode',
						title: '上游订单号',
						sortable: true
					},
					{
						field: 'referCodeType',
						title: '上游订单内部号',
						sortable: true,
						visible: false
					},
					{
						field: 'projectCode',
						title: '项目号',
						visible: false
					},
					{
						field: 'shipmentType',
						title: '出库类型',
						align: 'center',
						sortable: true,
						formatter: function (value, row, index) {
							var actions = [];
							$.each(shipmentTypes, function (index, dict) {
								if (dict.code == value) {
									actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
									return false;
								}
							});
							return actions.join('');
						}
					},
					{
						field: 'customerCode',
						title: '客户',
						align: 'center',
						formatter: function (value, row, index) {
							var actions = [];
							$.each(customer, function (index, dict) {
								if (dict.code == value) {
									actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
									return false;
								}
							});
							return actions.join('');
						}
					},
					{
						field: 'priority',
						title: '优先级',
						visible: false
					},
					{
						field: 'route',
						title: '路线',
						visible: false,
						sortable: true
					},
					{
						field: 'waveId',
						title: '波次号',
						visible: false
					},
					{
						field: 'totalQty',
						title: '总数量'
					},
					{
						field: 'totalLines',
						title: '总行数'
					},
					{
						field: 'firstStatus',
						title: '头状态',
						formatter: function (value, row, index) {
							return $.table.selectDictLabel(shipmentHeaderStatus, value);
						},
						sortable: true
					},
					{
						field: 'lastStatus',
						title: '尾状态',
						formatter: function (value, row, index) {
							return $.table.selectDictLabel(shipmentHeaderStatus, value);
						},
						sortable: true
					},
					{
						field: 'created',
						title: '创建时间',
						sortable: true
					},
					{
						field: 'lastUpdated',
						title: '最后修改时间',
						visible: false
					},
					{
						field: 'lastUpdatedBy',
						title: '更新用户',
						visible: false
					},
					{
						title: '操作',
						align: 'center',
						formatter: function(value, row, index) {
							var actions = [];
							actions.push('<a class="btn btn-info btn-xs ' +  '" href="#" ' +
									'onclick="verify(\'' + row.id + '\' )"><i class="fa fa-edit"></i>审核</a> ');
							actions.push('<a class="btn btn-success btn-xs ' +  '" href="#"' +
									' onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-cab"></i>取消出库</a>');
							actions.push('<a class="btn btn-danger btn-xs ' +  '" href="#"' +
									' onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-list-ul"></i>优先出库</a>');
							return actions.join('');
						}
					}]
            };
            $.table.init(options);
        });

		function verify(id) {
			let url = ctx + "shipment/stockUp/verify" + "/" +  id;
			$.modal.open("审核订单", url);
		}

    </script>



</body>
</html>