book_admin/application/admin/view/card/flip/add.html

<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label for="c-name" 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" value="">
        </div>
    </div>
    <div class="form-group">
        <label for="c-begin_time" class="control-label col-xs-12 col-sm-2">{:__('Begin_time')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-begin_time" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[begin_time]" type="text" value="{:date('Y-m-d H:i:s')}">
        </div>
    </div>
    <div class="form-group">
        <label for="c-end_time" class="control-label col-xs-12 col-sm-2">{:__('End_time')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-end_time" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[end_time]" type="text" value="{:date('Y-m-d H:i:s')}">
        </div>
    </div>
    <div class="form-group">
        <label for="c-kandian" class="control-label col-xs-12 col-sm-2">{:__('抽奖书币(书币/次)')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-kandian" data-rule="required" class="form-control" name="row[kandian]" type="number" value="">
        </div>
    </div>
    <div class="form-group">
        <label for="c-limit" class="control-label col-xs-12 col-sm-2">{:__('每天的抽奖次数')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-limit" data-rule="required" class="form-control" size="50" name="row[limit]" type="number" value="0">
            <small class="text-info help-block"><i class="fa fa-info-circle"></i>&nbsp;活动有效期内，抽奖次数限制，0表示不限制</small>
        </div>
    </div>
    <div class="form-group">
        <label for="c-image" class="control-label col-xs-12 col-sm-2">{:__('活动banner图')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-image" data-rule="" class="form-control" size="50" name="row[banner_img]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-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-image"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-image"></ul>
        </div>
    </div>
    <div class="form-group book-tags-selected">
        <label for="" class="control-label col-xs-12 col-sm-2">{:__('奖品列表')}:</label>
        <div class="col-xs-12 col-sm-8">
            <table border="1">
                <tr>
                    <th>序号</th>
                    <th>奖励前端显示名称</th>
                    <th>概率</th>
                    <th>奖励名称</th>
                    <th>配置奖励</th>
                </tr>
                {foreach name="awardList" item="vo"}
                <tr class="award_list_{$vo['num']}">
                    <td class="show_num" >{$vo['num']}</td>
                    <td>
                        <input type="text" data-rule="required" class="show_name" name="row[list][show_name{$vo['num']}]" value="{$vo['show_name']}">
                    </td>
                    <td>
                        <input type="text" data-rule="required" class="percent" name="row[list][percent{$vo['num']}]" value="{$vo['percent']}">
                    </td>
                    <td class="award_name">{$vo['name']}</td>
                    <input type="hidden" class="a_id" name="row[list][a_id{$vo['num']}]" value="{$vo['a_id']}">
                    <input type="hidden" class="ac_id" name="row[list][ac_id{$vo['num']}]" value="{$vo['id']}">
                    <td>
                        <a href="javascript:;" class="add_award">添加</a>
                        <a href="javascript:;" class="del_award" style="display: none">删除</a>
                    </td>
                </tr>
                {/foreach}
            </table>
        </div>
    </div>
    <div class="form-group">
        <label for="c-rule" class="control-label col-xs-12 col-sm-2">{:__('Rule')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea name="row[rule]" id="c-rule" class="form-control" cols="30" rows="10"></textarea>

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

            <div class="radio">
                {foreach name="stateList" item="vo"}
                <label for="row[state]-{$key}"><input id="row[state]-{$key}" name="row[state]" type="radio" value="{$key}" {in name="key" value="1"}checked{/in} /> {$vo}</label>
                {/foreach}
            </div>

        </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 type="text/css">
    .book-tags-selected ul{
        overflow: hidden;
        font-size: 0;
        padding: 0;
        margin: 0;
        border-bottom: none;
    }

    .book-tags-selected ul li{
        list-style-type: none; margin: 0;
        width:120px;
        display: inline-block;
        padding: 5px 20px;
        box-sizing: border-box;
        font-size: 12px;
        height: 30px;
        border-right: none;
        border-bottom: none;
    }
    .book-tags-selected ul:last-of-type li{
        border-bottom: 1px solid #ccc;
    }
    .book-tags-selected ul li:last-of-type{
        border-right: 1px solid #ccc;

    }
    .book-tags-selected li{ display: inline-block; border: 1px solid #ccc; }
    .tag-del{ cursor: pointer;}
    .color-label{ width: 50px; height: 20px; display: inline-block;float: right}
</style>