<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-shipmentHeader-add">
<!--<div class="form-group">-->
<!--<label class="col-sm-3 control-label">出库单类型：</label>-->
<!--<div class="col-sm-8">-->
<!--<select id="type" class="form-control" th:with="shipmentType=${@dict.getType('shipmentType')}">-->
<!--<option th:each="dict : ${shipmentType}" th:text="${dict['dictLabel']}" th:value="${dict['dictValue']}"></option>-->
<!--</select>-->
<!--</div>-->
<!--</div>-->
<div class="form-group">
<label class="col-sm-3 control-label">出库单号：</label>
<div class="col-sm-8">
<input id="orderBill" name="orderBill" 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="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">
<select id = "company" name="company" class="form-control" th:with="list=${@companyService.getCode()}">
<option th:each="item : ${list}" th:text="${item['name']}" th:value="${item['id']}" th:attr = " code = ${item['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=${@warehouse.selectList()}">-->
<!--<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">
<input id="cDepName" name="cDepName" 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="sendName" name="sendName" 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="sendMobile" name="sendMobile" 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="sendAddr" name="sendAddr" 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="sendCompany" name="sendCompany" 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="recName" name="recName" 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="recMobile" name="recMobile" 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="recAddr" name="recAddr" 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="recCompany" name="recCompany" 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">-->
<!--<input id="shipTo" name="shipTo" class="form-control" type="text">-->
<!--<!–<select id="shipTo" class="form-control m-b" th:with="shipmentType=${@dict.getType('shipmentType')}">–>-->
<!--<!–<option th:each="dict : ${shipmentType}" th:text="${dict['dictLabel']}" th:value="${dict['dictValue']}"></option>–>-->
<!--<!–</select>–>-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">优先级(0-99)：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="priority" name="priority" 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="station" name="station" class="form-control" type="text">–>-->
<!--<select id="station" name="station" class="form-control" th:with="station=${@dict.getType('station')}">-->
<!--<option th:each="dict : ${station}" th:text="${dict['dictLabel']}" th:value="${dict['dictValue']}"></option>-->
<!--</select>-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">总数量：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="totalQty" name="totalQty" 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="totalLines" name="totalLines" 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="remark" name="remark" 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="appointmentTime" name="appointmentTime" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<div class="form-group">
<label class="col-sm-3 control-label">是否有效：</label>
<div class="col-sm-8">
<div class="onoffswitch">
<input type="checkbox" th:checked="true" class="onoffswitch-checkbox" id="enable" name="enable">
<label class="onoffswitch-label" for="enable">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">自定义字段1：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="userDef1" name="userDef1" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">自定义字段2：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="userDef2" name="userDef2" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">自定义字段3：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="userDef3" name="userDef3" 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>
<div th:include="include::footer"></div>
<script type="text/javascript">
var prefix = ctx + "shipment/kuaidiHeader"
$("#form-shipmentHeader-add").validate({
rules:{
// companyId:{
// required:true,
// },
orderBill:{
required:true,
},
sourceCode:{
required:true,
},
companyCode:{
required:true,
},
recName:{
required:false,
},
recMobile:{
required:false,
},
recAddr:{
required:false,
},
recCompany:{
required:false,
},
sendName:{
required:false,
},
sendMobile:{
required:false,
},
sendAddr:{
required:false,
},
sendCompany:{
required:false,
},
},
submitHandler: function(form) {
$.ajax({
cache: true,
type: "POST",
url: prefix + "/add",
data: {
"type": $("#type option:selected").val(),
"companyId": $("#company option:selected").val(),
"companyCode": $("#company option:selected").attr("code"),
"orderBill": $("input[name='orderBill']").val(),
"sourceCode": $("input[name='sourceCode']").val(),
"remark": $("input[name='remark']").val(),
"uWarehouseCode":$("#uWarehouseCode option:selected").val(),
"enable":$("input[name='enable']").is(':checked') == true ? 1 : 0,
"cDepName": $("input[name='cDepName']").val(),
"recName": $("input[name='recName']").val(),
"recMobile": $("input[name='recMobile']").val(),
"recAddr": $("input[name='recAddr']").val(),
"recCompany": $("input[name='recCompany']").val(),
"sendName": $("input[name='sendName']").val(),
"sendMobile": $("input[name='sendMobile']").val(),
"sendAddr": $("input[name='sendAddr']").val(),
"sendCompany": $("input[name='sendCompany']").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: '#appointmentTime',min: 0, theme: 'molv' ,type: 'datetime'});
});
$("select[name='company']").change(function (e) {
let companyCode=$("select[name='company'] 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>