unis_sip/ruoyi-admin/src/main/resources/templates/manage/delivery/edit.html

180 lines
8.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" />
<style>
.radio-box {
padding-right: 3px !important;
}
</style>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-delivery-edit" th:object="${orderDelivery}">
<input name="id" th:field="*{id}" type="hidden">
<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">
<input style="display: none" th:field="*{orderId}" name="orderId" class="form-control" readonly type="text" required>
<input name="orderName" th:field="*{orderName}" readonly class="form-control" type="text" onclick="openList()" required>
<span class="input-group-addon"><i class="fa fa-search" onclick="openList()"></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">
<input disabled name="deliveryCode" th:field="*{deliveryCode}" class="form-control" type="text" placeholder="保存后自动生成">
</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" th:value="${#dates.format(orderDelivery.deliveryDate, 'yyyy-MM-dd')}" 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}" th:field="*{deliveryType}"></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">
<select name="logisticsCompany" class="form-control" th:field="*{logisticsCompany}" th:with="type=${@dict.getType('logistics_company')}">
<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 is-required">物流单号:</label>
<div class="col-sm-8">
<input name="logisticsCode" th:field="*{logisticsCode}" 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="receiverName" th:field="*{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" th:field="*{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" th:field="*{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:field="*{deliveryStatus}" 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" th:value="${#dates.format(orderDelivery.signTime, 'yyyy-MM-dd')}" 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">[[*{remark}]]</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";
$("#form-delivery-edit").validate({
focusCleanup: true
});
function submitHandler() {
if ($.validate.form()) {
$.operate.save(prefix + "/edit", $('#form-delivery-edit').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(){
var options = {
title: "选择合同",
url: prefix + '/selectOrder',
// skin: 'layui-layer-gray',
maxmin: false,
full: false,
index:1000,
callBack: doSubmit
};
$.modal.openOptions(options)
}
function doSubmit(index, layero){
var rows = layero.find("iframe")[0].contentWindow.getSelections();
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
$('[name="orderId"]').val(rows[0].id);
$(' [name="orderName"]').val(rows[0].orderName);
$.modal.close(index);
}
</script>
</body>
</html>