添加网站文件

application/admin/view/control/follow.html

@@ -0,0 +1,129 @@
+{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>