screen/application/admin/view/video/add.html

<style>
    .short-input{width: 400px;/*margin-bottom: 10px;*/}
    .block{display: block!important;}
    /*.form-control{margin-bottom: 10px;}*/
    .up-input{
        float: none!important;
        display: inline-block!important;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('博主')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-guest_id" data-rule="required" data-source="guest/index" class="form-control selectpage" name="row[guest_id]" type="text" value="">
        </div>
    </div>
    {include file="layout/fu" label="视频封面" name="bg" value="" rule="required"}
    {include file="layout/fu_video" label="视频" name="src" value="" rule="required"}
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">视频标题:</label>
        <div class="col-xs-12 col-sm-8">
            <input name="row[title]" data-rule="required;length(~200)" class="form-control"/>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">视频标签:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_checkboxs('row[tag][]',$tags)}
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">开放性视频:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[is_open]',[0=>'否',1=>'是'])}
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">视频卡点:</label>
        <button type="button" class="btn btn-primary-light add-point" data-point="vote">新增投票卡点</button>
        <button type="button" class="btn btn-primary-light add-point" data-point="wenda">新增问答卡点</button>
        <button type="button" class="btn btn-primary-light add-point" data-point="choose">新增选择题卡点</button>
        <button type="button" class="btn btn-primary-light add-point" data-point="decide">新增判断题卡点</button>
    </div>
    <div id="point-list" class="form-group"></div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<div id="point-all">
    <div class="point-vote point-list-one hidden" style="background: #f1f1f1;position: relative;">
        <input type="hidden" name="row[point][$idx][type]" value="vote">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">卡点时间点（秒）:</label>
            <div class="col-xs-12 col-sm-8">
                <input type="text" class="form-control short-input" name="row[point][$idx][second]" data-rule="required">
            </div>
        </div>
        <!--<div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">标题类型:</label>
            <div class="col-xs-2 col-sm-4 title-type-change">
                {:build_select('row[point][$idx][title_type]',['txt'=>'文本','image'=>'图片'],'txt')}
            </div>
        </div>-->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">文本标题:</label>
            <div class="col-xs-12 col-sm-4">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </div>
        </div>
        <div class="form-group">
            <label for="c-title-$idx" class="control-label col-xs-12 col-sm-2">{:__('图片标题')}:</label>
            <div class="col-xs-12 col-sm-4">
                <div class="input-group">
                    <input id="c-title-$idx" data-rule="" class="form-control" size="50" name="row[point][$idx][title_img]" type="text" value="">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-$idx" class="btn btn-danger faupload" data-input-id="c-title-$idx" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-$idx" class="btn btn-primary fachoose" data-input-id="c-title-$idx" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-avatar"></span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-choose-type">
            <label class="control-label col-xs-12 col-sm-2">选择项类型:</label>
            <div class="col-xs-12 col-sm-8 choose-type">
                {:build_radios('row[point][$idx][item_type]',['txt'=>'文本','image'=>'图片'])}
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">文本选项:</label>
            <div class="col-xs-12 col-sm-8">
                <a class="btn btn-info vote-add-txt-item">新增</a>
                <script type="text/html">
                    <div class="vote-object">
                        <input data-rule="" type="text" name="row[point][$idx][txt][items][]" class="form-control short-input" placeholder="输入投票选项">
                        <a class="btn btn-danger" onclick="if($(this).parent().parent().find('.vote-object').length===1){return}$(this).parent().remove()">删除</a>
                    </div>
                </script>
            </div>
        </div>
        <div class="form-group hidden">
            <label class="control-label col-xs-12 col-sm-2">图片选项:</label>
            <div class="col-xs-12 col-sm-8">
                <a class="btn btn-info add-image add-image-vote">新增</a>
            </div>
        </div>
        <a class="btn btn-danger" onclick='$(this).parent().remove()' style="position: absolute;top: 0;left: 0;">删除此投票</a>
    </div>
    <div class="point-wenda point-list-one hidden" style="background: #f1f1f1;position: relative;">
        <input type="hidden" name="row[point][$idx][type]" value="wenda">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">卡点时间点（秒）:</label>
            <div class="col-xs-12 col-sm-8">
                <input type="number" class="form-control short-input" name="row[point][$idx][second]" data-rule="required">
            </div>
        </div>
       <!-- <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">标题类型:</label>
            <div class="col-xs-2 col-sm-4 title-type-change">
                {:build_select('row[point][$idx][title_type]',['txt'=>'文本','image'=>'图片'],'txt')}
            </div>
        </div>-->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">文本标题:</label>
            <div class="col-xs-12 col-sm-4">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </div>
        </div>
        <div class="form-group">
            <label for="c-title-$idx" class="control-label col-xs-12 col-sm-2">{:__('图片标题')}:</label>
            <div class="col-xs-12 col-sm-4">
                <div class="input-group">
                    <input id="c-title-$idx" data-rule="" class="form-control" size="50" name="row[point][$idx][title_img]" type="text" value="">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-$idx" class="btn btn-danger faupload" data-input-id="c-title-$idx" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-$idx" class="btn btn-primary fachoose" data-input-id="c-title-$idx" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-avatar"></span>
                </div>
            </div>
        </div>
        <a class="btn btn-danger" onclick='$(this).parent().remove()' style="position: absolute;top: 0;left: 0;">删除此问答</a>
    </div>
    <div class="point-choose point-list-one hidden" style="background: #f1f1f1;position: relative;">
        <input type="hidden" name="row[point][$idx][type]" value="choose">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">卡点时间点（秒）:</label>
            <div class="col-xs-12 col-sm-8">
                <input type="number" class="form-control short-input" name="row[point][$idx][second]" data-rule="required">
            </div>
        </div>
        <!--<div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">标题类型:</label>
            <div class="col-xs-2 col-sm-4 title-type-change">
                {:build_select('row[point][$idx][title_type]',['txt'=>'文本','image'=>'图片'],'txt')}
            </div>
        </div>-->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">文本标题:</label>
            <div class="col-xs-12 col-sm-4">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </div>
        </div>
        <div class="form-group">
            <label for="c-title-$idx" class="control-label col-xs-12 col-sm-2">{:__('图片标题')}:</label>
            <div class="col-xs-12 col-sm-4">
                <div class="input-group">
                    <input id="c-title-$idx" data-rule="" class="form-control" size="50" name="row[point][$idx][title_img]" type="text" value="">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-$idx" class="btn btn-danger faupload" data-input-id="c-title-$idx" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-$idx" class="btn btn-primary fachoose" data-input-id="c-title-$idx" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-avatar"></span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-choose-type">
            <label class="control-label col-xs-12 col-sm-2">选择项类型:</label>
            <div class="col-xs-12 col-sm-8 choose-type">
                {:build_radios('row[point][$idx][item_type]',['txt'=>'文本','image'=>'图片'])}
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">文本选项:</label>
            <div class="col-xs-12 col-sm-8">
                <a class="btn btn-info add-txt">新增</a>
                <script type="text/html">
                    <div class="txt-field">
                        <label style="position: relative;">
                            <input name="row[point][$idx][key][$index]" type="checkbox" value="1" class="key-checkbox-txt">答案
                        </label>
                        <input type="text" data-rule="" placeholder="输入选择项" name="row[point][$idx][txt][items][$index]" class="short-input form-control">
                        <a class="btn btn-danger" onclick="if($(this).parents('.txt-field').prev().hasClass('btn')){return;}$(this).parents('.txt-field').remove()">删除</a>
                    </div>
                </script>
            </div>
        </div>
        <div class="form-group hidden">
            <label class="control-label col-xs-12 col-sm-2">图片选项:</label>
            <div class="col-xs-12 col-sm-8">
                <a class="btn btn-info add-image add-image-choose">新增</a>
            </div>
        </div>
        <!--<div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">答案:</label>
            <div class="col-xs-12 col-sm-8">
                <input type="text" data-rule="required" class="form-control" name="row[point][$idx][key]" placeholder="从上到下许可依次1,2,3,4,5,6，多个答案用,分割">
            </div>
        </div>-->
        <a class="btn btn-danger" onclick='$(this).parent().remove()' style="position: absolute;top: 0;left: 0;">删除此选择题</a>
    </div>
    <div class="point-decide point-list-one hidden" style="background: #f1f1f1;position: relative;">
        <input type="hidden" name="row[point][$idx][type]" value="decide">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">卡点时间点（秒）:</label>
            <div class="col-xs-12 col-sm-4">
                <input type="number" class="form-control short-input" name="row[point][$idx][second]" data-rule="required">
            </div>
        </div>
        <!--<div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">标题类型:</label>
            <div class="col-xs-2 col-sm-4 title-type-change">
                {:build_select('row[point][$idx][title_type]',['txt'=>'文本','image'=>'图片'],'txt')}
            </div>
        </div>-->
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">文本标题:</label>
            <div class="col-xs-12 col-sm-4">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </div>
        </div>
        <div class="form-group">
            <label for="c-title-$idx" class="control-label col-xs-12 col-sm-2">{:__('图片标题')}:</label>
            <div class="col-xs-12 col-sm-4">
                <div class="input-group">
                    <input id="c-title-$idx" data-rule="" class="form-control" size="50" name="row[point][$idx][title_img]" type="text" value="">
                    <div class="input-group-addon no-border no-padding">
                        <span><button type="button" id="faupload-$idx" class="btn btn-danger faupload" data-input-id="c-title-$idx" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        <span><button type="button" id="fachoose-$idx" class="btn btn-primary fachoose" data-input-id="c-title-$idx" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                    </div>
                    <span class="msg-box n-right" for="c-avatar"></span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">答案:</label>
            <div class="col-xs-12 col-sm-8">
                <!--{:build_radios('row[point][$idx][key]',['true'=>'正确','false'=>'错误'],'true')}-->
                <label style="display: block;">
                    <input type="radio" name="row[point][$idx][key]" value="A" checked/>
                    <input type="text" name="row[point][$idx][items][A]" style="width: 150px" class="form-control" placeholder="请输入正确时候的描述" data-rule="required;length(~15)">
                </label>
                <label>
                    <input type="radio" name="row[point][$idx][key]" value="B"/>
                    <input type="text" name="row[point][$idx][items][B]" style="width: 150px" class="form-control" placeholder="请输入错误时候的描述" data-rule="required;length(~15)">
                </label>
            </div>
        </div>
        <a class="btn btn-danger" onclick='$(this).parent().remove()' style="position: absolute;top: 0;left: 0;">删除此判断题</a>
    </div>
</div>
<div class="up-field image-example-vote" style="display: none;">
    <div class="col-xs-12 col-sm-8">
        <div class="input-group">
            <input id="c-choose-$index" class="form-control up-input" name="row[point][$idx][image][items][]" type="text" style="width: 200px">
            <div class="input-group-addon no-border no-padding" style="width: 0">
                <span><button type="button" id="fachoose-avatar-$index" class="btn btn-primary fachoose" data-input-id="c-choose-$index" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                <a class="btn btn-danger" onclick="if($(this).parents('.up-field').prev().hasClass('btn')){return;}$(this).parents('.up-field').remove()">删除</a>
            </div>
        </div>
    </div>
</div>
<div class="up-field image-example-choose" style="display: none;">
    <div class="col-xs-12 col-sm-8">
        <div class="input-group">
            <label style="position: relative;top: 10px">
                <input name="row[point][$idx][key][$index]" type="checkbox" value="1" class="key-checkbox-image">答案
            </label>
            <input id="c-choose-$index" class="form-control up-input" name="row[point][$idx][image][items][$index]" type="text" style="width: 200px">
            <div class="input-group-addon no-border no-padding" style="width: 0">
                <span><button type="button" id="fachoose-avatar-$index" class="btn btn-primary fachoose" data-input-id="c-choose-$index" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                <a class="btn btn-danger" onclick="if($(this).parents('.up-field').prev().hasClass('btn')){return;}$(this).parents('.up-field').remove()">删除</a>
            </div>
        </div>
    </div>
</div>