{extend name="Public/base" /}
{block name="css"}

<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>

    .layui-form-item{
        width: 700px;
    }

    .layui-form-item:hover{
        cursor: pointer;
    }


</style>
{/block}
{block name="js"}
<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script>
    $(function(){
        $(".nul_bli").eq(5).find(".navb").addClass("active");
    })
</script>

{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>回访对象名称设定</span></div>
        <div><p style="margin: 5px 0 0 42px;">点击修改回访对象名称</p></div>
        <form class="layui-form layui-form-pane" action="" style="width: 1500px;margin: auto;">
            {volist name='object_list' id='vo'}
            <div class="layui-form-item" data-id="{$vo.id}" pane>
                <label class="layui-form-label" style="width: 200px;">{$vo.new_name}</label>
                <div class="layui-input-block">
                   <div style="margin: 7px 0 0 106px;"><p class="text">工作性质：{$vo.content}</p></div>
                </div>
            </div>
            {/volist}
        </form>
    </div>
</div>

<div id="info" style="display: none;padding:20px 20px;">

    <div style="min-width: 300px;">
        <div class="layui-inline" style="width: 100%;">
            <label class="layui-form-label"  style="width: 18%;">回访对象：</label>
            <div class="layui-input-block " style="width: 60%!important;">
                <input type="text" class="layui-input" id="name">
            </div>
        </div>
        <div class="layui-inline" style="width: 84%;margin: 20px 0 0 26px;">
            <p id="content"></p>
        </div>
    </div>
</div>

<script>
    layui.use(['form','table'], function() {
        var table = layui.table,form = layui.form;

        $(".cus-con").on("click",".layui-form-item",function(){
            var the_is = $(this);
            var id = $(this).attr('data-id');
            var old_name = $(this).find('.layui-form-label').html();
            var content = $(this).find('.text').html();
            $('#name').val(old_name);
            $('#content').html(content);
            layer.open({
                title: '修改回访对象名称',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['450px', '350px'],
                content: $('#info'),
                btn:['确定','取消'],
                yes:function(){
                    if(!$('#name').val()){
                        layer.alert('请输入回访对象名称');
                        return false;
                    }
                    var new_name = $('#name').val();
                    $.ajax({
                        type:'post',
                        url:'/kf/Setting/editVisitObjectName',
                        data:'id='+id+'&new_name='+new_name,
                        success:function(result){
                            console.log(result);
                            if(result.code==200){
                                layer.closeAll();
                                the_is.find('.layui-form-label').html(new_name);
                            }
                        }
                    });
                }
            });
        });

//        双击
//        $(".cus-con").delegate(".layui-form-item","dblclick",function(){
//            alert(234);
//        });

    });


</script>
{/block}