129 lines
6.2 KiB
HTML
129 lines
6.2 KiB
HTML
{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.create_time|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('Custom/comment')}",
|
||
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('Index/reply')}",
|
||
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> |