jiqing9006

模板

<!-- 模板 -->
<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();
    }
}

这种弹出的方式处理问题,能够更加的便利!不用每次都跳转新页面,跳回来,跳回去的。

分类:

技术点:

相关文章: