369 lines
16 KiB
HTML
369 lines
16 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样式 */
|
|
body{
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
#my-button {
|
|
position: absolute;
|
|
right: 500px;
|
|
bottom: 50px;
|
|
}
|
|
</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: 84%;margin-top: 2%;margin-left: 28%">
|
|
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>日期:</label>
|
|
<div class="layui-input-inline" style="width: 59%">
|
|
<input type="text" class="layui-input" id="rq" name="rq" lay-verify="required" placeholder="yyyy-MM-dd" readonly>
|
|
</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%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 单号（凭证号）:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 79%" type="text" name="pzh" id="pzh" maxlength="50" lay-verify="required" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-input-inline"style="float: left;width: 49.5%;margin-top: 2%;margin-left: 18%" >
|
|
<label class="layui-form-label" style="width: 35%"><i class="tip-required" style="color: red;font-size: 20px">*</i>合同名称(项目名称):</label>
|
|
<select lay-filter="proj-name" name="htmc" id="htmc" lay-verify="required|htmc">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
<div class="layui-input-inline"style="float: left;width: 49.5%;margin-top: 2%;margin-left: 18%" id="upper-gysmc">
|
|
<label class="layui-form-label" style="width: 35%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 供应商名称:</label>
|
|
<select lay-filter="provider-name" name="gysmc" id="gysmc" lay-verify="required|gysmc" lay-search="">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
<div class="layui-input-inline"style="float: left;width: 49.5%;margin-top: 2%;margin-left: 18%" >
|
|
<label class="layui-form-label" style="width: 35%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 商品名称:</label>
|
|
<select lay-filter="goods-name" name="spbh" id="spbh" lay-verify="required|spbh">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="layui-input-inline"style="float: left;width: 49.5%;margin-top: 2%;margin-left: 18%">
|
|
<label class="layui-form-label" style="width: 35%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 付款账号:</label>
|
|
<select name="accountId" id="accountId" lay-verify="required|accountId" lay-search="">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</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%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 金额:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 79%" type="text" name="je" id="je" maxlength="10" lay-verify="required|je" lay-search="" 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%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 人次:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 79%" type="text" name="personNum" id="personNum" maxlength="6" lay-verify="required|personNum" 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%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 发票号码:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 79%" type="text" name="fphm" id="fphm" 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%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 开票金额:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 79%" type="text" name="kpje" id="kpje" maxlength="10" lay-verify="required|kpje" 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%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 收票摘要:</label>
|
|
<div class="layui-input-block">
|
|
<input style="width: 79%" type="text" name="spzy" id="spzy" maxlength="50" lay-verify="required" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-input-inline"style="float: left;width: 49.5%;margin-top: 2%;margin-left: 18%;margin-bottom: 150px;" >
|
|
<label class="layui-form-label" style="width: 35%"><i class="tip-required" style="color: red;font-size: 20px">*</i> 制单人:</label>
|
|
<select lay-filter="zdr-name" name="zdr" id="zdr" lay-verify="required|zdr">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-actions">
|
|
<div class="col-md-12">
|
|
<button class="btn btn-primary" id="my-button" type="submit" style="width: 100px" lay-submit lay-filter="formDemo">
|
|
<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">
|
|
let id = localStorage.getItem("id");
|
|
let form;
|
|
let layer;
|
|
|
|
if (id == null || id == ''){
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getHTMC',
|
|
method: 'get',
|
|
success: (res) => {
|
|
console.log(res)
|
|
for (let i = 0; i < res.length; i++) {
|
|
$('#htmc').append(new Option(res[i].htmc))
|
|
}
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getSPMC',
|
|
method: 'get',
|
|
success: (res) => {
|
|
console.log(res, '商品名称')
|
|
for (let i = 0; i < res.length; i++) {
|
|
$('#spbh').append(new Option(res[i].name, res[i].id))
|
|
}
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getZDR',
|
|
method: 'get',
|
|
success: (res) => {
|
|
console.log(res, '制单人')
|
|
for (let i = 0; i < res.length; i++) {
|
|
$('#zdr').append(new Option(res[i].username, res[i].id))
|
|
}
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
getBankAccount("");
|
|
}
|
|
|
|
|
|
//合同名称
|
|
function htbh(htmc) {
|
|
$("#htmc").empty();
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getHTMC',
|
|
method: 'get',
|
|
success: function (data) {
|
|
var str = '';
|
|
if (data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
if (htmc == data[i].htmc) {
|
|
str += '<option selected value=\'' + data[i].htmc + '\'>' + data[i].htmc + '</option>';
|
|
} else {
|
|
str += '<option value=\'' + data[i].htmc + '\'>' + data[i].htmc + '</option>';
|
|
}
|
|
}
|
|
}
|
|
$("#htmc").append(str);
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
}
|
|
|
|
function gysbh(gysmc,htmc) {
|
|
console.log($("#htmc").val(), '123')
|
|
$("#gysmc").empty();
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getGYSMCById',
|
|
method: 'get',
|
|
data: {
|
|
htmc: htmc
|
|
},
|
|
success: function (data) {
|
|
var str = '';
|
|
if (data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
if (gysmc == data[i].name) {
|
|
str += '<option selected value=\'' + data[i].name + '\'>' + data[i].name + '</option>';
|
|
} else {
|
|
str += '<option value=\'' + data[i].name + '\'>' + data[i].name + '</option>';
|
|
}
|
|
}
|
|
}
|
|
$("#gysmc").append(str);
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
}
|
|
|
|
function getBankAccount(id) {
|
|
$("#accountId").empty();
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getBankAccount',
|
|
method: 'get',
|
|
success: function (data) {
|
|
var str = '';
|
|
if (data.length > 0) {
|
|
str += '<option value="">请选择或搜索关键字</option>';
|
|
for (var i = 0; i < data.length; i++) {
|
|
if (id == data[i].id) {
|
|
str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
|
} else {
|
|
str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
|
}
|
|
}
|
|
}
|
|
$("#accountId").append(str);
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
}
|
|
|
|
function spbh(spid) {
|
|
$("#spbh").empty();
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getSPMC',
|
|
method: 'get',
|
|
success: function (data) {
|
|
var str = '';
|
|
if (data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
if (spid == data[i].id) {
|
|
str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
|
} else {
|
|
str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
|
}
|
|
}
|
|
}
|
|
$("#spbh").append(str);
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
}
|
|
|
|
function zdrbh(zdrid) {
|
|
$("#zdr").empty();
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getZDR',
|
|
method: 'get',
|
|
success: function (data) {
|
|
var str = '';
|
|
if (data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
if (zdrid == data[i].id) {
|
|
str += '<option selected value=\'' + data[i].id + '\'>' + data[i].username + '</option>';
|
|
} else {
|
|
str += '<option value=\'' + data[i].id + '\'>' + data[i].username + '</option>';
|
|
}
|
|
}
|
|
}
|
|
$("#zdr").append(str);
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
}
|
|
|
|
layui.use(['layer', 'form', 'upload'], function(){
|
|
layer = layui.layer;
|
|
form = layui.form;
|
|
var laydate = layui.laydate;
|
|
var upload = layui.upload;
|
|
// 渲染
|
|
laydate.render({
|
|
elem: '#rq'
|
|
});
|
|
|
|
// 自定义验证规则
|
|
form.verify({
|
|
htmc: [/^(?!-1).*$/, '请选择合同名称'],
|
|
gysmc: [/^(?!-1).*$/, '请选择供应商名称'],
|
|
spbh: [/^(?!-1).*$/, '请选择商品名称'],
|
|
zdr: [/^(?!-1).*$/, '请选择制单人'],
|
|
je: [/(^$)|^[0-9]+(\.[0-9]{1,2})?$/,'请输入正确金额,小数点后二位'],
|
|
kpje: [/(^$)|^[0-9]+(\.[0-9]{1,2})?$/,'请输入正确开票金额,小数点后二位'],
|
|
personNum: [/^[1-9]\d{0,5}$/,"请输入1-999999之间的正整数"],
|
|
accountId: [/^(?!-1).*$/, '请选择银行账号']
|
|
})
|
|
|
|
|
|
form.on('select(proj-name)', (projData) => {
|
|
// $('#upper-gysmc').children('.layui-select-disabled').children().first().children().first().addClass('layui-disabled')
|
|
console.log(projData.value)
|
|
console.log($('#htmc').val())
|
|
$('#gysmc').find('option').remove()
|
|
/*if (!projData.value == '' || !projData.value == null) {
|
|
$('#upper-gysmc').children('.layui-select-disabled').children().first().children().first().removeClass('layui-disabled')
|
|
}*/
|
|
$.ajax({
|
|
url: ctxPath + '/payable/getGYSMCById',
|
|
method: 'get',
|
|
data: {
|
|
htmc: projData.value
|
|
},
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
console.log(res)
|
|
for (let i = 0; i < res.length; i++) {
|
|
$('#gysmc').append(new Option(res[i].name))
|
|
}
|
|
layui.form.render('select')
|
|
}
|
|
})
|
|
})
|
|
|
|
form.on('submit(formDemo)', function (data) {
|
|
add(data);
|
|
});
|
|
|
|
// initData();
|
|
form.render();
|
|
});
|
|
|
|
function setData(data){
|
|
$("#id").val(data.id);
|
|
$("#rq").val(data.rq);
|
|
$("#pzh").val(data.pzh);
|
|
htbh(data.htmc);
|
|
gysbh(data.gysmc,data.htmc);
|
|
//$("#gysmc").val(data.gysmc);
|
|
spbh(data.spid);
|
|
getBankAccount(data.accountId);
|
|
$("#personNum").val(data.personNum);
|
|
//$("#spbh").val(data.spbh);
|
|
$("#je").val(data.je);
|
|
$("#fphm").val(data.fphm);
|
|
$("#kpje").val(data.kpje);
|
|
$("#spzy").val(data.spzy);
|
|
zdrbh(data.zdrid);
|
|
//$("#zdr").val(data.zdr);
|
|
}
|
|
|
|
function add(formData) {
|
|
// 加载提示
|
|
var loadingMsg = parent.layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
|
|
var formdata = $("#form");
|
|
$.ajax({
|
|
type : 'post',
|
|
url : ctxPath + '/payable',
|
|
contentType: "application/json; charset=utf-8",
|
|
data : JSON.stringify(formData.field),
|
|
success : function(data) {
|
|
parent.table.reload('menuTable');
|
|
parent.layer.closeAll();
|
|
top.layer.close(addLoadingMsg); //再执行关闭
|
|
parent.layer.msg('成功', {icon: 1, time: 2000});
|
|
},
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |