ship-expert/app/admin/view/teaching_knowledge/form.html

{extend name="../../admin/view/main"}

{block name='content'}
<form action="" class="layui-card layui-form" data-auto="true" method="post">
    <div class="layui-card-body">


        <label class="layui-form-item relative block">
            <span class="help-label"><b>标题</b>Title</span>
            <input class="layui-input" name="title" placeholder="请输入新闻标题" required value='{$vo.title|default=""}'>
        </label>

        <div class="layui-form-item label-required-prev">
            <span class="help-label"><b>图片</b>Imgs</span>
            <table class="layui-table">
                <thead>
                <tr>
                </tr>
                <tr>
                    <td class="text-left padding-0">

                        <div class="help-images">

                            <input name="imgs" data-max-width="2048" data-max-height="1024" type="hidden" value="{$vo.imgs|default=''}">
                            <script>$('[name="imgs"]').uploadMultipleImage();</script>
                        </div>
                    </td>
                </tr>
                </thead>
            </table>
        </div>




        <div class="layui-form-item label-required-prev">
            <span class="help-label"><b>内容</b>Content</span>
            <div class="relative block">
                <textarea class="layui-hide" name="content" placeholder="请输入内容">{$vo.content|default=''}</textarea>
            </div>
        </div>



        <div class="hr-line-dashed"></div>
        {notempty name='vo.id'}<input name='id' type='hidden' value='{$vo.id}'>{/notempty}

        <div class="layui-form-item text-center">
            <button class="layui-btn" type="submit">保存数据</button>
            <button class="layui-btn layui-btn-danger" data-history-back data-confirm="确定要取消编辑吗？" type='button'>取消编辑</button>
        </div>
    </div>

</form>

<script>
    $('input[name="images"]').uploadMultipleImage();
    require(['ckeditor'], function () {
        window.createEditor('[name=content]', {height: 350})
    });

    $(document).ready(function() {

        var MaxInputs       = 100;
        var InputsWrapper   = $("#InputsWrapper");
        var AddButton       = $("#AddMoreFileBox");

        var x = InputsWrapper.length;
        var FieldCount=1;

        $(AddButton).click(function (e)
        {
            console.log(InputsWrapper)
            if(x <= MaxInputs)
            {
                FieldCount++;
                //add input box
               // $(InputsWrapper).append('<span><input type="text" name="mytext[]" id="field_'+ FieldCount +'" value="" style="width:400px;"/><a href="#" class="removeclass">×</a>&nbsp;&nbsp;</span>');
                $(InputsWrapper).append('2222');
                x++; //text box increment
            }
            return false;
        });

        $("body").on("click",".removeclass", function(e){
            if( x > 0 ) {
                $(this).parent('span').remove(); //remove text box
                x--;
            }
            return false;
        })

    });



</script>
{/block}