screen/application/admin/view/video/edit.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="{$row.guest_id}">
        </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">
            <div class="input-group">
                <input id="c-[name]" class="form-control" size="50" name="row[bg]" type="text" value="{$row.bg}" data-rule="[rule]">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-avatar-bg" class="btn btn-danger plupload" data-input-id="c-bg" 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> 上传</button></span>
                    <span><button type="button" id="fachoose-avatar-bg" class="btn btn-primary fachoose" data-input-id="c-bg" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                </div>
                <span class="msg-box n-right" for="c-bg"></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">
            <div class="input-group">
                <input id="c-src" class="form-control" size="50" name="row[src]" type="text" value="{$row.bg}" data-rule="[rule]">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-video" class="btn btn-danger plupload" data-input-id="c-src" data-mimetype="video/mp4" data-multiple="false" data-preview-id="p-video"><i class="fa fa-upload"></i> 上传</button></span>
                    <span><button type="button" id="fachoose-video" class="btn btn-primary fachoose" data-input-id="c-src" data-mimetype="video/*" data-multiple="false"><i class="fa fa-list"></i> 选择</button></span>
                </div>
                <span class="msg-box n-right" for="c-src"></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">
            <input name="row[title]" data-rule="required;length(~200)" class="form-control" value="{$row.title}"/>
        </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,$checked_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=>'是'],$row.is_open)}
        </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-12 col-sm-8">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </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 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" onclick='$(this).parent().append($(this).next().clone())'>新增</a>
                <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>
            </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-12 col-sm-8">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </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-12 col-sm-8">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required">
            </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 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>
                <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>
            </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-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-12 col-sm-8">
                <input type="text" class="form-control" name="row[point][$idx][title]" data-rule="required;length(~15)">
            </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>