112 lines
4.6 KiB
HTML
112 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../layui-v2.8.3/layui/css/layui.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/work/publicStyles.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
|
|
<style>
|
|
/* CSS样式 */
|
|
#my-button {
|
|
position: absolute;
|
|
top: 150px;
|
|
right: 450px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form class="layui-form" action="" method="post" onsubmit="return false">
|
|
<input type="hidden" id="id" name="id">
|
|
<div class="layui-input-inline"style="float: left;width: 50%;margin-top: 2%;margin-left: 20%" >
|
|
<label class="layui-form-label" style="width: 30%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 付款账户名称:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 85%" type="text" name="name" id="name" maxlength="50" lay-verify="required" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-input-inline"style="float: left;width: 50%;margin-top: 2%;margin-left: 20%" >
|
|
<label class="layui-form-label" style="width: 30%">账户:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 85%" type="text" name="accountNumber" id="accountNumber" maxlength="50" lay-verify="required" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-input-inline"style="float: left;width: 50%;margin-top: 2%;margin-left: 20%">
|
|
<label class="layui-form-label" style="width: 30%">备注:</label>
|
|
<div class="layui-input-block">
|
|
<!-- <input style="width: 85%" type="text" name="remarks" id="remarks" maxlength="50" class="layui-input">-->
|
|
<textarea type="text" name="remarks" id="remarks" style="height: 186px; width: 85%; box-sizing: border-box; padding: 10px; font-size: 16px; border-color: #d2d2d2; resize: vertical" autocomplete="off"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-actions">
|
|
<div class="col-md-12">
|
|
<button class="btn btn-primary" id="my-button" type="submit" onclick="add()" style="width: 100px">
|
|
<i class="fa fa-save"></i> 保存
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script type="text/javascript" src="../../js/libs/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
|
<script type="text/javascript" src="../../js/plugin/bootstrapvalidator/bootstrapValidator.min.js"></script>
|
|
<script type="text/javascript" src="../../js/common.js"></script>
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
|
<script type="text/javascript" src="../../layui-v2.8.3/layui/layui.js"></script>
|
|
<script type="text/javascript">
|
|
var id = localStorage.getItem("id");
|
|
let form;
|
|
layui.use(['table', 'layer', 'laydate', 'jquery', 'form'], function(){
|
|
var layer = layui.layer;
|
|
form = layui.form;
|
|
initData();
|
|
form.render();
|
|
});
|
|
|
|
|
|
function initData(){
|
|
if(id != ""){
|
|
$.ajax({
|
|
type : 'get',
|
|
url : ctxPath + '/payAccountInfo/'+id,
|
|
async : false,
|
|
success : function(data) {
|
|
$("#name").val(data.name);
|
|
$("#accountNumber").val(data.accountNumber);
|
|
$("#remarks").val(data.remarks);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function add() {
|
|
if (isNull($("#name").val())){
|
|
layer.msg("请输入账户名称！",{icon:0,time:2000})
|
|
return false;
|
|
}
|
|
var formdata = $("#form");
|
|
if (id == "0"){
|
|
formdata.id = "";
|
|
}else{
|
|
formdata.id = id;
|
|
}
|
|
|
|
formdata.name = $("#name").val();
|
|
formdata.accountNumber = $("#accountNumber").val();
|
|
formdata.remarks = $("#remarks").val();
|
|
$.ajax({
|
|
type : 'post',
|
|
url : ctxPath + '/payAccountInfo',
|
|
contentType: "application/json; charset=utf-8",
|
|
data : JSON.stringify(formdata),
|
|
success : function(data) {
|
|
parent.table.reload('menuTable');
|
|
parent.layer.closeAll();
|
|
top.layer.close(addLoadingMsg); //再执行关闭
|
|
parent.layer.msg('成功', {icon: 1, time: 2000});
|
|
},
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |