{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .dr_title{
        display: flex;
        flex-direction: row;
    }
    .dr_title legend{
        margin-right: 20px;
        color: #01b88a;
    }
    .layui-table th {
        text-align: center;
        font-weight: 400;
    }
    .layui-table {
        width: 3000px;
    }
    .layui-table-page {
        height: 50px;
    }
</style>
{/block}
{block name="main"}

<div class="if_wrap">
    <div class="cus-con layui-form" style="overflow: auto;width: 100%;box-sizing: border-box;">
        <button class="layui-btn" onclick="javascript:history.go(-1);">返回导入记录</button>
        {if condition="$total.error gt 0"}
            <button class="layui-btn" onclick="doAgain({$id})">重试</button>
            <button class="layui-btn" onclick="exportErr({$id})">导出错误数据</button>
        {/if}
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>导入详情</legend>
        </fieldset>
        <caption class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <div class="dr_title">
                <legend class="total">导入总数：{$total.count}</legend>
                <legend class="success">成功数量：{$total.success}</legend>
                <legend class="error" style='color:red;'>失败数量：{$total.error}</legend>
                <legend class="valid">有效新客数量：{$total.new}</legend>
            </div>
        </caption>
        <!--<div class="" style="width: 100%; overflow: auto;">-->
        <table class="layui-table" lay-data="{height:700,page:true,limit:100,url:'/crm/Customer/importDetailJSON?id={$id}',id:'test3'}" lay-filter="test3">
            <thead>
            <tr>
                <th lay-data="{field:'id', width:80, sort: true,align:'center'}">ID</th>
                <th lay-data="{align:'center',field:'import_status', width:80}">导入状态</th>
                <th lay-data="{align:'center',field:'msg', width:150}">成功/失败原因</th>
                <th lay-data="{align:'center',field:'baby_time', width:80, edit: 'text'}">获取次数</th>
                <th lay-data="{align:'center',field:'baby_name', width:80, edit: 'text'}">宝宝姓名</th>
                <th lay-data="{align:'center',field:'baby_sex', width:80, edit: 'text'}">宝宝性别</th>
                <th lay-data="{align:'center',field:'baby_birthday', width:120, edit: 'text'}">宝宝生日</th>
                <th lay-data="{align:'center',field:'ready_baby_day', width:120, edit: 'text'}">预产期</th>
                <th lay-data="{align:'center',field:'record_day', width:120, edit: 'text'}">填写日期</th>
                <th lay-data="{align:'center',field:'baby_address', width:80, edit: 'text'}">出生地</th>
                <th lay-data="{align:'center',field:'customer_name', width:80, edit: 'text'}">妈妈姓名</th>
                <th lay-data="{align:'center',field:'customer_tel', width:120, edit: 'text'}">妈妈手机</th>
                <th lay-data="{align:'center',field:'customer_wechat', width:80, edit: 'text'}">妈妈微信</th>
                <th lay-data="{align:'center',field:'customer_type', width:80}">客资类型</th>
                <th lay-data="{align:'center',field:'customer_channel', width:80, edit: 'text'}">渠道名称</th>
                <th lay-data="{align:'center',field:'access_model', width:80, edit: 'text'}">获取方式</th>
                <th lay-data="{align:'center',field:'consultation_type', width:80, edit: 'text'}">消费类型</th>
                <th lay-data="{align:'center',field:'customer_cource', width:80, edit: 'text'}">客户来源</th>
                <th lay-data="{align:'center',field:'customer_area', width:80, edit: 'text'}">客户分区</th>
                <th lay-data="{align:'center',field:'channel_plan_number', width:80, edit: 'text'}">推广编号</th>
                <th lay-data="{align:'center',field:'ad_page', width:100, edit: 'text'}">广告落地页</th>
                <th lay-data="{align:'center',field:'customer_intention', width:80, edit: 'text'}">客户意向</th>
                <th lay-data="{align:'center',field:'consulation_shop', width:80}">意向店面</th>
                <th lay-data="{align:'center',field:'customer_orderaddress', width:80, edit: 'text'}">接单点</th>
                <th lay-data="{align:'center',field:'sales_staff', width:80, edit: 'text'}">追踪人</th>
                <th lay-data="{align:'center',field:'customer_remark', width:80, edit: 'text'}">客户备注</th>
                <th lay-data="{align:'center',field:'introduce_staff_name', width:100, edit: 'text'}">转介绍员工</th>
                <th lay-data="{align:'center',field:'customer_key', width:80, edit: 'text'}">关键字</th>                
                <th lay-data="{align:'center',field:'shop_name', width:80}">归属店</th>
                <th lay-data="{align:'center',field:'valid_new', width:150,toolbar: '#valid'}">是否为有效新客</th>
                <th lay-data="{align:'center',field:'same_tel', width:80}">重复数量</th>
                <th lay-data="{align:'center',field:'create_time', width:80}">导入时间</th>
            </tr>
            </thead>
        </table>
        <!--</div>-->
    </div>
</div>
<script type="text/html" id="valid">
    {{#  if(d.valid_new == 1){ }}
    有效
    {{#  } else { }}
    无效
    {{#  } }}
</script>
<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script type="text/javascript">
    // 表格
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate  = layui.laydate, //日期
            laypage  = layui.laypage //分页
            layer    = layui.layer, //弹层
            table    = layui.table, //表格
            carousel = layui.carousel, //轮播
            upload   = layui.upload, //上传
            element  = layui.element; //元素操作
        table.render({ //其它参数在此省略
            url: '/crm/Customer/importDetailJSON',
            where: {id: {$id}} //如果无需传递额外参数，可不加该参数
            //method: 'post' //如果无需自定义HTTP类型，可不加该参数
            //request: {} //如果无需自定义请求参数，可不加该参数
            //response: {} //如果无需自定义数据响应名称，可不加该参数
        });
        table.reload('test3', {
            where: { //设定异步数据接口的额外参数，任意设
                id: {$id}
            }
        });
        //监听单元格编辑
        table.on('edit(test3)', function(obj){
            var value = obj.value //得到修改后的值
                ,data = obj.data //得到所在行所有键值
                ,field= obj.field; //得到字段
            // layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
            $.ajax({
                type: "POST",
                url: '/crm/Customer/editImport',
                data: {id:data.id,val:value,field:field},
                success: function (data) {
                    layer.msg(data.msg);
                    if(data.code == 200){
                        $('.'+field+id).html(value);
                    }
                }
            });
        });
        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })
    // 重试
    function doAgain (id) {
        $.ajax({
            type: "POST",
            url: '/crm/Customer/excelDoAgainExcel',
            data: {eid:id},
            success: function (data) {
                layer.msg('重试中，请稍后刷新查看......');
            }
        });
    }
    // 导出错误数据
    function exportErr (id) {
        location.href = "/crm/Customer/exportErr.html?id="+id;
    }
</script>
{/block}