luck-draw/view/manager/activity_template/add.html

{layout name="manager/layout" /}
<style>
    .upload-file-div{position: relative}
    .upload-file-div-close{position: absolute;right: 0;top: 0;}
</style>
<div  id="image_exts"    data-exts="{:str_replace(',','|',$uploadConfig['img_type'])}"></div>

<div class="layuimini-container location-operate-page">
    <div class="layuimini-main">
        <div class="layui-form layuimini-form">
            <div class="layui-form-item">
                <label class="layui-form-label required">名称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" placeholder="请输入名称" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-row ">
                <label class="layui-form-label">封面:</label>
                <div class="layui-inline layui-col-xs12 layui-col-md8">
                    <div class="layui-row upload-file-div">
                        <div class=" layui-col-xs12 layui-col-md8">
                            <input class="layui-input upload-file-value" name="cover" type="text" value="">
                            <div class="layui-form-mid layui-word-aux">图片尺寸：请上传合适尺寸</div>
                        </div>
                        <div class="layui-col-xs12 layui-col-md3">
                                    <span>
                                        <button type="button" class="layui-btn layui-btn-danger upload-btn">
                                            <i class="fa fa-upload"></i> 上传
                                        </button>
                                    </span>
                            <span><button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                          data-url="/manager/attachment/image" data-type="image"
                                          data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                        </div>
                        <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                    </div>
                </div>
            </div>


            <!-- 抽奖说明 -->
            <div class="layui-form-item layui-form-text field-div current-field-summary">
                <label class="layui-form-label">抽奖说明</label>
                <div class="layui-input-block editor-text">
                    <!--            <div class="editor"></div>-->
                    <textarea name="explain" class="layui-textarea"></textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label required">微信客服</label>
                <div class="layui-input-block">
                    <input type="text" name="wechat_waiter_number" placeholder="请输入名称" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-row ">
                <label class="layui-form-label">微信客服头像:</label>
                <div class="layui-inline layui-col-xs12 layui-col-md8">
                    <div class="layui-row upload-file-div">
                        <div class=" layui-col-xs12 layui-col-md8">
                            <input class="layui-input upload-file-value" name="wechat_waiter_avatar" type="text" value="">
                            <div class="layui-form-mid layui-word-aux">图片尺寸：请上传合适尺寸</div>
                        </div>
                        <div class="layui-col-xs12 layui-col-md3">
                                    <span>
                                        <button type="button" class="layui-btn layui-btn-danger upload-btn">
                                            <i class="fa fa-upload"></i> 上传
                                        </button>
                                    </span>
                            <span><button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                          data-url="/manager/attachment/image" data-type="image"
                                          data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                        </div>
                        <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-row ">
                <label class="layui-form-label">参与者头像列表:</label>
                <div class="layui-inline layui-col-xs12 layui-col-md8">
                    <div class="layui-row upload-file-div">
                        <div class=" layui-col-xs12 layui-col-md8">
                            <input class="layui-input upload-file-value" name="wechat_waiter_avatar" type="text"
                                   value="">
                            <div class="layui-form-mid layui-word-aux">图片尺寸：请上传合适尺寸</div>
                        </div>
                        <div class="layui-col-xs12 layui-col-md3">
                                    <span>
                                        <button type="button" class="layui-btn layui-btn-danger upload-btn"
                                                data-multiple="true">
                                            <i class="fa fa-upload"></i> 上传
                                        </button>
                                    </span>
                            <span><button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                          data-url="/manager/attachment/image" data-type="image"
                                          data-multiple="true"
                            ><i class="fa fa-list"></i> 选择</button></span>
                        </div>
                        <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                    </div>
                </div>
            </div>


            <div class="layui-form-item "  >
                <label class="layui-form-label">中奖者:</label>

                <div class="layui-inline layui-col-md8 " >

                    <div id="img_list">

                    </div>

                    <div class="layui-input-block">
                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                            <legend> <button class="layui-btn " id="addrImgListNode">增加一个节点</button></legend>
                        </fieldset>

                    </div>
                </div>





            </div>





            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-normal" data-url="/manager/activity-template/add" lay-submit lay-filter="saveBtn">确认保存</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    addImgListNode=true;
    var ImgListNodeKey  = {$maxKey??0};//初始值
</script>
<script src="__MANAGER__/js/add_activity.js?v={:mt_rand()}"></script>