177 lines
7.6 KiB
HTML
177 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
|
<head>
|
|
<th:block th:include="include :: header('新增发货记录')" />
|
|
<th:block th:include="include :: datetimepicker-css" />
|
|
</head>
|
|
<body class="white-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
<form class="form-horizontal m" id="form-delivery-add">
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">关联合同：</label>
|
|
<div class="col-sm-8">
|
|
<input style="display: none" name="orderId" class="form-control" readonly type="text" required>
|
|
<input name="orderName" class="form-control" readonly type="text" onclick="openList()" required>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">发货单号：</label>
|
|
<div class="col-sm-8">
|
|
<input name="deliveryCode" class="form-control" type="text" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">发货日期：</label>
|
|
<div class="col-sm-8">
|
|
<div class="input-group date">
|
|
<input name="deliveryDate" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">发货方式：</label>
|
|
<div class="col-sm-8">
|
|
<select name="deliveryType" class="form-control" th:with="type=${@dict.getType('delivery_type')}" required>
|
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">物流公司：</label>
|
|
<div class="col-sm-8">
|
|
<input name="logisticsCompany" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">物流单号：</label>
|
|
<div class="col-sm-8">
|
|
<input name="logisticsCode" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">收货人姓名：</label>
|
|
<div class="col-sm-8">
|
|
<input name="receiverName" class="form-control" type="text" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">收货人电话：</label>
|
|
<div class="col-sm-8">
|
|
<input name="receiverPhone" class="form-control" type="text" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">收货地址：</label>
|
|
<div class="col-sm-8">
|
|
<input name="receiverAddress" class="form-control" type="text" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">发货状态：</label>
|
|
<div class="col-sm-8">
|
|
<div class="radio-box" th:each="dict : ${@dict.getType('delivery_status')}">
|
|
<input type="radio" th:id="${'deliveryStatus_' + dict.dictCode}" name="deliveryStatus" th:value="${dict.dictValue}" th:checked="${dict.default}" required>
|
|
<label th:for="${'deliveryStatus_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">签收时间：</label>
|
|
<div class="col-sm-8">
|
|
<div class="input-group date">
|
|
<input name="signTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">备注：</label>
|
|
<div class="col-sm-8">
|
|
<textarea name="remark" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<th:block th:include="include :: footer" />
|
|
<th:block th:include="include :: datetimepicker-js" />
|
|
<script th:inline="javascript">
|
|
var prefix = ctx + "manage/delivery"
|
|
var prefixOrder = ctx + "manage/order";
|
|
let orderList=[]
|
|
$("#form-delivery-add").validate({
|
|
focusCleanup: true
|
|
});
|
|
$(function (){
|
|
|
|
})
|
|
// function getOrderList() {
|
|
// $.operate.post(prefixOrder + "/list",{isTable:0}, function (res){
|
|
// orderList=res.rows
|
|
// $("[name='orderId']").html(
|
|
// orderList.map((ele)=>{
|
|
// return `<option value="${ele.id}">${ele.orderName}</option>`
|
|
// }).join('')
|
|
// )
|
|
//
|
|
// })
|
|
// }
|
|
function submitHandler() {
|
|
if ($.validate.form()) {
|
|
$.operate.save(prefix + "/add", $('#form-delivery-add').serialize());
|
|
}
|
|
}
|
|
|
|
$("input[name='deliveryDate']").datetimepicker({
|
|
format: "yyyy-mm-dd",
|
|
minView: "month",
|
|
autoclose: true
|
|
});
|
|
|
|
$("input[name='signTime']").datetimepicker({
|
|
format: "yyyy-mm-dd",
|
|
minView: "month",
|
|
autoclose: true
|
|
});
|
|
function openList(id){
|
|
var options = {
|
|
title: "关联合同",
|
|
url: prefix + '/selectOrder',
|
|
skin: 'layui-layer-gray',
|
|
btn: ['关闭'],
|
|
yes:function(index){
|
|
$.modal.close(index)
|
|
},
|
|
maxmin: false,
|
|
full: false,
|
|
};
|
|
$.modal.openOptions(options)
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |