<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head>
<th:block th:include="include :: header"/>
<th:block th:include="include :: select2-css"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-receiptHeader-add">
<div class="form-group">
<label class="col-sm-3 control-label">入库类型：</label>
<div class="col-sm-8">
<select name="receiptType" id="receiptType" class="form-control">
<option value="PPII">手持入库单</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">上游系统单号：</label>
<div class="col-sm-8">
<input id="sourceCode" name="sourceCode" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">上游平台：</label>
<div class="col-sm-8">
<input id="sourcePlatform" name="sourcePlatform" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">货主编码：</label>
<div class="col-sm-8">
<select id="companyCode" name="companyCode" class="form-control"
th:with="companyList=${@companyService.selectCompanyByCurrentUserId()}">
<!-- <option value="">所有</option>-->
<option th:each="company : ${companyList}" th:text="${company['name']}"
th:value="${company['code']}" th:attr="code = ${company['code']}"></option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">u8仓库：</label>
<div class="col-sm-8">
<select name="uWarehouseCode" id="uWarehouseCode" class="form-control"
th:with="warehouse=${@warehouseWu.selectListAndCode()}">
<option value="">所有</option>
<option th:each="e : ${warehouse}" th:text="${e['uWarehouseName']}"
th:value="${e['uWarehouseCode']}"></option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">供应商：</label>
<div class="col-sm-8">
<select id="supplierName2" name="supplierName2" class="form-control"></select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">入库单备注：</label>
<div class="col-sm-8">
<input id="receiptNote" name="receiptNote" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">预计到达时间：</label>
<div class="col-sm-8">
<input id="scheduledArriveDate" name="scheduledArriveDate" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<div class="form-control-static col-sm-offset-9">
<button type="submit" class="btn btn-primary">提交</button>
<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
</div>
</div>
</form>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: select2-js"/>
<script type="text/javascript">
var prefix = ctx + "receipt/receiptHeader";
$("#form-receiptHeader-add").validate({
rules: {
receiptType: {
required: true,
},
companyCode: {
required: true,
},
},
submitHandler: function (form) {
$.ajax({
cache: true,
type: "POST",
url: prefix + "/add",
data: {
"receiptType": $("#receiptType option:selected").val(),
"companyCode": $("#companyCode option:selected").val(),
"supplierCode": $("#supplierName2 option:selected").val(),
"receiptNote": $("input[name='receiptNote']").val(),
"scheduledArriveDate": $("input[name='scheduledArriveDate']").val(),
"uWarehouseCode": $("#uWarehouseCode option:selected").val(),
},
async: false,
error: function (request) {
$.modal.alertError("请求失败！");
},
success: function (data) {
$.operate.saveSuccess(data);
}
});
}
});
$(function () {
layui.use('laydate', function () {
var laydate = layui.laydate;
laydate.render({elem: '#scheduledArriveDate', min: 0, theme: 'molv', format: 'yyyy-MM-dd HH:mm:ss'});
});
$('#supplierName2').select2({
ajax: {
url: ctx + 'config/supplier/getData',
dataType: 'json',
type: 'post',
data: function (params) {
let query = {
supplierName: params.term,
}
return query;
}
}
});
$("select[name='companyCode']").change(function (e) {
let companyCode = $("select[name='companyCode'] option:selected").attr('code');
$.ajax({
url: ctx + "receipt/receiptHeader/getwarehouse",
type: 'post',
data: {code: companyCode},
success: function (response) {
if (response.code === 200) {
$("select[name='uWarehouseCode']").children().remove();
$("select[name='uWarehouseCode']").append(`<option value="">所有</option>`);
for (let item of response.data) {
let option = `<option value="${item.uWarehouseCode}">${item.uWarehouseName}</option>`;
$("select[name='uWarehouseCode']").append(option);
}
} else {
$.modal.msgError(response.msg)
}
}
})
})
})
</script>
</body>
</html>