fastadmin_tailored/application/admin/view/commission/level/add.html

<style>
    .level-select-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .level-select-item {
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        min-width: 80px;
    }
    
    .level-select-item.disabled {
        background-color: #ddd;
        cursor: not-allowed;
        opacity: 0.6;
        pointer-events: none; /* 完全禁用点击 */
    }
    
    .level-select-item.disabled.active {
        background-color: #666;
        color: white;
    }
    
    .level-select-item.active {
        background-color: #5cb85c;
        color: white;
    }
    
</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-level" data-rule="required" class="form-control" name="row[level]" type="hidden" value="{$row.level|default=''}">
            <div class="level-select-container"></div>
            <span class="help-block">选择一个等级权重</span>
        </div>
    </div>
    <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" placeholder="请输入等级名称" value="{$row.name|default=''}">
        </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-image" class="form-control" size="50" name="row[image]" type="text" value="{$row.image|default=''}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" 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="panel panel-info">
        <div class="panel-heading">
            <h4 class="panel-title">佣金比例设置</h4>
        </div>
        <div class="panel-body">
            <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 class="form-control" name="row[commission_rules][commission_1]" type="number" step="0.01" value="{$row.commission_rules.commission_1|default='0.00'}" data-rule="required">
                        <span class="input-group-addon">%</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 class="form-control" name="row[commission_rules][commission_2]" type="number" step="0.01" value="{$row.commission_rules.commission_2|default='0.00'}" data-rule="required">
                        <span class="input-group-addon">%</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 class="form-control" name="row[commission_rules][commission_3]" type="number" step="0.01" value="{$row.commission_rules.commission_3|default='0.00'}" data-rule="required">
                        <span class="input-group-addon">%</span>
                    </div>
                </div>
            </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>