gganli/application/admin/view/noble/level/add.html

<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">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Back_image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-back_image" data-rule="required" class="form-control" size="50" name="row[back_image]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-back_image" class="btn btn-danger faupload" data-input-id="c-back_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-back_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-back_image" class="btn btn-primary fachoose" data-input-id="c-back_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-back_image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-back_image"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('First')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-first" data-rule="required" class="form-control" name="row[first]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Firstgive')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-firstgive" class="form-control" name="row[firstgive]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Renew')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-renew" data-rule="required" class="form-control" name="row[renew]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Give')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-give" class="form-control" name="row[give]" type="number" value="0">
        </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 id="c-explain" class="form-control" name="row[explain]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Icon_image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-icon_image" class="form-control" size="50" name="row[icon_image]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-icon_image" class="btn btn-danger faupload" data-input-id="c-icon_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-icon_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-icon_image" class="btn btn-primary fachoose" data-input-id="c-icon_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-icon_image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-icon_image"></ul>
        </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-info_image" class="form-control" size="50" name="row[info_image]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-info_image" class="btn btn-danger faupload" data-input-id="c-info_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-info_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-info_image" class="btn btn-primary fachoose" data-input-id="c-info_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-info_image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-info_image"></ul>
        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Jctx')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <div class="input-group">-->
<!--                <input id="c-jctx" class="form-control" size="50" name="row[jctx]" type="text" value="">-->
<!--                <div class="input-group-addon no-border no-padding">-->
<!--                    <span><button type="button" id="faupload-jctx" class="btn btn-danger faupload" data-input-id="c-jctx" data-mimetype="svga" data-multiple="false" data-preview-id="p-jctx"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>-->
<!--                    <span><button type="button" id="fachoose-jctx" class="btn btn-primary fachoose" data-input-id="c-jctx" data-mimetype="file/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>-->
<!--                </div>-->
<!--                <span class="msg-box n-right" for="c-jctx"></span>-->
<!--            </div>-->
<!--            <ul class="row list-inline faupload-preview" id="p-jctx"></ul>-->
<!--            <div style="padding:2px 33px;margin-top:10px;width:120px;color:#fff3f6;cursor:pointer;background-color: #00A000;border-radius: 2px;" onclick="playjctx()">播放动画</div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Tqgq')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-tqgq" class="form-control" size="50" name="row[tqgq]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-tqgq" class="btn btn-danger faupload" data-input-id="c-tqgq" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-tqgq"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-tqgq" class="btn btn-primary fachoose" data-input-id="c-tqgq" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-tqgq"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-tqgq"></ul>
        </div>
    </div>

    <!--<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Lxrys')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select  id="c-lxrys" class="form-control selectpicker" name="row[lxrys]">
                {foreach name="ysList" item="vo"}
                <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Qfdh')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-qfdh" class="form-control" size="50" name="row[qfdh]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-qfdh" class="btn btn-danger faupload" data-input-id="c-qfdh" data-mimetype="svga" data-multiple="false" data-preview-id="p-qfdh"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-qfdh" class="btn btn-primary fachoose" data-input-id="c-qfdh" data-mimetype="file/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-qfdh"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-qfdh"></ul>
            <div style="padding:2px 33px;margin-top:10px;width:120px;color:#fff3f6;cursor:pointer;background-color: #00A000;border-radius: 2px;" onclick="playqfdh()">播放动画</div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Qftz')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-qftz" class="form-control selectpicker" name="row[qftz]">
                {foreach name="qftzList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Gptz')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-gptz" class="form-control selectpicker" name="row[gptz]">
                {foreach name="gptzList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>-->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Zlys')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select  id="c-zlys" class="form-control selectpicker" name="row[zlys]">
                {foreach name="ysList" item="vo"}
                <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Diylw')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--                        -->
<!--            <select  id="c-diylw" class="form-control selectpicker" name="row[diylw]">-->
<!--                {foreach name="diylwList" item="vo"}-->
<!--                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>-->
<!--                {/foreach}-->
<!--            </select>-->

<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Fjft')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-fjft" class="form-control selectpicker" name="row[fjft]">
                {foreach name="fjftList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Zdych')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--                        -->
<!--            <select  id="c-zdych" class="form-control selectpicker" name="row[zdych]">-->
<!--                {foreach name="zdychList" item="vo"}-->
<!--                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>-->
<!--                {/foreach}-->
<!--            </select>-->

<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Is_show')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-is_show" class="form-control selectpicker" name="row[is_show]">
                {foreach name="isShowList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </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>


<style>
    .demoCanvas,.demoCanvasqfdh,.demoCanvasjctx{
        width: 100px;
        height: 80px;
    }
</style>
<script src="/assets/js/svga.min.js" ></script>
<script>
    // 播放
    function playqfdh() {
        $("#p-qfdh li a.thumbnail").html("<div class='demoCanvasqfdh'></div>");

        var player = new SVGA.Player('.demoCanvasqfdh');
        player.loops=1;
        player.clearsAfterStop=false;

        var parser = new SVGA.Parser('.demoCanvasqfdh'); // 如果你需要支持 IE6+，那么必须把同样的选择器传给 Parser。

        var svgaUrl = $("#c-qfdh").val();

        if(svgaUrl.indexOf("http://") == -1 && svgaUrl.indexOf("https://") == -1) {
            svgaUrl = "{$Think.config.cos.url}"+svgaUrl;
        }
        parser.load(svgaUrl, function(videoItem) {
            player.setVideoItem(videoItem);
            player.startAnimation();
        })
    }

    // 播放
    function playjctx() {
        $("#p-jctx li a.thumbnail").html("<div class='demoCanvasjctx'></div>");

        var player = new SVGA.Player('.demoCanvasjctx');
        player.loops=1;
        player.clearsAfterStop=false;

        var parser = new SVGA.Parser('.demoCanvasjctx'); // 如果你需要支持 IE6+，那么必须把同样的选择器传给 Parser。

        var svgaUrl = $("#c-jctx").val();

        if(svgaUrl.indexOf("http://") == -1 && svgaUrl.indexOf("https://") == -1) {
            svgaUrl = "{$Think.config.cos.url}"+svgaUrl;
        }
        parser.load(svgaUrl, function(videoItem) {
            player.setVideoItem(videoItem);
            player.startAnimation();
        })
    }
</script>