zhaoxiaoqiang1
2026-01-04 f1d30d03186c79ca2cbcfe60d6d2ce7d73fba97b
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<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>