下拉选框
This commit is contained in:
Jimmy
parent
65f9f35882
commit
17cf998ff6
@ -17,7 +17,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="layui-form layuimini-form">
|
<div class="layui-form layuimini-form" lay-filter="addOrder">
|
||||||
<div class="layui-container">
|
<div class="layui-container">
|
||||||
|
|
||||||
<div class="layui-row">
|
<div class="layui-row">
|
||||||
@ -36,7 +36,9 @@
|
|||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label required">供方</label>
|
<label class="layui-form-label required">供方</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<input type="text" name="supplier" placeholder="请输入供方" value="" class="layui-input">
|
<select name="supplier" id='supplier' lay-verify="required" lay-filter="supplier"
|
||||||
|
lay-search="">
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -44,7 +46,8 @@
|
|||||||
<div class="layui-col-md6"></div>
|
<div class="layui-col-md6"></div>
|
||||||
<label class="layui-form-label required">需方</label>
|
<label class="layui-form-label required">需方</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<input type="text" name="client" placeholder="请输入需方" value="" class="layui-input">
|
<select name="client" id='client' lay-verify="required" lay-filter="client" lay-search="">
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -111,12 +114,11 @@
|
|||||||
|
|
||||||
<div class="layui-row">
|
<div class="layui-row">
|
||||||
<div class="layui-col-md6">
|
<div class="layui-col-md6">
|
||||||
<div class="layui-form-item">
|
<div class="layui-col-md6"></div>
|
||||||
<label class="layui-form-label required">账号</label>
|
<label class="layui-form-label required">账号</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<input type="text" name="supplier_bankaccount " placeholder="请输入账号" value="" readonly
|
<input type="text" name="supplier_bankaccount" placeholder="请输入账号" value="" readonly
|
||||||
class="layui-input layui-disabled">
|
class="layui-input layui-disabled">
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-md6">
|
<div class="layui-col-md6">
|
||||||
@ -383,8 +385,164 @@
|
|||||||
}, 500);
|
}, 500);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//加载供方和需方下拉框
|
||||||
|
//供方
|
||||||
|
$.ajax({
|
||||||
|
url: apiUrl + '/api/services/app/Supplier/GetAllSupplier', //请求的url地址
|
||||||
|
dataType: "json", //返回格式为json
|
||||||
|
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||||||
|
data: {}, //参数值
|
||||||
|
type: "GET", //请求方式
|
||||||
|
success: function (req) {
|
||||||
|
//请求成功时处理
|
||||||
|
var src = '<option value="">直接选择或搜索选择</option>';
|
||||||
|
$.each(req.result.data, function (index, item) {
|
||||||
|
src += '<option value="' + item.id + '">' + item.supplierName + '</option>';// 下拉菜单里添加元素
|
||||||
|
//$('#id').append(new Option(item.name, item.id));// 下拉菜单里添加元素,加载速度相对较慢
|
||||||
|
});
|
||||||
|
$('#supplier').html(src);
|
||||||
|
form.render("select");//重新渲染 固定写法
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
/*错误信息处理*/
|
||||||
|
layer.msg("获取供方失败，请重试！");
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
//需方
|
||||||
|
$.ajax({
|
||||||
|
url: apiUrl + '/api/services/app/Supplier/GetAllSupplier', //请求的url地址
|
||||||
|
dataType: "json", //返回格式为json
|
||||||
|
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||||||
|
data: {}, //参数值
|
||||||
|
type: "GET", //请求方式
|
||||||
|
success: function (req) {
|
||||||
|
//请求成功时处理
|
||||||
|
var src = '<option value="">直接选择或搜索选择</option>';
|
||||||
|
$.each(req.result.data, function (index, item) {
|
||||||
|
src += '<option value="' + item.id + '">' + item.supplierName + '</option>';// 下拉菜单里添加元素
|
||||||
|
//$('#id').append(new Option(item.name, item.id));// 下拉菜单里添加元素,加载速度相对较慢
|
||||||
|
});
|
||||||
|
$('#client').html(src);
|
||||||
|
form.render("select");//重新渲染 固定写法
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
/*错误信息处理*/
|
||||||
|
layer.msg("获取需方失败，请重试！");
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
//下拉框监听 供方
|
||||||
|
form.on('select(supplier)', function (data) {
|
||||||
|
|
||||||
|
clearsupplierDrop();
|
||||||
|
|
||||||
|
if (data.value != '') {
|
||||||
|
//获取所选供方详细信息
|
||||||
|
$.ajax({
|
||||||
|
url: apiUrl + '/api/services/app/Supplier/Get', //请求的url地址
|
||||||
|
dataType: "json", //返回格式为json
|
||||||
|
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||||||
|
data: { id: data.value }, //参数值
|
||||||
|
type: "GET", //请求方式
|
||||||
|
success: function (req) {
|
||||||
|
//请求成功时处理
|
||||||
|
var Supplierdata = req.result;
|
||||||
|
|
||||||
|
form.val("addOrder", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
||||||
|
"supplier_address": Supplierdata.address,// "name": "value"
|
||||||
|
"supplier_creditcode": Supplierdata.address,// "name": "value"
|
||||||
|
"supplier_bank": Supplierdata.address,// "name": "value"
|
||||||
|
"supplier_bankaccount": Supplierdata.address,// "name": "value"
|
||||||
|
"supplier_telnum": Supplierdata.fixedtelephone,// "name": "value"
|
||||||
|
"supplier_fax": Supplierdata.address,// "name": "value"
|
||||||
|
"supplier_contactperson": Supplierdata.contacts,// "name": "value"
|
||||||
|
"supplier_phonenum": Supplierdata.mobilephone,// "name": "value"
|
||||||
|
"supplier_email": Supplierdata.email,// "name": "value"
|
||||||
|
});
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
/*错误信息处理*/
|
||||||
|
layer.msg("获取所选供方信息失败，请重试！");
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
//下拉框监听 需方
|
||||||
|
form.on('select(client)', function (data) {
|
||||||
|
|
||||||
|
clearclientrDrop();
|
||||||
|
|
||||||
|
if (data.value != '') {
|
||||||
|
//获取所选供方详细信息
|
||||||
|
$.ajax({
|
||||||
|
url: apiUrl + '/api/services/app/Supplier/Get', //请求的url地址
|
||||||
|
dataType: "json", //返回格式为json
|
||||||
|
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||||||
|
data: { id: data.value }, //参数值
|
||||||
|
type: "GET", //请求方式
|
||||||
|
success: function (req) {
|
||||||
|
//请求成功时处理
|
||||||
|
var clientdata = req.result;
|
||||||
|
|
||||||
|
form.val("addOrder", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
||||||
|
"client_address": clientdata.address,// "name": "value"
|
||||||
|
"client_creditcode": clientdata.address,// "name": "value"
|
||||||
|
"client_bank": clientdata.address,// "name": "value"
|
||||||
|
"client_bankaccount": clientdata.address,// "name": "value"
|
||||||
|
"client_telnum": clientdata.fixedtelephone,// "name": "value"
|
||||||
|
"client_fax": clientdata.address,// "name": "value"
|
||||||
|
"client_contactperson": clientdata.contacts,// "name": "value"
|
||||||
|
"client_phonenum": clientdata.mobilephone,// "name": "value"
|
||||||
|
"client_email": clientdata.email,// "name": "value"
|
||||||
|
});
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
/*错误信息处理*/
|
||||||
|
layer.msg("获取所选需方信息失败，请重试！");
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//清除供方下拉框数据
|
||||||
|
function clearsupplierDrop() {
|
||||||
|
form.val("addOrder", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
||||||
|
"supplier_address": '',
|
||||||
|
"supplier_creditcode": '',
|
||||||
|
"supplier_bank": '',
|
||||||
|
"supplier_bankaccount": '',
|
||||||
|
"supplier_telnum": '',
|
||||||
|
"supplier_fax": '',
|
||||||
|
"supplier_contactperson": '',
|
||||||
|
"supplier_phonenum": '',
|
||||||
|
"supplier_email": '',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
//清除需方下拉框数据
|
||||||
|
function clearclientrDrop() {
|
||||||
|
form.val("addOrder", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
||||||
|
"client_address": '',
|
||||||
|
"client_creditcode": '',
|
||||||
|
"client_bank": '',
|
||||||
|
"client_bankaccount": '',
|
||||||
|
"client_telnum": '',
|
||||||
|
"client_fax": '',
|
||||||
|
"client_contactperson": '',
|
||||||
|
"client_phonenum": '',
|
||||||
|
"client_email": '',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* toolbar监听事件
|
* toolbar监听事件
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user