layer弹出层,结合art-template模板

<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;
            }
        }
    });

});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。