{layout name="layout1" /}
<div class="admin-main layui-anim layui-anim-upbit">
    <div class="layui-row" style="background-color: #fff;">
        <div class="layui-col-xs6" style=" margin-top: 20px;">
                <ul class="layui-timeline">
                   
                    {foreach $result.comment as $vo }
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" style="color: rosybrown;font-size: 15px">
                                {$vo.createtime|date='Y年m月d日 H:i'} {$vo.name}  {$vo.phone}</h3>
                                <p>
                                    {$vo.connect}
                                </p>
                     </li>
                    {/foreach}
                </ul>
        </div>
        <div class="layui-col-xs6" style="padding: 0px 10px 0px 10px;">

            <fieldset class="layui-elem-field " style="padding: 15px 15px 0px 15px">
                <legend>跟进记录</legend>

                <div class="layui-form layui-form-pane" style="margin-top: 20px;">

                        <div class="layui-form-item layui-form-text">
                            <a name="comment"></a>
                            <div class="layui-input-block">
                                <textarea name="reply_msg" id="reply_msg"  required lay-verify="required" placeholder="请输入跟进的内容"  class="layui-textarea fly-editor" style="height: 150px;"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <input type="hidden" name="custom_id" value="{$id}">
                            <button class="layui-btn" lay-filter="btn_comment" lay-submit>提交记录</button>
                        </div>
                </div>
            </fieldset>
        </div>
    </div>


</div>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

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


        form.on('submit(btn_comment)',function (data) {
            console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
            console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
            console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
            $.ajax(
                {
                    method:'post',
                    url:"{:url('Control/follow_add')}",
                    async:false,
                    data:data.field,
                    success:function (res) {
                        layer.msg(res.msg,function () {
                            console.log('返回参数',res)
                            /*   window.location = "{:url('Index/index')}"
                               return false;*/
                            $('#reply_msg').val('');

                            $('.layui-timeline').append("<li class=\"layui-timeline-item\">\n" +
                                "                        <i class=\"layui-icon layui-timeline-axis\"></i>\n" +
                                "                        <div class=\"layui-timeline-content layui-text\">\n" +
                                "                            <h3 class=\"layui-timeline-title\" style=\"color: rosybrown;font-size: 15px\">\n" +
                                "\n" +
                                "                                "+res.data.create_time+res.data.name+res.data.phone+"</h3>\n" +
                                "                                <p>\n" +" \n" +
                                
                                "                                "+ res.data.connect+"\n" +
                                "\n" +
                                "                                </p>\n" +
                                "                        </div>\n" +
                                "                    </li>");

                         });
                    },
                    error:function (res) {

                    }
                })

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        })

        form.on('submit(btn_reply)',function (data) {
            console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
            console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
            console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
            $.ajax(
                {
                    method:'post',
                    url:"{:url('Control/follow_add')}",
                    async:false,
                    data:data.field,
                    success:function (res) {
                        layer.msg(res.msg,function () {
                            /*   window.location = "{:url('Index/index')}"
                               return false;*/
                            $('#reply_msg').val('');

                            $('.layui-timeline').append(" <li class=\"layui-timeline-item\">\n" +
                                "                <i class=\"layui-icon layui-timeline-axis\"></i>\n" +
                                "                <div class=\"layui-timeline-content layui-text\">\n" +
                                "                    <h3 class=\"layui-timeline-title\">"+res.data.user_id+"</h3>\n" +
                                "                    <p>\n" + res.data.reply_msg+"<small>"+res.data.create_date+"</small>\n" +
                                "                    </p>\n" +
                                "                </div>\n" +
                                "            </li>")

                        });
                    },
                    error:function (res) {

                    }
                })

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        })

    });
</script>