[渠道管理]-优化样式,新增手动结算

2026-04-16 13:39:08 +08:00
parent 5bf948e309
commit 54f460a242
14 changed files with 1184 additions and 84 deletions
--- a/web/src/views/backend/agent/commissionRecord/popupForm.vue
+++ b/web/src/views/backend/agent/commissionRecord/popupForm.vue
@@ -6,9 +6,45 @@
        <el-scrollbar v-loading="baTable.form.loading" class="ba-table-form-scrollbar">
            <div class="ba-operate-form" :class="'ba-' + baTable.form.operate + '-form'" :style="config.layout.shrink ? '' : 'width: calc(100% - ' + baTable.form.labelWidth! / 2 + 'px)'">
                <el-form v-if="!baTable.form.loading" ref="formRef" @submit.prevent="" @keyup.enter="baTable.onSubmit(formRef)" :model="baTable.form.items" :label-position="config.layout.shrink ? 'top' : 'right'" :label-width="baTable.form.labelWidth + 'px'" :rules="rules">
-                    <FormItem :label="t('agent.commissionRecord.settlement_period_id')" type="number" v-model="baTable.form.items!.settlement_period_id" prop="settlement_period_id" :input-attr="{ min: 1, step: 1 }" />
-                    <FormItem :label="t('agent.commissionRecord.channel_id')" type="number" v-model="baTable.form.items!.channel_id" prop="channel_id" :input-attr="{ min: 1, step: 1 }" />
-                    <FormItem :label="t('agent.commissionRecord.admin_id')" type="number" v-model="baTable.form.items!.admin_id" prop="admin_id" :input-attr="{ min: 1, step: 1 }" />
+                    <FormItem
+                        :label="t('agent.commissionRecord.settlement_period_id')"
+                        type="remoteSelect"
+                        v-model="baTable.form.items!.settlement_period_id"
+                        prop="settlement_period_id"
+                        :key="'sp-' + (baTable.form.items!.id ?? 'new')"
+                        :input-attr="{
+                            pk: 'id',
+                            field: 'settlement_no',
+                            remoteUrl: '/admin/agent.SettlementPeriod/index',
+                            placeholder: t('Click select'),
+                        }"
+                    />
+                    <FormItem
+                        :label="t('agent.commissionRecord.channel_id')"
+                        type="remoteSelect"
+                        v-model="baTable.form.items!.channel_id"
+                        prop="channel_id"
+                        :key="'ch-' + (baTable.form.items!.id ?? 'new')"
+                        :input-attr="{
+                            pk: 'id',
+                            field: 'name',
+                            remoteUrl: '/admin/channel/index',
+                            placeholder: t('Click select'),
+                        }"
+                    />
+                    <FormItem
+                        :label="t('agent.commissionRecord.admin_id')"
+                        type="remoteSelect"
+                        v-model="baTable.form.items!.admin_id"
+                        prop="admin_id"
+                        :key="'adm-' + (baTable.form.items!.id ?? 'new')"
+                        :input-attr="{
+                            pk: 'id',
+                            field: 'username',
+                            remoteUrl: '/admin/auth/admin/index',
+                            placeholder: t('Click select'),
+                        }"
+                    />
                    <FormItem :label="t('agent.commissionRecord.commission_rate')" type="number" v-model="baTable.form.items!.commission_rate" prop="commission_rate" :input-attr="{ min: 0, precision: 4, step: 0.0001 }" />
                    <FormItem :label="t('agent.commissionRecord.calc_base_amount')" type="number" v-model="baTable.form.items!.calc_base_amount" prop="calc_base_amount" :input-attr="{ min: 0, precision: 4, step: 0.0001 }" />
                    <FormItem :label="t('agent.commissionRecord.commission_amount')" type="number" v-model="baTable.form.items!.commission_amount" prop="commission_amount" :input-attr="{ precision: 4, step: 0.0001 }" />
@@ -42,8 +78,9 @@ const { t } = useI18n()

 const rules: Partial<Record<string, FormItemRule[]>> = reactive({
    settlement_period_id: [{ required: true, message: t('Please input field', { field: t('agent.commissionRecord.settlement_period_id') }) }],
+    channel_id: [{ required: true, message: t('Please input field', { field: t('agent.commissionRecord.channel_id') }) }],
+    admin_id: [{ required: true, message: t('Please input field', { field: t('agent.commissionRecord.admin_id') }) }],
 })
 </script>

 <style scoped lang="scss"></style>
-
--- a/web/src/views/backend/channel/index.vue
+++ b/web/src/views/backend/channel/index.vue
@@ -10,14 +10,61 @@
        <Table ref="tableRef"></Table>

        <PopupForm />
+
+        <el-dialog class="ba-operate-dialog" :close-on-click-modal="false" :model-value="manualSettle.visible" @close="closeManualSettleDialog">
+            <template #header>
+                <div class="title">{{ t('channel.manual_settle') }}</div>
+            </template>
+            <div v-loading="manualSettle.previewLoading" class="manual-settle-dialog-body">
+                <el-form :model="manualSettle.form" label-width="140px">
+                    <el-form-item :label="t('channel.manual_settle_settlement_no')">
+                        <el-input v-model="manualSettle.form.settlement_no" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_period_start')">
+                        <el-input v-model="manualSettle.form.period_start_at" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_period_end')">
+                        <el-input v-model="manualSettle.form.period_end_at" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_total_bet')">
+                        <el-input v-model="manualSettle.form.total_bet_amount" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_total_payout')">
+                        <el-input v-model="manualSettle.form.total_payout_amount" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_platform_profit')">
+                        <el-input v-model="manualSettle.form.platform_profit_amount" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_commission_rate')">
+                        <el-input v-model="manualSettle.form.commission_rate" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_calc_base')">
+                        <el-input v-model="manualSettle.form.calc_base_amount" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_commission_amount')">
+                        <el-input v-model="manualSettle.form.commission_amount" readonly />
+                    </el-form-item>
+                    <el-form-item :label="t('channel.manual_settle_remark')">
+                        <el-input v-model="manualSettle.form.remark" type="textarea" :rows="2" />
+                    </el-form-item>
+                </el-form>
+            </div>
+            <template #footer>
+                <el-button @click="closeManualSettleDialog">{{ t('Cancel') }}</el-button>
+                <el-button type="primary" :disabled="manualSettle.previewLoading" :loading="manualSettle.loading" @click="submitManualSettle">
+                    {{ t('Save') }}
+                </el-button>
+            </template>
+        </el-dialog>
    </div>
 </template>

 <script setup lang="ts">
-import { onMounted, provide, useTemplateRef } from 'vue'
+import { onMounted, provide, reactive, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import PopupForm from './popupForm.vue'
 import { baTableApi } from '/@/api/common'
+import { auth } from '/@/utils/common'
 import { defaultOptButtons } from '/@/components/table'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
@@ -32,23 +79,17 @@ const { t } = useI18n()
 const tableRef = useTemplateRef('tableRef')
 let optButtons: OptButton[] = [
    {
-        render: 'confirmButton',
+        render: 'tipButton',
        name: 'manualSettle',
        title: 'channel.manual_settle',
        text: '',
        type: 'warning',
        icon: 'el-icon-Clock',
        class: 'table-row-manual-settle',
-        popconfirm: {
-            confirmButtonText: t('channel.manual_settle'),
-            cancelButtonText: t('Cancel'),
-            confirmButtonType: 'warning',
-            title: t('channel.manual_settle_confirm'),
-        },
        disabledTip: false,
-        click: async (row: TableRow) => {
-            await createAxios({ url: '/admin/channel/manualSettle', method: 'post', data: { id: row.id } }, { showSuccessMessage: true })
-            baTable.onTableHeaderAction('refresh', { event: 'manual-settle' })
+        display: () => auth('manualSettle'),
+        click: (row: TableRow) => {
+            void openManualSettleDialog(row)
        },
    },
 ]
@@ -65,6 +106,110 @@ const formatAmountInt = (_row: any, _column: any, cellValue: number | string | n
    if (Number.isNaN(num)) return '-'
    return `${num}`
 }
+const formatSettleDay = (row: anyObj) => {
+    if (row.settle_cycle === 'weekly') {
+        return t(`channel.weekday ${row.settle_weekday ?? 1}`)
+    }
+    if (row.settle_cycle === 'monthly') {
+        return `${row.settle_monthday ?? 1}${t('channel.day_suffix')}`
+    }
+    return t('channel.settle_day_daily')
+}
+
+const manualSettle = reactive({
+    visible: false,
+    loading: false,
+    previewLoading: false,
+    channelId: 0,
+    form: {
+        settlement_no: '',
+        period_start_at: '',
+        period_end_at: '',
+        total_bet_amount: '',
+        total_payout_amount: '',
+        platform_profit_amount: '',
+        commission_rate: '',
+        calc_base_amount: '',
+        commission_amount: '',
+        remark: '',
+    },
+})
+
+const resetManualSettleForm = () => {
+    manualSettle.form.settlement_no = ''
+    manualSettle.form.period_start_at = ''
+    manualSettle.form.period_end_at = ''
+    manualSettle.form.total_bet_amount = ''
+    manualSettle.form.total_payout_amount = ''
+    manualSettle.form.platform_profit_amount = ''
+    manualSettle.form.commission_rate = ''
+    manualSettle.form.calc_base_amount = ''
+    manualSettle.form.commission_amount = ''
+    manualSettle.form.remark = ''
+}
+
+const closeManualSettleDialog = () => {
+    manualSettle.visible = false
+    resetManualSettleForm()
+}
+
+const openManualSettleDialog = async (row: TableRow) => {
+    manualSettle.channelId = row.id
+    resetManualSettleForm()
+    manualSettle.visible = true
+    manualSettle.previewLoading = true
+    try {
+        const res = await createAxios(
+            {
+                url: '/admin/channel/manualSettlePreview',
+                method: 'get',
+                params: { id: row.id },
+            },
+            { showErrorMessage: true }
+        )
+        if (res.code !== 1 || !res.data) {
+            manualSettle.visible = false
+            return
+        }
+        const d = res.data as anyObj
+        manualSettle.form.settlement_no = d.settlement_no ?? ''
+        manualSettle.form.period_start_at = d.period_start_at ?? ''
+        manualSettle.form.period_end_at = d.period_end_at ?? ''
+        manualSettle.form.total_bet_amount = d.total_bet_amount ?? ''
+        manualSettle.form.total_payout_amount = d.total_payout_amount ?? ''
+        manualSettle.form.platform_profit_amount = d.platform_profit_amount ?? ''
+        manualSettle.form.commission_rate = d.commission_rate ?? ''
+        manualSettle.form.calc_base_amount = d.calc_base_amount ?? ''
+        manualSettle.form.commission_amount = d.commission_amount ?? ''
+        manualSettle.form.remark = `${t('channel.manual_settle')}-CH${row.id}`
+    } catch {
+        manualSettle.visible = false
+    } finally {
+        manualSettle.previewLoading = false
+    }
+}
+
+const submitManualSettle = async () => {
+    if (!manualSettle.channelId) return
+    manualSettle.loading = true
+    try {
+        await createAxios(
+            {
+                url: '/admin/channel/manualSettle',
+                method: 'post',
+                data: {
+                    id: manualSettle.channelId,
+                    remark: manualSettle.form.remark,
+                },
+            },
+            { showSuccessMessage: true }
+        )
+        closeManualSettleDialog()
+        baTable.onTableHeaderAction('refresh', { event: 'manual-settle' })
+    } finally {
+        manualSettle.loading = false
+    }
+}

 const baTable = new baTableClass(
    new baTableApi('/admin/channel/'),
@@ -169,22 +314,12 @@ const baTable = new baTableClass(
            },
            {
                label: t('channel.settle_weekday'),
-                prop: 'settle_weekday',
+                prop: 'settle_day',
                align: 'center',
                width: 110,
-                operator: 'eq',
+                operator: false,
                sortable: false,
-                render: 'tag',
-                custom: { '1': 'info', '2': 'info', '3': 'info', '4': 'info', '5': 'info', '6': 'success', '7': 'success' },
-                replaceValue: {
-                    '1': t('channel.weekday 1'),
-                    '2': t('channel.weekday 2'),
-                    '3': t('channel.weekday 3'),
-                    '4': t('channel.weekday 4'),
-                    '5': t('channel.weekday 5'),
-                    '6': t('channel.weekday 6'),
-                    '7': t('channel.weekday 7'),
-                },
+                formatter: (row: anyObj) => formatSettleDay(row),
            },
            {
                label: t('channel.settle_time'),
@@ -301,12 +436,19 @@ const baTable = new baTableClass(
                width: 160,
                timeFormat: 'yyyy-mm-dd hh:MM:ss',
            },
-            { label: t('Operate'), align: 'center', width: 80, render: 'buttons', buttons: optButtons, operator: false, fixed: 'right' },
+            { label: t('Operate'), align: 'center', width: 120, render: 'buttons', buttons: optButtons, operator: false, fixed: 'right' },
        ],
        dblClickNotEditColumn: [undefined, 'status'],
    },
    {
-        defaultItems: { status: '1', agent_mode: 'turnover' },
+        defaultItems: {
+            status: '1',
+            agent_mode: 'turnover',
+            settle_cycle: 'weekly',
+            settle_weekday: 1,
+            settle_monthday: 1,
+            settle_time: '02:00:00',
+        },
    }
 )

--- a/web/src/views/backend/channel/popupForm.vue
+++ b/web/src/views/backend/channel/popupForm.vue
@@ -69,14 +69,30 @@
                        :input-attr="{ step: 0.01, precision: 2, min: 0, max: 100 }"
                        :placeholder="`${t('Please input field', { field: t('channel.turnover_share_rate') })} (例如 30.5)`"
                    />
+                    <FormItem
+                        v-if="currentAgentMode === 'affiliate'"
+                        :label="t('channel.affiliate_contract_no')"
+                        type="string"
+                        v-model="baTable.form.items!.affiliate_contract_no"
+                        prop="affiliate_contract_no"
+                        :placeholder="t('Please input field', { field: t('channel.affiliate_contract_no') })"
+                    />
+                    <FormItem
+                        v-if="currentAgentMode === 'affiliate'"
+                        :label="t('channel.affiliate_contract_name')"
+                        type="string"
+                        v-model="baTable.form.items!.affiliate_contract_name"
+                        prop="affiliate_contract_name"
+                        :placeholder="t('Please input field', { field: t('channel.affiliate_contract_name') })"
+                    />
                    <FormItem
                        v-if="currentAgentMode === 'affiliate'"
                        :label="t('channel.affiliate_share_rate')"
                        type="number"
                        v-model="baTable.form.items!.affiliate_share_rate"
                        prop="affiliate_share_rate"
-                        :input-attr="{ step: 0.01, precision: 2, min: 0, max: 100 }"
-                        :placeholder="`${t('Please input field', { field: t('channel.affiliate_share_rate') })} (例如 55.5)`"
+                        :input-attr="{ step: 0.000001, precision: 6, min: 0, max: 1 }"
+                        :placeholder="`${t('Please input field', { field: t('channel.affiliate_share_rate') })} (例如 0.240000)`"
                    />
                    <FormItem
                        v-if="currentAgentMode === 'affiliate'"
@@ -84,9 +100,52 @@
                        type="number"
                        v-model="baTable.form.items!.affiliate_fee_rate"
                        prop="affiliate_fee_rate"
-                        :input-attr="{ step: 0.01, precision: 2, min: 0, max: 100 }"
-                        :placeholder="`${t('Please input field', { field: t('channel.affiliate_fee_rate') })} (例如 15.0)`"
+                        :input-attr="{ step: 0.000001, precision: 6, min: 0, max: 1 }"
+                        :placeholder="`${t('Please input field', { field: t('channel.affiliate_fee_rate') })} (例如 0.070000)`"
                    />
+                    <el-form-item :label="t('channel.settle_cycle')" prop="settle_plan">
+                        <el-tree-select
+                            v-model="settlePlanValue"
+                            class="w100"
+                            clearable
+                            filterable
+                            :data="settlePlanTree"
+                            :props="settlePlanTreeProps"
+                            :render-after-expand="false"
+                            :placeholder="t('channel.settle_cycle_placeholder')"
+                            @change="onSettlePlanChange"
+                        />
+                    </el-form-item>
+                    <FormItem :label="t('channel.settle_time')" type="time" v-model="baTable.form.items!.settle_time" prop="settle_time" />
+                    <FormItem
+                        v-if="currentAgentMode === 'affiliate'"
+                        :label="t('channel.affiliate_effective_start_at')"
+                        type="datetime"
+                        v-model="baTable.form.items!.affiliate_effective_start_at"
+                        prop="affiliate_effective_start_at"
+                    />
+                    <FormItem
+                        v-if="currentAgentMode === 'affiliate'"
+                        :label="t('channel.affiliate_effective_end_at')"
+                        type="datetime"
+                        v-model="baTable.form.items!.affiliate_effective_end_at"
+                        prop="affiliate_effective_end_at"
+                    />
+                    <el-form-item v-if="currentAgentMode === 'affiliate'" :label="t('channel.affiliate_ladder_rules')" prop="affiliate_ladder_rules">
+                        <div class="ladder-rule-box">
+                            <div class="ladder-rule-row ladder-rule-head">
+                                <span>{{ t('channel.ladder_min_loss') }}</span>
+                                <span>{{ t('channel.ladder_share_rate') }}</span>
+                                <span>{{ t('Operate') }}</span>
+                            </div>
+                            <div v-for="(item, idx) in ladderRuleList" :key="idx" class="ladder-rule-row">
+                                <el-input-number v-model="item.minLoss" class="w100" :precision="4" :step="0.0001" :min="0" />
+                                <el-input-number v-model="item.shareRate" class="w100" :precision="6" :step="0.000001" :min="0" :max="1" />
+                                <el-button type="danger" link @click="removeLadderRule(idx)">{{ t('Delete') }}</el-button>
+                            </div>
+                            <el-button type="primary" link @click="addLadderRule">{{ t('Add') }}</el-button>
+                        </div>
+                    </el-form-item>
                    <FormItem
                        v-if="currentAgentMode === 'affiliate'"
                        :label="t('channel.carryover_balance')"
@@ -113,22 +172,21 @@
                        @keyup.ctrl.enter="baTable.onSubmit(formRef)"
                        :placeholder="t('Please input field', { field: t('channel.remark') })"
                    />
-                    <FormItem
-                        :label="t('channel.admin_id')"
-                        type="remoteSelect"
-                        v-model="baTable.form.items!.admin_id"
-                        prop="admin_id"
-                        :input-attr="{ pk: 'admin.id', field: 'username', remoteUrl: '/admin/auth.Admin/index', params: { top_group: '1' } }"
-                        :placeholder="t('Please select field', { field: t('channel.admin_id') })"
-                    />
-                    <FormItem
-                        :label="t('channel.top_admin_id')"
-                        type="remoteSelect"
-                        v-model="baTable.form.items!.top_admin_id"
-                        prop="top_admin_id"
-                        :input-attr="{ pk: 'admin.id', field: 'username', remoteUrl: '/admin/auth.Admin/index', params: { top_group: '1' } }"
-                        :placeholder="t('Please select field', { field: t('channel.top_admin_id') })"
-                    />
+                    <el-alert type="info" :closable="false" show-icon class="channel-admin-tree-tip">
+                        {{ t('channel.admin_tree_tip') }}
+                    </el-alert>
+                    <el-form-item :label="t('channel.admin_id')" prop="admin_id">
+                        <el-tree-select
+                            v-model="baTable.form.items!.admin_id"
+                            class="w100"
+                            clearable
+                            filterable
+                            :data="channelAdminTree"
+                            :props="channelAdminTreeProps"
+                            :render-after-expand="false"
+                            :placeholder="t('channel.admin_id_placeholder')"
+                        />
+                    </el-form-item>
                </el-form>
            </div>
        </el-scrollbar>
@@ -145,11 +203,13 @@

 <script setup lang="ts">
 import type { FormItemRule } from 'element-plus'
-import { computed, inject, reactive, useTemplateRef, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+import { computed, inject, nextTick, onMounted, reactive, ref, useTemplateRef, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import FormItem from '/@/components/formItem/index.vue'
 import { useConfig } from '/@/stores/config'
 import type baTableClass from '/@/utils/baTable'
+import createAxios from '/@/utils/axios'
 import { buildValidatorData } from '/@/utils/validate'

 const config = useConfig()
@@ -157,6 +217,114 @@ const formRef = useTemplateRef('formRef')
 const baTable = inject('baTable') as baTableClass

 const { t } = useI18n()
+
+type ChannelAdminTreeNode = {
+    value: string
+    label: string
+    disabled?: boolean
+    children?: ChannelAdminTreeNode[]
+    channel_id?: number
+    is_leaf?: boolean
+}
+
+const channelAdminTree = ref<ChannelAdminTreeNode[]>([])
+const channelAdminTreeProps = {
+    value: 'value',
+    label: 'label',
+    children: 'children',
+    disabled: 'disabled',
+}
+
+type LadderRuleRow = { minLoss: number; shareRate: number }
+const ladderRuleList = ref<LadderRuleRow[]>([])
+
+const settlePlanTree = computed(() => [
+    { value: 'daily', label: t('channel.settle_cycle daily'), children: [] },
+    {
+        value: 'weekly',
+        label: t('channel.settle_cycle weekly'),
+        disabled: true,
+        children: [1, 2, 3, 4, 5, 6, 7].map((n) => ({ value: `weekly:${n}`, label: t(`channel.weekday ${n}`), is_leaf: true })),
+    },
+    {
+        value: 'monthly',
+        label: t('channel.settle_cycle monthly'),
+        disabled: true,
+        children: Array.from({ length: 31 }).map((_, i) => {
+            const day = i + 1
+            return { value: `monthly:${day}`, label: `${day}${t('channel.day_suffix')}`, is_leaf: true }
+        }),
+    },
+])
+const settlePlanTreeProps = { value: 'value', label: 'label', children: 'children', disabled: 'disabled' }
+const settlePlanValue = ref<string | null>(null)
+
+const syncSettlePlanToItems = () => {
+    const items = baTable.form.items
+    if (!items) return
+    ;(items as any).settle_plan = settlePlanValue.value ?? ''
+}
+
+const syncSettlePlanFromItems = () => {
+    const items = baTable.form.items
+    if (!items) return
+    const cycle = items.settle_cycle || 'weekly'
+    if (cycle === 'daily') {
+        settlePlanValue.value = 'daily'
+        syncSettlePlanToItems()
+        return
+    }
+    if (cycle === 'monthly') {
+        settlePlanValue.value = `monthly:${items.settle_monthday || 1}`
+        syncSettlePlanToItems()
+        return
+    }
+    settlePlanValue.value = `weekly:${items.settle_weekday || 1}`
+    syncSettlePlanToItems()
+}
+
+watch(settlePlanValue, (val) => {
+    if (!baTable.form.items) return
+    if (!val) {
+        syncSettlePlanToItems()
+        return
+    }
+    if (val === 'daily') {
+        baTable.form.items.settle_cycle = 'daily'
+        baTable.form.items.settle_weekday = 1
+        baTable.form.items.settle_monthday = 1
+        return
+    }
+    if (val.startsWith('weekly:')) {
+        const day = parseInt(val.split(':')[1] || '1', 10)
+        baTable.form.items.settle_cycle = 'weekly'
+        baTable.form.items.settle_weekday = Number.isNaN(day) ? 1 : day
+        baTable.form.items.settle_monthday = 1
+        return
+    }
+    if (val.startsWith('monthly:')) {
+        const day = parseInt(val.split(':')[1] || '1', 10)
+        baTable.form.items.settle_cycle = 'monthly'
+        baTable.form.items.settle_monthday = Number.isNaN(day) ? 1 : day
+        baTable.form.items.settle_weekday = 1
+    }
+    syncSettlePlanToItems()
+})
+
+const onSettlePlanChange = () => {
+    nextTick(() => {
+        formRef.value?.validateField('settle_plan')
+    })
+}
+
+const loadChannelAdminTree = async () => {
+    const res = await createAxios({
+        url: '/admin/channel/adminTree',
+        method: 'get',
+    })
+    channelAdminTree.value = (res.data?.list ?? []) as ChannelAdminTreeNode[]
+}
+
 const currentAgentMode = computed(() => baTable.form.items?.agent_mode ?? 'turnover')
 const currentAgentModeDescList = computed(() => {
    if (currentAgentMode.value === 'turnover') {
@@ -165,6 +333,92 @@ const currentAgentModeDescList = computed(() => {
    return [t('channel.agent_mode_desc_affiliate_1'), t('channel.agent_mode_desc_affiliate_2'), t('channel.agent_mode_desc_affiliate_3')]
 })

+const normalizeLadderRulesToText = (val: unknown): string | null => {
+    if (val === null || val === undefined || val === '') {
+        return null
+    }
+    if (typeof val === 'string') {
+        return val
+    }
+    try {
+        return JSON.stringify(val, null, 2)
+    } catch {
+        return String(val)
+    }
+}
+
+const parseLadderRulesText = (val: unknown): unknown => {
+    if (val === null || val === undefined) {
+        return null
+    }
+    if (typeof val !== 'string') {
+        return val
+    }
+    const text = val.trim()
+    if (!text) {
+        return null
+    }
+    try {
+        return JSON.parse(text)
+    } catch {
+        return text
+    }
+}
+
+const syncLadderRuleRowsFromItems = () => {
+    const items = baTable.form.items
+    if (!items) return
+    const raw = parseLadderRulesText(items.affiliate_ladder_rules)
+    if (!Array.isArray(raw)) {
+        ladderRuleList.value = []
+        return
+    }
+    ladderRuleList.value = raw
+        .map((r: any) => ({
+            minLoss: Number(r.minLoss ?? r.min_loss ?? 0),
+            shareRate: Number(r.shareRate ?? r.share_rate ?? 0),
+        }))
+        .filter((r: LadderRuleRow) => Number.isFinite(r.minLoss) && Number.isFinite(r.shareRate))
+}
+
+const addLadderRule = () => {
+    ladderRuleList.value.push({ minLoss: 0, shareRate: 0 })
+}
+
+const removeLadderRule = (idx: number) => {
+    ladderRuleList.value.splice(idx, 1)
+}
+
+onMounted(() => {
+    loadChannelAdminTree()
+    syncSettlePlanFromItems()
+})
+
+watch(
+    () => baTable.form.operate,
+    (op) => {
+        if (op === 'Add' || op === 'Edit') {
+            loadChannelAdminTree()
+        }
+    }
+)
+
+watch(
+    () => [baTable.form.operate, baTable.form.items?.id] as const,
+    () => {
+        const items = baTable.form.items
+        if (!items || baTable.form.operate !== 'Edit') {
+            return
+        }
+        if (items.admin_id !== undefined && items.admin_id !== null && items.admin_id !== '') {
+            items.admin_id = String(items.admin_id) as any
+        }
+        items.affiliate_ladder_rules = normalizeLadderRulesToText(items.affiliate_ladder_rules) as any
+        syncSettlePlanFromItems()
+        syncLadderRuleRowsFromItems()
+    }
+)
+
 watch(
    () => baTable.form.items?.agent_mode,
    (mode) => {
@@ -175,23 +429,38 @@ watch(
            baTable.form.items.affiliate_share_rate = null
            baTable.form.items.affiliate_fee_rate = null
            baTable.form.items.carryover_balance = 0
+            baTable.form.items.affiliate_contract_no = null
+            baTable.form.items.affiliate_contract_name = null
+            baTable.form.items.affiliate_ladder_rules = null
+            baTable.form.items.affiliate_effective_start_at = null
+            baTable.form.items.affiliate_effective_end_at = null
+            ladderRuleList.value = []
            return
        }
        if (mode === 'affiliate') {
            baTable.form.items.turnover_share_rate = null
+            if (!baTable.form.items.settle_cycle) {
+                baTable.form.items.settle_cycle = 'weekly'
+            }
+            syncLadderRuleRowsFromItems()
        }
+        syncSettlePlanFromItems()
    }
 )

-const percentValidator = (label: string) => {
+const turnoverRateValidator = (label: string) => {
    return (_rule: any, value: string | number | null, callback: (error?: Error) => void) => {
+        if (currentAgentMode.value !== 'turnover') {
+            callback()
+            return
+        }
        if (value === null || value === undefined || value === '') {
            callback()
            return
        }
        const str = String(value).trim()
-        if (!/^\d+(\.\d{1,2})?$/.test(str)) {
-            callback(new Error(`${label}仅支持最多两位小数`))
+        if (!/^\d+(\.\d{1,6})?$/.test(str)) {
+            callback(new Error(`${label}仅支持最多六位小数`))
            return
        }
        const num = Number(str)
@@ -203,16 +472,92 @@ const percentValidator = (label: string) => {
    }
 }

+const settlePlanValidator = (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
+    const v = settlePlanValue.value
+    if (v !== null && v !== undefined && v !== '') {
+        callback()
+        return
+    }
+    callback(new Error(t('Please input field', { field: t('channel.settle_cycle') })))
+}
+
+const affiliateRateValidator = (label: string) => {
+    return (_rule: any, value: string | number | null, callback: (error?: Error) => void) => {
+        if (currentAgentMode.value !== 'affiliate') {
+            callback()
+            return
+        }
+        if (value === null || value === undefined || value === '') {
+            callback()
+            return
+        }
+        const str = String(value).trim()
+        if (!/^\d+(\.\d{1,6})?$/.test(str)) {
+            callback(new Error(`${label}仅支持最多六位小数`))
+            return
+        }
+        const num = Number(str)
+        if (Number.isNaN(num) || num < 0 || num > 1) {
+            callback(new Error(`${label}必须在0到1之间`))
+            return
+        }
+        callback()
+    }
+}
+
+baTable.before.onSubmit = ({ items }) => {
+    if (!items) {
+        return
+    }
+    if (Object.prototype.hasOwnProperty.call(items, 'settle_plan')) {
+        delete (items as any).settle_plan
+    }
+    if (items.agent_mode === 'affiliate') {
+        if (ladderRuleList.value.length === 0) {
+            ElMessage.error(t('channel.ladder_rule_required'))
+            return false
+        }
+        const sorted = [...ladderRuleList.value].sort((a, b) => a.minLoss - b.minLoss)
+        for (let i = 0; i < sorted.length; i++) {
+            const row = sorted[i]
+            if (!Number.isFinite(row.minLoss) || row.minLoss < 0) {
+                ElMessage.error(t('channel.ladder_min_loss_invalid'))
+                return false
+            }
+            if (!Number.isFinite(row.shareRate) || row.shareRate < 0 || row.shareRate > 1) {
+                ElMessage.error(t('channel.ladder_share_rate_invalid'))
+                return false
+            }
+            if (i > 0 && row.minLoss <= sorted[i - 1].minLoss) {
+                ElMessage.error(t('channel.ladder_min_loss_order_invalid'))
+                return false
+            }
+        }
+        items.affiliate_ladder_rules = sorted.map((r) => ({
+            minLoss: Number(r.minLoss).toFixed(4),
+            shareRate: Number(r.shareRate).toFixed(6),
+        }))
+    } else {
+        items.affiliate_ladder_rules = null
+    }
+    items.settle_cycle = items.settle_cycle || 'weekly'
+    items.settle_weekday = items.settle_weekday || 1
+    items.settle_monthday = items.settle_monthday || 1
+    items.settle_time = items.settle_time || '02:00:00'
+}
+
 const rules: Partial<Record<string, FormItemRule[]>> = reactive({
    code: [buildValidatorData({ name: 'required', title: t('channel.code') })],
    name: [buildValidatorData({ name: 'required', title: t('channel.name') })],
    agent_mode: [buildValidatorData({ name: 'required', title: t('channel.agent_mode') })],
-    turnover_share_rate: [{ validator: percentValidator(t('channel.turnover_share_rate')), trigger: 'blur' }],
-    affiliate_share_rate: [{ validator: percentValidator(t('channel.affiliate_share_rate')), trigger: 'blur' }],
-    affiliate_fee_rate: [{ validator: percentValidator(t('channel.affiliate_fee_rate')), trigger: 'blur' }],
+    turnover_share_rate: [{ validator: turnoverRateValidator(t('channel.turnover_share_rate')), trigger: 'blur' }],
+    affiliate_share_rate: [{ validator: affiliateRateValidator(t('channel.affiliate_share_rate')), trigger: 'blur' }],
+    affiliate_fee_rate: [{ validator: affiliateRateValidator(t('channel.affiliate_fee_rate')), trigger: 'blur' }],
+    settle_plan: [{ validator: settlePlanValidator, trigger: ['change', 'blur'] }],
+    settle_time: [buildValidatorData({ name: 'required', title: t('channel.settle_time') })],
+    affiliate_effective_start_at: [buildValidatorData({ name: 'required', title: t('channel.affiliate_effective_start_at') })],
    carryover_balance: [buildValidatorData({ name: 'number', title: t('channel.carryover_balance') })],
    admin_id: [buildValidatorData({ name: 'required', title: t('channel.admin_id') })],
-    top_admin_id: [buildValidatorData({ name: 'required', title: t('channel.top_admin_id') })],
 })
 </script>

@@ -226,4 +571,8 @@ const rules: Partial<Record<string, FormItemRule[]>> = reactive({
    padding-left: 18px;
    line-height: 1.6;
 }
+
+.channel-admin-tree-tip {
+    margin-bottom: 12px;
+}
 </style>