mojiahui/webman-buildadmin
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化分红方式

Browse Source
This commit is contained in:
zhenhui
2026-04-17 16:46:38 +08:00
parent 2e0bcd3f23
commit 9954ea741b
15 changed files with 677 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

223
web/src/views/backend/channel/index.vue
View File

@@ -44,6 +44,15 @@
<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.share_config')">
<el-table :data="manualSettle.form.commission_split" border size="small" class="w100">
<el-table-column prop="admin_username" :label="t('channel.admin__username')" min-width="100" />
<el-table-column prop="share_rate" :label="t('channel.share_rate_percent')" min-width="90">
<template #default="scope">{{ scope.row.share_rate }}%</template>
</el-table-column>
<el-table-column prop="commission_amount" :label="t('channel.manual_settle_commission_amount')" min-width="110" />
</el-table>
</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>
@@ -56,12 +65,59 @@
</el-button>
</template>
</el-dialog>
<el-dialog class="ba-operate-dialog" :close-on-click-modal="false" :model-value="shareDialog.visible" @close="closeShareDialog">
<template #header>
<div class="title">{{ t('channel.share_config_title') }}</div>
</template>
<div v-loading="shareDialog.loading" class="manual-settle-dialog-body">
<el-alert type="info" :closable="false" show-icon class="mb-12">
{{ t('channel.share_config_tip') }}
</el-alert>
<el-table :data="shareDialog.list" border size="small">
<el-table-column :label="t('channel.admin_group_names')" min-width="260">
<template #default="scope">
<span v-if="scope.row.role_group_name" class="share-group-single">{{ scope.row.role_group_name }}</span>
<span v-else class="share-group-empty">-</span>
</template>
</el-table-column>
<el-table-column prop="username" :label="t('channel.admin__username')" min-width="120" />
<el-table-column :label="t('channel.status')" width="120">
<template #default="scope">
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" />
</template>
</el-table-column>
<el-table-column :label="t('channel.share_rate_percent')" min-width="180">
<template #default="scope">
<el-input-number
v-model="scope.row.share_rate"
:disabled="scope.row.status !== 1"
:min="0"
:max="100"
:step="0.01"
:precision="2"
class="w100"
/>
</template>
</el-table-column>
</el-table>
<div class="share-total-row">
<span>{{ t('channel.share_total_enabled') }}: </span>
<el-tag :type="shareEnabledTotal === '100.00' ? 'success' : 'danger'">{{ shareEnabledTotal }}%</el-tag>
</div>
</div>
<template #footer>
<el-button @click="closeShareDialog">{{ t('Cancel') }}</el-button>
<el-button type="primary" :loading="shareDialog.saving" @click="saveShareDialog">{{ t('Save') }}</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup lang="ts">
import { onMounted, provide, reactive, useTemplateRef } from 'vue'
import { computed, onMounted, provide, reactive, useTemplateRef } from 'vue'
import { useI18n } from 'vue-i18n'
import { ElMessage } from 'element-plus'
import PopupForm from './popupForm.vue'
import { baTableApi } from '/@/api/common'
import { auth } from '/@/utils/common'
@@ -78,6 +134,20 @@ defineOptions({
const { t } = useI18n()
const tableRef = useTemplateRef('tableRef')
let optButtons: OptButton[] = [
{
render: 'tipButton',
name: 'shareConfig',
title: 'channel.share_config',
text: '',
type: 'primary',
icon: 'el-icon-Setting',
class: 'table-row-share-config',
disabledTip: false,
display: () => auth('edit'),
click: (row: TableRow) => {
void openShareDialog(row)
},
},
{
render: 'tipButton',
name: 'manualSettle',
@@ -94,12 +164,6 @@ let optButtons: OptButton[] = [
},
]
optButtons = optButtons.concat(defaultOptButtons(['edit', 'delete']))
const formatRatePercent = (_row: any, _column: any, cellValue: number | string | null) => {
if (cellValue === null || cellValue === undefined || cellValue === '') return '-'
const num = Number(cellValue)
if (Number.isNaN(num)) return '-'
return `${num.toFixed(2)}%`
}
const formatAmountInt = (_row: any, _column: any, cellValue: number | string | null) => {
if (cellValue === null || cellValue === undefined || cellValue === '') return '-'
const num = Number(cellValue)
@@ -131,10 +195,103 @@ const manualSettle = reactive({
commission_rate: '',
calc_base_amount: '',
commission_amount: '',
commission_split: [] as Array<{ admin_id: number; admin_username: string; share_rate: string; commission_amount: string }>,
remark: '',
},
})
const shareDialog = reactive({
visible: false,
loading: false,
saving: false,
channelId: 0,
list: [] as Array<{ admin_id: number; username: string; role_group_name: string; role_level: number; status: number; share_rate: number | null }>,
})
const shareEnabledTotal = computed(() => {
let sum = 0
for (const row of shareDialog.list) {
if (row.status === 1) {
const n = Number(row.share_rate ?? 0)
if (Number.isFinite(n)) {
sum += n
}
}
}
return sum.toFixed(2)
})
const closeShareDialog = () => {
shareDialog.visible = false
shareDialog.channelId = 0
shareDialog.list = []
}
const openShareDialog = async (row: TableRow) => {
shareDialog.channelId = Number(row.id || 0)
shareDialog.visible = true
shareDialog.loading = true
try {
const res = await createAxios(
{
url: '/admin/channel/channelAdminShareList',
method: 'get',
params: { id: row.id },
},
{ showErrorMessage: true }
)
if (res.code !== 1 || !res.data) {
closeShareDialog()
return
}
const list = Array.isArray(res.data.list) ? res.data.list : []
shareDialog.list = list.map((item: anyObj) => {
const rate = item.share_rate
return {
admin_id: Number(item.admin_id || 0),
username: String(item.username || ''),
role_group_name: String(item.role_group_name || ''),
role_level: Number(item.role_level ?? 9999),
status: Number(item.status ?? 1) === 1 ? 1 : 0,
share_rate: rate === null || rate === undefined || rate === '' ? null : Number(rate),
}
})
} finally {
shareDialog.loading = false
}
}
const saveShareDialog = async () => {
if (!shareDialog.channelId) {
return
}
if (shareEnabledTotal.value !== '100.00') {
ElMessage.error(t('channel.share_total_must_100'))
return
}
shareDialog.saving = true
try {
await createAxios(
{
url: '/admin/channel/saveChannelAdminShare',
method: 'post',
data: {
id: shareDialog.channelId,
list: shareDialog.list.map((row) => ({
admin_id: row.admin_id,
status: row.status,
share_rate: Number(row.share_rate || 0).toFixed(2),
})),
},
},
{ showSuccessMessage: true }
)
closeShareDialog()
} finally {
shareDialog.saving = false
}
}
const resetManualSettleForm = () => {
manualSettle.form.settlement_no = ''
manualSettle.form.period_start_at = ''
@@ -145,6 +302,7 @@ const resetManualSettleForm = () => {
manualSettle.form.commission_rate = ''
manualSettle.form.calc_base_amount = ''
manualSettle.form.commission_amount = ''
manualSettle.form.commission_split = []
manualSettle.form.remark = ''
}
@@ -181,6 +339,7 @@ const openManualSettleDialog = async (row: TableRow) => {
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.commission_split = Array.isArray(d.commission_split) ? d.commission_split : []
manualSettle.form.remark = `${t('channel.manual_settle')}-CH${row.id}`
} catch {
manualSettle.visible = false
@@ -251,33 +410,6 @@ const baTable = new baTableClass(
affiliate: t('channel.agent_mode affiliate'),
},
},
{
label: t('channel.turnover_share_rate'),
prop: 'turnover_share_rate',
align: 'center',
minWidth: 110,
sortable: false,
operator: 'RANGE',
formatter: formatRatePercent,
},
{
label: t('channel.affiliate_share_rate'),
prop: 'affiliate_share_rate',
align: 'center',
minWidth: 110,
sortable: false,
operator: 'RANGE',
formatter: formatRatePercent,
},
{
label: t('channel.affiliate_fee_rate'),
prop: 'affiliate_fee_rate',
align: 'center',
minWidth: 140,
sortable: false,
operator: 'RANGE',
formatter: formatRatePercent,
},
{
label: t('channel.carryover_balance'),
prop: 'carryover_balance',
@@ -444,4 +576,25 @@ onMounted(() => {
})
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
.mb-12 {
margin-bottom: 12px;
}
.share-total-row {
margin-top: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.share-group-single {
font-size: 12px;
line-height: 1.4;
color: var(--el-text-color-regular);
}
.share-group-empty {
color: var(--el-text-color-placeholder);
}
</style>