<style>
|
</style>
|
<div>
|
<form class="layui-form" id="manual_verify_form">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">客户名称:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="acctName" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">银行卡号:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="acctNo" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">客户身份证号:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="idNo" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">客户手机号:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="phone" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
<button class="layui-btn" lay-submit lay-filter="acct_verify_query_table_search_btn" id="acct_verify_query_table_search_btn">搜索</button>
|
</div>
|
<br>
|
<span class="layui-btn" id="add_new_verify" lay-filter="add_new_verify">新增签约备案</span>
|
</div>
|
</form>
|
<table id="manual_acct_verify_query_table" lay-filter="manual_acct_verify_query_table"></table>
|
</div>
|
|
<script>
|
layui.use(['table', 'element', 'form', 'laypage'], function () {
|
var index = layer.load(0, { time: 5 * 1000 });
|
var table = layui.table;
|
var form = layui.form;
|
|
//生成table
|
var acct_verify_query_table = _table_render(table, {
|
elem: '#manual_acct_verify_query_table'
|
, id: 'manual_acct_verify_query_table'
|
, url: base_url + '/pp-adm/manualVerify/query' //数据接口
|
, method: 'post'
|
, contentType: 'application/json'
|
, request: {
|
pageName: 'page' //页码的参数名称,默认:page
|
, limitName: 'pageSize' //每页数据量的参数名,默认:limit
|
}
|
, page: true //开启分页
|
, limit: 10 // 默认每页的数量
|
, done: function (res, curr, count) {
|
var element = layui.element;
|
element.init();
|
form.render();
|
layer.close(index);
|
}
|
, parseData: function (res) { //res 即为原始返回的数据
|
return {
|
"code": res.retHeader.retCode, //返回码
|
"msg": res.retHeader.retMessage, //返回信息
|
"count": res.retBody && res.retBody.count, //解析数据长度
|
"data": res.retBody && res.retBody.list //解析数据列表
|
};
|
}
|
, response: {
|
statusName: 'code' //数据状态的字段名称,默认:code
|
, statusCode: '0000' //成功的状态码,默认:0
|
, msgName: 'msg' //状态信息的字段名称,默认:msg
|
, countName: 'count' //数据总数的字段名称,默认:count
|
, dataName: 'data' //数据列表的字段名称,默认:data
|
}
|
, cols: [[
|
{ title: '备案时间', field: 'operateTime', width: 200 }
|
, { title: '支付通道', field: 'payCompany', width: 150 }
|
, { title: '商户号', field: 'merId', width: 200 }
|
, { title: '姓名', field: 'acctName', width: 150 }
|
, { title: '银行卡号', field: 'acctNo', width: 200 }
|
, { title: '手机号', field: 'phone', width: 150 }
|
, { title: '身份证号', field: 'idNo', width: 200 }
|
, { title: '申请人', field: 'userName', width: 150 }
|
, { title: '机构名称', field: 'orgName'}
|
]]
|
// 自定义文本,如空数据时的异常提示等。
|
,text:{
|
none : '暂无相关数据'
|
}
|
});
|
|
// 监听表单搜索
|
form.on('submit(acct_verify_query_table_search_btn)', function (data) {
|
var index = layer.load(0, { time: 1 * 1000 });
|
acct_verify_query_table.reload({
|
where: data.field,
|
done: function (res, curr, count) {
|
console.log(res);
|
layer.close(index);
|
}
|
});
|
return false;
|
});
|
|
// 新增签约备案
|
$("#add_new_verify").click(function () {
|
$.get('views/pay_management/manual_verify/add_new_verify.html', function (str) {
|
// $.get('views/pay_management/manual_verify/test.html', function (str) {
|
window.add_verify_model_index = layer.open({
|
type: 1
|
, title: '新增签约备案'
|
, content: str //注意,如果str是object,那么需要字符拼接。
|
, area: ["1550px", "700px"]
|
});
|
});
|
});
|
});
|
|
</script>
|