模板
<!-- 模板 -->
<script id="render-tpl" type="text/html">
<div class="panel-body">
<div class="table-responsive col-lg-10">
<form class="form-horizontal addForm" method="post" action="editsave" name="form1" id="edit_form" enctype="multipart/form-data">
<input type="hidden" id="id" name="id" value="{{data.id}}">
<div class="form-group col-lg-12" id="for_uid">
<label class="control-label col-lg-3 text-right"><span class="control-label required-mark"></span>预约人:</label>
<span style="display:block;padding-top:6px;">{{data.uid}} - {{data.nickname}}</span>
</div>
<div class="form-group col-lg-12" id="for_department">
<label class="control-label col-lg-3 text-right"><span class="control-label required-mark"></span>预约科室:</label>
<span style="display:block;padding-top:6px;">{{data.department_name}}</span>
</div>
<div class="form-group col-lg-12" id="for_desc">
<label class="control-label col-lg-3 text-right"><span class="control-label required-mark"></span>描述:</label>
<span style="display:block;padding-top:6px;">{{data.desc}}</span>
</div>
<div class="form-group col-lg-12" id="for_img">
<label class="control-label col-lg-3 text-right"><span class="control-label required-mark"></span>配图:</label>
<div class="col-lg-9">
{{ each data.evaluation_img }}
<img src="{{ $value.img_url }}" style="padding-top: 5px;">
{{ /each }}
</div>
</div>
<div class="form-group col-lg-12" id="for_adept">
<label class="control-label col-lg-3 text-right"><span class="control-label required-mark"></span>答复:</label>
<textarea class="form-control-erbi col-lg-5" name="answer" id="answer" style="min-height: 100px;" >{{ data.answer }}</textarea>
</div>
<div class="form-group">
<div class="col-lg-2 col-lg-offset-3">
<button type="button" class="btn btn-primary col-lg-8" id="edit_btn">保存</button>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<!-- /.table-responsive -->
</div>
</script>
事件
$(".info_reply").on('click',function () {
let id = $(this).data('id');
$.ajax({
type:'POST',
url:'ajaxGetDetail',
data: {id: id},
dataType:'json',
success:function(data){
if(data.errno == 0){
let html = template('render-tpl', {data:data.data});
layer.open({
title : '评估',
type : 1,
skin : 'layui-layer-rim', //加上边框
area : ['1200px', 'auto'], //宽高
content : html
});
}else{
alert(data.errdesc);
return false;
}
}
});
});
$(document).on('click','#edit_btn',function(){
let id = $('#id').val();
let answer = $("#answer").val();
if (!answer) {
layer.msg("请填写答复内容");
return;
}
$.ajax({
type:'POST',
url :'__URL__/ajaxSetAnswer',
data:{
'id' : id,
'answer' : answer
},
dataType:'json',
success:function(data){
if(data.errno == 0){
layer.msg('设置成功');
setTimeout(function(){
$('.layui-layer-close1').trigger('click');
window.location.reload();
},2000);
} else {
layer.msg(data.errdesc);
}
},
error:function(){
layer.msg("网络错误");
}
});
});
后台
/**
* 获取详情
*/
public function ajaxGetDetail() {
$id = $_POST['id'];
$evaluation = M('evaluation');
$user = M('user');
$department = M('department');
$evaluation_info = $evaluation->where(['id'=>$id])->find();
$evaluation_img = M('evaluation_img');
$evaluation_img_list = $evaluation_img->where(['evaluation_id'=>$evaluation_info['id']])->select();
$evaluation_info['evaluation_img'] = $evaluation_img_list ?: [];
$evaluation_info['department_name'] = $department->where(['id'=>$evaluation_info['department_id']])->getField('name');
$evaluation_info['nickname'] = $user->where(['id'=>$evaluation_info['uid']])->getField('nickname');
$this->json->printOutSuccess($evaluation_info);
}
/**
* 设置答案
*/
public function ajaxSetAnswer() {
$id = $_POST['id'];
$answer = $_POST['answer'];
$evaluation = M('evaluation');
$edit_data = [
'status' => 2,
'answer' => $answer
];
$edit_flag = $evaluation->where(['id'=>$id])->save($edit_data);
if ($edit_flag || $edit_flag === 0) {
$this->json->printOutSuccess();
} else {
$this->json->printOutError();
}
}
这种弹出的方式处理问题,能够更加的便利!不用每次都跳转新页面,跳回来,跳回去的。