gaoyixia/application/operate/view/activity/form.html

{extend name='admin@main'}
<style>

</style>
{block name="content"}
<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">
    <div class="layui-card-body think-box-shadow padding-left-40">

        <div class="layui-form-item layui-row layui-col-space15">

            <label class="layui-col-xs15 relative">
                <span class="color-green">标题</span>
                <input name="title" required class="layui-input" placeholder="请输入活动标题" value="{$vo.title|default=''}">
            </label>
        </div>


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs15 relative">
                <span class="color-green">标签</span>
                <input name="label" required class="layui-input" placeholder="请输入活动标签" value="{$vo.label|default=''}">
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs15 relative">
                <span class="color-green">会员账号</span>
                <input name="phone"  class="layui-input" placeholder="请输入会员账号" value="{$vo.phone|default=''}">
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs15 relative">
                <span class="color-green">活动地址</span>
                <input name="address" required class="layui-input" placeholder="请输入活动活动地址" value="{$vo.address|default=''}">
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs15 relative">
                <span class="color-green">排序</span>
                <input name="sort" required class="layui-input" placeholder="请输入活动排序号" value="{$vo.sort|default=''}">
            </label>
        </div>


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs15 relative">
                <span class="color-green">阅读量</span>
                <input name="read_num" required class="layui-input" placeholder="请输入活动阅读量" value="{$vo.read_num|default=''}">
            </label>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">价格</span>
                <input name="price" required class="layui-input" placeholder="请输入活动价格" value="{$vo.price|default=''}">
            </label>

            <label class="layui-col-xs3 relative">
                <span class="color-green">开始时间</span>
                <input name="start_time" id="start_time" required class="layui-input" placeholder="请输入开始时间" value="{$vo.start_time|default=''}">
            </label>

            <label class="layui-col-xs3 relative">
                <span class="color-green">结束时间</span>
                <input name="end_time" id="end_time"  required class="layui-input" placeholder="请输入结束时间" value="{$vo.end_time|default=''}">
            </label>

        </div>


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs15 relative">
                <span class="color-green label-required-prev">报名价格设置</span>
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th class="text-left">标题</th>
                        <th class="text-left">人数</th>
                        <th class="text-left">价格[每人]</th>
                        <th class="text-left">操作</th>
                    </tr>
                    <tbody class="no_html">

                    </tbody>
                    </thead>
                </table>
            </label>
        </div>


        <div class="layui-form-item layui-row layui-col-space9">
            <span class="color-green label-required-prev">图片</span>
            <table class="layui-table relative layui-col-space9">
                <thead>
                <tr>
                    <td width="auto" class="text-left"><input name="cover" type="hidden" value="{$vo.covers|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script> $('[name="cover"]').uploadOneImage()</script>
        </div>

        <div class="layui-form-item layui-row layui-col-space9">
            <label class="layui-col-xs15 relative">
                <span class="color-green">详情</span>
                <textarea name="content">{$vo.content|default=""}</textarea>
            </label>
        </div>
        <div class="layui-form-item text-center">
            {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
            <button class="layui-btn" type="submit">保存</button>
            <button class="layui-btn layui-btn-danger" type='button' onclick="history.go(-1)" data-close>返回</button>
        </div>

    </div>
</form>
{/block}

{block name='script'}

<script>
    layui.form.render();
    require(['ckeditor', 'angular'], function () {
        window.createEditor('[name="content"]', {
            height: 500,

        });
    })
    layui.use('form', function () {
        var form = layui.form;
        //日期时间范围
        laydate.render({
            elem: '#start_time'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#end_time'
            ,type: 'datetime'
        });
    })

    // 添加设置
    $(document).on('click',".add_goods_no",function () {
        var knum = $('.no_html tr').length;
        var no_html = get_ht(knum);
        $(".no_html").append(no_html);
        form.render();
        console.log(a);// 别删这个！！！
    })
    // 删除设置
    $(document).on('click',".del_no",function (){
        var knum = $('.no_html tr').length;
        if(knum == 1) {
            layer.msg('不能全部删除！')
            form.render();
            console.log(a);// 别删这个！！！
        }
        var index= $(".del_no").index(this);
        $(".no_detail").eq(index).remove();
        form.render();
        console.log(a);// 别删这个！！！
    })
    var is_add = parseInt('{$isAddMode|default=0}');
    if(is_add){
        $(".no_html").html(get_ht(0));
    }else{
        var ladder = {:json_encode($ladder)};
        console.log(ladder);
        if(ladder && ladder.length > 0) {
            var no_html = '';
            $.each(ladder,function (lk,lv) {
                no_html  += ' <tr  class="no_detail change_del" data-dh ="'+lk+'">';
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<input type='text'  class='layui-input' name='ladder_title[]' value='"+lv.ladder_title+"'/>" +
                    "</td>";
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<input type=''  class='layui-input' name='ladder_num[]' value='"+lv.ladder_num+"'/>" +
                    "</td>";
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<input type=''  class='layui-input' name='ladder_price[]' value='"+lv.ladder_price+"'/>" +
                    "</td>";
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<a class=\"layui-btn layui-btn-sm layui-btn-danger del_no\">删 除</a>" +
                    "<a class=\"layui-btn layui-btn-sm layui-btn-sm add_goods_no\">添 加</a>" +
                    "</td>"
                no_html  += "</tr>";
            })
            $(".no_html").html(no_html);
        }else{
            $(".no_html").html(get_ht(0));
        }
        window.form.render();
    }
    function  get_ht(k) {
        var award_length = $(".no_detail").length;
        var no_html = '';
        no_html  += ' <tr  class="no_detail change_del" data-dh ="'+k+'">';
        no_html  +=     "<td class='text-left nowrap'>" +
            "<input type='text'  class='layui-input' name='ladder_title[]' value=''/>" +
            "</td>";
        no_html  +=     "<td class='text-left nowrap'>" +
            "<input type=''  class='layui-input' name='ladder_num[]' value=''/>" +
            "</td>";
        no_html  +=     "<td class='text-left nowrap'>" +
            "<input type=''  class='layui-input' name='ladder_price[]' value=''/>" +
            "</td>";
        no_html  +=     "<td class='text-left nowrap'>" +
            "<a class=\"layui-btn layui-btn-sm layui-btn-danger del_no\">删 除</a>" +
            "<a class=\"layui-btn layui-btn-sm layui-btn-sm add_goods_no\">添 加</a>" +
            "</td>"
        no_html  += "</tr>";
        return   no_html;
    }

</script>
{/block}