fastadmin_tailored/application/admin/view/commission/goods/edit.html

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

    <div class="panel panel-default panel-intro">
        <div class="panel-heading">
            <h3 class="panel-title">
                <i class="fa fa-list"></i> 商品信息
            </h3>
        </div>
        <div class="panel-body">
            <!-- 商品信息展示 -->
            <div class="row">
                {volist name="goods_list" id="goods"}
                <div class="col-sm-12" style="margin-bottom: 20px;">
                    <div class="media">
                        <div class="media-left">
                            <img src="{$goods.image}" class="media-object" style="width: 80px; height: 80px; object-fit: cover; border-radius: 4px;">
                        </div>
                        <div class="media-body" style="padding-left: 15px;">
                            <h5 class="media-heading" style="margin-bottom: 8px;">
                                <strong>{$goods.title}</strong>
                            </h5>
                            <p class="text-muted" style="margin-bottom: 5px; font-size: 12px;">ID: {$goods.id}</p>
                            <p class="text-muted" style="margin-bottom: 5px; font-size: 12px;">价格: ¥{$goods.price}</p>
                            {if condition="$goods.subtitle"}
                            <p class="text-muted" style="font-size: 12px;">{$goods.subtitle}</p>
                            {/if}
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>

    <div class="panel panel-default panel-intro">
        <div class="panel-heading">
            <h3 class="panel-title">
                <i class="fa fa-cog"></i> 佣金设置
            </h3>
        </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="radio">
                        <label for="participate_no">
                            <input id="participate_no" name="status" type="radio" value="0" checked=""> 不参与
                        </label>
                    </div>
                    <div class="radio">
                        <label for="participate_yes">
                            <input id="participate_yes" name="status" type="radio" value="1"> 参与
                        </label>
                    </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="radio">
                        <label for="order_status_no">
                            <input id="order_status_no" name="order_status" type="radio" value="0"> 不计入
                        </label>
                    </div>
                    <div class="radio">
                        <label for="order_status_yes">
                            <input id="order_status_yes" name="order_status" type="radio" value="1" checked=""> 计入
                        </label>
                    </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="radio">
                        <label for="rule_default">
                            <input id="rule_default" name="rule_type" type="radio" value="0" checked=""> 默认规则
                        </label>
                    </div>
                    <div class="radio">
                        <label for="rule_custom">
                            <input id="rule_custom" name="rule_type" type="radio" value="1"> 独立规则
                        </label>
                    </div>
                    <div class="radio">
                        <label for="rule_batch">
                            <input id="rule_batch" name="rule_type" type="radio" value="2"> 批量规则
                        </label>
                    </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="radio">
                        <label for="self_buy_off">
                            <input id="self_buy_off" name="self_buy" type="radio" value="0" checked=""> 关闭
                        </label>
                    </div>
                    <div class="radio">
                        <label for="self_buy_on">
                            <input id="self_buy_on" name="self_buy" type="radio" value="1"> 开启
                        </label>
                    </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="radio">
                        <label for="settlement_goods_price">
                            <input id="settlement_goods_price" name="settlement_type" type="radio" value="0" checked=""> 商品价
                        </label>
                    </div>
                    <div class="radio">
                        <label for="settlement_actual_price">
                            <input id="settlement_actual_price" name="settlement_type" type="radio" value="1"> 实际支付价
                        </label>
                    </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="radio">
                        <label for="commission_after_pay">
                            <input id="commission_after_pay" name="commission_settlement" type="radio" value="0" checked=""> 支付后结算
                        </label>
                    </div>
                    <div class="radio">
                        <label for="commission_after_confirm">
                            <input id="commission_after_confirm" name="commission_settlement" type="radio" value="1"> 确认收货结算
                        </label>
                    </div>
                    <div class="radio">
                        <label for="commission_after_complete">
                            <input id="commission_after_complete" name="commission_settlement" type="radio" value="2"> 订单完成结算
                        </label>
                    </div>
                    <div class="radio">
                        <label for="commission_manual">
                            <input id="commission_manual" name="commission_settlement" type="radio" value="3"> 手动打款
                        </label>
                    </div>
                </div>
            </div>

            <!-- 佣金规则设置（独立规则或批量规则时显示） -->
            <div id="commission-rules-container" style="display: none;">
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">佣金比例设置:</label>
                    <div class="col-xs-12 col-sm-10">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover" id="commission-rules-table">
                                <thead>
                                    <tr>
                                        <th width="150">分销等级名称</th>
                                        <th>一级佣金比例</th>
                                        <th>二级佣金比例</th>
                                        <th>三级佣金比例</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {volist name="level_list" id="level"}
                                    <tr>
                                        <td><strong>{$level.name}</strong></td>
                                        <td>
                                            <div class="input-group">
                                                <select name="commission_rules[{$level.level}][1][type]" class="form-control commission-type-select" style="width: 80px;">
                                                    <option value="rate">比例(%)</option>
                                                    <option value="money">固定(元)</option>
                                                </select>
                                                <input type="number" name="commission_rules[{$level.level}][1][value]" class="form-control" step="0.01" min="0" placeholder="0.00">
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-group">
                                                <select name="commission_rules[{$level.level}][2][type]" class="form-control commission-type-select" style="width: 80px;">
                                                    <option value="rate">比例(%)</option>
                                                    <option value="money">固定(元)</option>
                                                </select>
                                                <input type="number" name="commission_rules[{$level.level}][2][value]" class="form-control" step="0.01" min="0" placeholder="0.00">
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-group">
                                                <select name="commission_rules[{$level.level}][3][type]" class="form-control commission-type-select" style="width: 80px;">
                                                    <option value="rate">比例(%)</option>
                                                    <option value="money">固定(元)</option>
                                                </select>
                                                <input type="number" name="commission_rules[{$level.level}][3][value]" class="form-control" step="0.01" min="0" placeholder="0.00">
                                            </div>
                                        </td>
                                    </tr>
                                    {/volist}
                                </tbody>
                            </table>
                        </div>
                        <p class="help-block">说明：比例佣金按百分比计算，固定佣金按每件商品计算</p>
                    </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>

<script>
$(document).ready(function() {
    
    // 佣金规则类型切换
    $('input[name="rule_type"]').on('change', function() {
        var ruleType = $(this).val();
        var rulesContainer = $('#commission-rules-container');
        
        if (ruleType == '1' || ruleType == '2') { // 独立规则或批量规则
            rulesContainer.show();
        } else {
            rulesContainer.hide();
        }
    });
    
    // 初始化规则显示状态
    var checkedRuleType = $('input[name="rule_type"]:checked').val();
    if (checkedRuleType == '1' || checkedRuleType == '2') {
        $('#commission-rules-container').show();
    }
    
    // 表单提交处理
    $('#edit-form').on('submit', function(e) {
        e.preventDefault();
        
        var formData = $(this).serialize();
        
        Fast.api.ajax({
            url: $(this).attr('action') || window.location.href,
            type: 'POST',
            data: formData
        }, function(data, ret) {
            Fast.api.close();
        }, function(data, ret) {
            console.error('保存失败:', ret.msg);
        });
    });
    
    // 初始化已有数据
    {if condition="isset($goods_list[0]['commission_goods'])"}
    var commissionData = {$goods_list[0]['commission_goods']|json_encode};
    if (commissionData) {
        // 设置基础选项
        if (commissionData.status !== undefined) {
            $('input[name="status"][value="' + commissionData.status + '"]').prop('checked', true);
        }
        if (commissionData.order_status !== undefined) {
            $('input[name="order_status"][value="' + commissionData.order_status + '"]').prop('checked', true);
        }
        if (commissionData.rule_type !== undefined) {
            $('input[name="rule_type"][value="' + commissionData.rule_type + '"]').prop('checked', true).trigger('change');
        }
        if (commissionData.self_buy !== undefined) {
            $('input[name="self_buy"][value="' + commissionData.self_buy + '"]').prop('checked', true);
        }
        if (commissionData.settlement_type !== undefined) {
            $('input[name="settlement_type"][value="' + commissionData.settlement_type + '"]').prop('checked', true);
        }
        if (commissionData.commission_settlement !== undefined) {
            $('input[name="commission_settlement"][value="' + commissionData.commission_settlement + '"]').prop('checked', true);
        }
    }
    {/if}
    
});
</script>