{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
    .layui-table-page {
        height: 26px;
        margin-top: -14px;
    }
</style>
{/block}
{block name="js"}
<script>
    $(function(){
        // $(".nul_bli").eq(6).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(18).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>客资表单录入信息</span></div>
<table class="layui-table" lay-data="{height:680,url:'/crm/Setting/customerFormsDetail/id/{$id}', page:true,limit:20, id:'idTest'}" lay-filter="demo">
    <thead>
    <tr>
        <th lay-data="{width:100,field:'id',sort: true,align:'center',templet: '#titleTpl'}">序号</th>
        <th lay-data="{field:'result_code', width:150,align:'center', toolbar: '#status'}">提交结果</th>
        <th lay-data="{field:'error_reason', width:300,align:'center'}">错误原因</th>
        <th lay-data="{field:'ip', width:100,align:'center'}">提交IP</th>
        <!--<th lay-data="{field:'staff_id', width:100,align:'center'}">提报人id</th>-->
        <th lay-data="{field:'create_time', width:200,align:'center' ,sort: true,}">提交时间</th>
        <!--<th lay-data="{field:'update_staff_id', width:100, sort: true}">修改人</th>-->
        <!--<th lay-data="{field:'update_time', width:200,align:'center'}">修改时间</th>-->
        <th lay-data="{width:100,field:'score',align:'center', toolbar: '#barDemo'}">操作</th>
    </tr>
    </thead>
</table>
</div>
    </div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="status">
    {{#  if(d.result_code == 200){ }}
    <span class="layui-btn layui-btn-mini">成功</span>
    {{#  } else { }}
    <span class="layui-btn layui-btn-danger layui-btn-mini" >失败</span>
    {{#  } }}
</script>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-mini" lay-event="edit">查看数据</a>
</script>

<script>
    layui.use('table', function(){
        var table = layui.table;
        //监听表格复选框选择
        table.on('checkbox(demo)', function(obj){
            console.log(obj)
        });
        //监听工具条
        table.on('tool(demo)', function(obj){
            var data = obj.data;
            if(obj.event === 'detail'){
                layer.alert('ID：'+ data.id + ' 的查看操作');
            } else if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    obj.del();
                    layer.close(index);
                });
            } else if(obj.event === 'edit'){
                layer.alert('提交数据：<br>'+formatJson(obj.data.data))
            }
        });

        var $ = layui.$, active = {
            getCheckData: function(){ //获取选中数据
                var checkStatus = table.checkStatus('idTest')
                        ,data = checkStatus.data;
                layer.alert(JSON.stringify(data));
            }
            ,getCheckLength: function(){ //获取选中数目
                var checkStatus = table.checkStatus('idTest')
                        ,data = checkStatus.data;
                layer.alert('选中了：'+ data.length + ' 个');
            }
            ,isAll: function(){ //验证是否全选
                var checkStatus = table.checkStatus('idTest');
                layer.alert(checkStatus.isAll ? '全选': '未全选')
            }
        };

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
    function repeat(s, count) {
        return new Array(count + 1).join(s);
    }

    function formatJson(json) {
        if(typeof json == 'object'){
            json = JSON.stringify(json);
        }
        var i           = 0,
                len          = 0,
                tab         = "&nbsp;&nbsp;",
                targetJson     = "",
                indentLevel = 0,
                inString    = false,
                currentChar = null;
        br = '<br/>';


        for (i = 0, len = json.length; i < len; i += 1) {
            currentChar = json.charAt(i);
            switch (currentChar) {
                case '{':
                case '[':
                    if (!inString) {
                        targetJson += currentChar + br + repeat(tab, indentLevel + 1);
                        indentLevel += 1;
                    } else {
                        targetJson += currentChar;
                    }
                    break;
                case '}':
                case ']':
                    if (!inString) {
                        indentLevel -= 1;
                        targetJson += br + repeat(tab, indentLevel) + currentChar;
                    } else {
                        targetJson += currentChar;
                    }
                    break;
                case ',':
                    if (!inString) {
                        targetJson += br + repeat(tab, indentLevel);
                    } else {
                        targetJson += currentChar;
                    }
                    break;
                case ':':
                    if (!inString) {
                        targetJson += ": ";
                    } else {
                        targetJson += currentChar;
                    }
                    break;
                case ' ':
                case "\n":
                case "\t":
                    if (inString) {
                        targetJson += currentChar;
                    }
                    break;
                case '"':
                    if (i > 0 && json.charAt(i - 1) !== '\\') {
                        inString = !inString;
                    }
                    targetJson += currentChar;
                    break;
                default:
                    targetJson += currentChar;
                    break;
            }
        }
        return targetJson;
    }
</script>
{/block}