<style>
|
#acct .layui-table-cell {
|
overflow: visible;
|
}
|
</style>
|
<div class="padding-20" id="acct">
|
<form class="layui-form" id="add_acct_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">
|
<select name="bankId" id="bankId_select">
|
<option value="">请选择</option>
|
</select>
|
</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>
|
<br>
|
<div class="layui-inline hide form_toggle_search_field_unit">
|
<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 hide form_toggle_search_field_unit">
|
<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 hide form_toggle_search_field_unit">
|
<label class="layui-form-label">签约通道:</label>
|
<div class="layui-input-inline">
|
<select name="merId" id="merId_select">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
<br>
|
<div class="layui-inline">
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
<button class="layui-btn" lay-submit lay-filter="acct_verify_btn" id="acct_verify_btn">签约</button>
|
<button class="layui-btn" lay-submit lay-filter="acct_trans_rec_search_btn" id="acct_trans_rec_search_btn">搜索</button>
|
<span class="search_field_spread_toggle_btn">
|
<span class="spread__toggle_inner_text">展开</span>
|
<i class="layui-icon search_field_spread_toggle_icon1"></i>
|
<i class="layui-icon search_field_spread_toggle_icon2 hide"></i>
|
</span>
|
</div>
|
<br>
|
</div>
|
</form>
|
<table id="acct_trans_rec_table" lay-filter="acct_trans_rec_table"></table>
|
</div>
|
|
<script>
|
layui.use(['table', 'element', 'form'], function () {
|
var table = layui.table;
|
var form = layui.form;
|
|
// 加载银行名称
|
$.ajax({
|
type: 'POST',
|
url: base_url + "/pp-adm/limit/getBankCodes",
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
$("#bankId_select").append(template('bank_name_search_option_tpl', {res:res}));
|
form.render();
|
}
|
});
|
|
// 加载签约通道
|
$.ajax({
|
type: 'POST',
|
url: base_url + "/pp-adm/manualVerify/getVerifyChannel",
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
if(res.retHeader.retCode == '0000') {
|
window.g_verifyChannel = res.retBody;
|
$("#merId_select").append(template('verify_channel_search_option_tpl', res.retBody));
|
form.render();
|
} else {
|
layer.msg(res.retHeader.retMessage);
|
}
|
}
|
});
|
|
|
// 搜索
|
form.on('submit(acct_trans_rec_search_btn)',function (data) {
|
var index = layer.load(0, { time: 5 * 1000 });
|
table.render({
|
elem: '#acct_trans_rec_table'
|
,id: 'acct_trans_rec_table'
|
,url: base_url+'/pp-adm/manualVerify/queryTransRec'
|
,method: 'post'
|
,height: 450
|
,contentType: 'application/json'
|
,limit: 5
|
,where : data.field
|
,parseData: function(res){ //res 即为原始返回的数据
|
return {
|
"code": res.retHeader.retCode, //解析接口状态
|
"msg": res.retHeader.retMessage, //解析提示文本
|
"data": res.retBody && res.retBody.list //解析数据列表
|
};
|
}
|
, response: {
|
statusName: 'code' //数据状态的字段名称，默认：code
|
, statusCode: '0000' //成功的状态码，默认：0
|
, msgName: 'msg' //状态信息的字段名称，默认：msg
|
, dataName: 'data' //数据列表的字段名称，默认：data
|
}
|
, done: function (res, curr, count) {
|
var element = layui.element;
|
element.init();
|
form.render();
|
layer.close(index);
|
}
|
, cols: [[
|
{title: '交易时间', field: 'submitTime',width:160}
|
,{title: '状态', templet: '#status_tpl',width:90}
|
,{title: '支付通道', field: 'channelName',width:150}
|
,{title: '商户号', field: 'merId',width:160}
|
,{title: '姓名', field: 'acctName',width:100}
|
,{title: '银行卡号', field: 'acctNo',width:180}
|
,{title: '手机号', field: 'phone',width:120}
|
,{title: '身份证号', field: 'idNo',width:180}
|
,{title: '签约通道', templet: '#sign_channel_select_tpl',width:270}
|
,{title: '操作', toolbar: '#verify_bar',align:'center'}
|
]]
|
});
|
return false;
|
});
|
|
// 签约
|
form.on('submit(acct_verify_btn)', function (data) {
|
$.ajax({
|
type: 'POST',
|
url: base_url + "/pp-adm/manualVerify/apply",
|
data: JSON.stringify(data.field),
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
layer.msg(res.retHeader.retMessage)
|
}
|
})
|
return false;
|
});
|
|
//监听工具条
|
table.on('tool(acct_trans_rec_table)', function(obj){ // 注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
|
var data = obj.data; //获得当前行数据
|
var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
|
var tr = obj.tr; //获得当前行 tr 的DOM对象
|
var _value = $(tr).find(".row_select").val();
|
data.merId = _value;
|
if(layEvent === 'verify'){ // 签约按钮监听事件
|
$.ajax({
|
type: 'POST',
|
url: base_url + "/pp-adm/manualVerify/apply",
|
data: JSON.stringify(data),
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
layer.msg(res.retHeader.retMessage)
|
}
|
})
|
return false;
|
}
|
});
|
});
|
</script>
|
|
<script type="text/html" id="bank_name_search_option_tpl">
|
{{each res value index}}
|
<option value="{{value.bankId}}">{{value.bankName}}</option>
|
{{/each}}
|
</script>
|
|
<script type="text/html" id="verify_channel_search_option_tpl">
|
{{each list value index}}
|
<option value="{{value.merId}}">{{value.verifyChannel}}</option>
|
{{/each}}
|
</script>
|
|
<script type="text/html" id="status_tpl">
|
{{# if(d.status == 100 || d.status == 300 || d.status == 600){ }}
|
完成提交
|
{{# } else if(d.status == 200){ }}
|
交易成功
|
{{# } else if(d.status == 400){ }}
|
未能处理
|
{{# } else if(d.status == 500){ }}
|
交易失败
|
{{# } }}
|
</script>
|
<script type="text/html" id="verify_channel_bar">
|
<select name="merId" id="channel_select">
|
{{each list value index}}
|
<option value="{{value.bankId}}">{{value.bankName}}</option>
|
{{/each}}
|
<option value="">请选择</option>
|
</select>
|
</script>
|
|
<script type="text/html" id="sign_channel_select_tpl">
|
<select class="row_select">
|
<option value="">请选择</option>
|
{{# layui.each(window.g_verifyChannel.list, function(index, item){ }}
|
<option value="{{item.merId}}">{{item.verifyChannel}}</option>
|
{{# }); }}
|
</select>
|
</script>
|
|
<script type="text/html" id="verify_bar">
|
<a class="layui-btn" lay-event="verify">签约</a>
|
</script>
|
