优化后台样式

This commit is contained in:
2026-03-06 18:32:17 +08:00
parent e087f89df5
commit 7e5585aee0
12 changed files with 389 additions and 239 deletions

View File

@@ -8,23 +8,23 @@
<ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
<template #left>
<ElSpace wrap>
<!-- <ElButton v-permission="'dice:config:index:save'" @click="showDialog('add')" v-ripple>-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:config:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
<!-- <ElButton v-permission="'dice:config:index:save'" @click="showDialog('add')" v-ripple>-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:config:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
</ElSpace>
</template>
</ArtTableHeader>
@@ -50,11 +50,11 @@
type="secondary"
@click="showDialog('edit', row)"
/>
<!-- <SaButton-->
<!-- v-permission="'dice:config:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
<!-- <SaButton-->
<!-- v-permission="'dice:config:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
</div>
</template>
</ArtTable>
@@ -108,12 +108,19 @@
core: {
apiFn: api.list,
columnsFactory: () => [
{ type: 'selection' },
{ prop: 'group', label: '分组', minWidth: 140 },
{ prop: 'title', label: '标题', minWidth: 160 },
{ prop: 'name', label: '配置名称' },
{ prop: 'value', label: '值', minWidth: 240 },
{ prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
// { type: 'selection' },
{ prop: 'group', label: '分组', minWidth: 140, align: 'center' },
{ prop: 'title', label: '标题', minWidth: 160, align: 'center' },
{ prop: 'name', label: '配置名称', align: 'center' },
{ prop: 'value', label: '值', minWidth: 240, align: 'center' },
{
prop: 'operation',
label: '操作',
width: 60,
align: 'center',
fixed: 'right',
useSlot: true
}
]
}
})
@@ -124,9 +131,9 @@
dialogVisible,
dialogData,
showDialog,
deleteRow,
deleteSelectedRows,
handleSelectionChange,
selectedRows
// deleteRow,
// deleteSelectedRows,
handleSelectionChange
// selectedRows
} = useSaiAdmin()
</script>

View File

@@ -9,13 +9,21 @@
>
<el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
<el-form-item label="分组" prop="group">
<el-input v-model="formData.group" placeholder="请输入分组" />
<el-input
v-model="formData.group"
placeholder="请输入分组"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入标题" />
</el-form-item>
<el-form-item label="配置名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入配置名称" />
<el-input
v-model="formData.name"
placeholder="请输入配置名称"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="值" prop="value">
<el-input v-model="formData.value" type="textarea" :rows="5" placeholder="请输入值" />

View File

@@ -7,29 +7,29 @@
<!-- 表格头部 -->
<ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
<template #left>
<ElSpace wrap>
<ElButton
v-permission="'dice:lottery_config:index:save'"
@click="showDialog('add')"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:add-fill" />
</template>
新增
</ElButton>
<ElButton
v-permission="'dice:lottery_config:index:destroy'"
:disabled="selectedRows.length === 0"
@click="deleteSelectedRows(api.delete, refreshData)"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:delete-bin-5-line" />
</template>
删除
</ElButton>
</ElSpace>
<!-- <ElSpace wrap>-->
<!-- <ElButton-->
<!-- v-permission="'dice:lottery_config:index:save'"-->
<!-- @click="showDialog('add')"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:lottery_config:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
<!-- </ElSpace>-->
</template>
</ArtTableHeader>
@@ -54,11 +54,11 @@
type="secondary"
@click="showDialog('edit', row)"
/>
<SaButton
v-permission="'dice:lottery_config:index:destroy'"
type="error"
@click="deleteRow(row, api.delete, refreshData)"
/>
<!-- <SaButton-->
<!-- v-permission="'dice:lottery_config:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
</div>
</template>
</ArtTable>
@@ -121,16 +121,52 @@
core: {
apiFn: api.list,
columnsFactory: () => [
{ type: 'selection' },
{ prop: 'name', label: '名称' },
{ prop: 'type', label: '奖池类型', width: 100, formatter: typeFormatter },
{ prop: 'safety_line', label: '安全线' },
{ prop: 't1_wight', label: 'T1池权重', width: 100, formatter: weightFormatter('t1_wight') },
{ prop: 't2_wight', label: 'T2池权重', width: 100, formatter: weightFormatter('t2_wight') },
{ prop: 't3_wight', label: 'T3池权重', width: 100, formatter: weightFormatter('t3_wight') },
{ prop: 't4_wight', label: 'T4池权重', width: 100, formatter: weightFormatter('t4_wight') },
{ prop: 't5_wight', label: 'T5池权重', width: 100, formatter: weightFormatter('t5_wight') },
{ prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
{ prop: 'name', label: '名称', align: 'center' },
{ prop: 'type', label: '奖池类型', width: 100, align: 'center', formatter: typeFormatter },
{ prop: 'safety_line', label: '安全线', align: 'center' },
{
prop: 't1_wight',
label: 'T1池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t1_wight')
},
{
prop: 't2_wight',
label: 'T2池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t2_wight')
},
{
prop: 't3_wight',
label: 'T3池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t3_wight')
},
{
prop: 't4_wight',
label: 'T4池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t4_wight')
},
{
prop: 't5_wight',
label: 'T5池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t5_wight')
},
{
prop: 'operation',
label: '操作',
width: 60,
align: 'center',
fixed: 'right',
useSlot: true
}
]
}
})
@@ -141,9 +177,9 @@
dialogVisible,
dialogData,
showDialog,
deleteRow,
deleteSelectedRows,
handleSelectionChange,
selectedRows
// deleteRow,
// deleteSelectedRows,
handleSelectionChange
// selectedRows
} = useSaiAdmin()
</script>

View File

@@ -9,7 +9,11 @@
>
<el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" />
<el-input
v-model="formData.name"
placeholder="请输入名称"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
@@ -27,6 +31,7 @@
placeholder="请选择奖池类型"
clearable
style="width: 100%"
:disabled="dialogType === 'edit'"
>
<el-option label="正常" :value="0" />
<el-option label="强制杀猪" :value="1" />

View File

@@ -7,29 +7,29 @@
<!-- 表格头部 -->
<ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
<template #left>
<ElSpace wrap>
<ElButton
v-permission="'dice:play_record:index:save'"
@click="showDialog('add')"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:add-fill" />
</template>
新增
</ElButton>
<ElButton
v-permission="'dice:play_record:index:destroy'"
:disabled="selectedRows.length === 0"
@click="deleteSelectedRows(api.delete, refreshData)"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:delete-bin-5-line" />
</template>
删除
</ElButton>
</ElSpace>
<!-- <ElSpace wrap>-->
<!-- <ElButton-->
<!-- v-permission="'dice:play_record:index:save'"-->
<!-- @click="showDialog('add')"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:play_record:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
<!-- </ElSpace>-->
</template>
</ArtTableHeader>
@@ -82,11 +82,11 @@
type="secondary"
@click="showDialog('edit', row)"
/>
<SaButton
v-permission="'dice:play_record:index:destroy'"
type="error"
@click="deleteRow(row, api.delete, refreshData)"
/>
<!-- <SaButton-->
<!-- v-permission="'dice:play_record:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
</div>
</template>
</ArtTable>
@@ -168,7 +168,7 @@
core: {
apiFn: api.list,
columnsFactory: () => [
{ type: 'selection' },
// { type: 'selection' },
{ prop: 'id', label: 'ID', width: 80 },
{
prop: 'player_id',
@@ -206,9 +206,9 @@
dialogVisible,
dialogData,
showDialog,
deleteRow,
deleteSelectedRows,
handleSelectionChange,
selectedRows
// deleteRow,
// deleteSelectedRows,
handleSelectionChange
// selectedRows
} = useSaiAdmin()
</script>

View File

@@ -158,23 +158,78 @@
apiFn: api.list,
columnsFactory: () => [
{ type: 'selection' },
{ prop: 'username', label: '用户名' },
{ prop: 'phone', label: '手机号' },
{ prop: 'name', label: '昵称' },
{ prop: 'status', label: '状态', width: 88, useSlot: true },
{ prop: 'coin', label: '平台币', width: 100, useSlot: true },
{ prop: 'is_up', label: '倍率', width: 80, formatter: isUpFormatter },
{ prop: 't1_wight', label: 'T1池权重', width: 100, formatter: weightFormatter('t1_wight') },
{ prop: 't2_wight', label: 'T2池权重', width: 100, formatter: weightFormatter('t2_wight') },
{ prop: 't3_wight', label: 'T3池权重', width: 100, formatter: weightFormatter('t3_wight') },
{ prop: 't4_wight', label: 'T4池权重', width: 100, formatter: weightFormatter('t4_wight') },
{ prop: 't5_wight', label: 'T5池权重', width: 100, formatter: weightFormatter('t5_wight') },
{ prop: 'total_ticket_count', label: '总抽奖次数' },
{ prop: 'paid_ticket_count', label: '购买抽奖次数' },
{ prop: 'free_ticket_count', label: '赠送抽奖次数' },
{ prop: 'created_at', label: '创建时间' },
{ prop: 'updated_at', label: '更新时间' },
{ prop: 'operation', label: '操作', width: 120, fixed: 'right', useSlot: true }
{ prop: 'username', label: '用户名', align: 'center' },
{ prop: 'phone', label: '手机号', align: 'center' },
{ prop: 'name', label: '昵称', align: 'center' },
{
prop: 'status',
label: '状态',
width: 88,
align: 'center',
useSlot: true
},
{
prop: 'coin',
label: '平台币',
width: 100,
align: 'center',
useSlot: true
},
{
prop: 'is_up',
label: '倍率',
width: 80,
align: 'center',
formatter: isUpFormatter
},
{
prop: 't1_wight',
label: 'T1池权重',
width: 80,
align: 'center',
formatter: weightFormatter('t1_wight')
},
{
prop: 't2_wight',
label: 'T2池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t2_wight')
},
{
prop: 't3_wight',
label: 'T3池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t3_wight')
},
{
prop: 't4_wight',
label: 'T4池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t4_wight')
},
{
prop: 't5_wight',
label: 'T5池权重',
width: 100,
align: 'center',
formatter: weightFormatter('t5_wight')
},
{ prop: 'total_ticket_count', label: '总抽奖次数', align: 'center' },
{ prop: 'paid_ticket_count', label: '购买抽奖次数', align: 'center' },
{ prop: 'free_ticket_count', label: '赠送抽奖次数', align: 'center' },
{ prop: 'created_at', label: '创建时间', align: 'center' },
{ prop: 'updated_at', label: '更新时间', align: 'center' },
{
prop: 'operation',
label: '操作',
width: 100,
align: 'center',
fixed: 'right',
useSlot: true
}
]
}
})

View File

@@ -8,23 +8,23 @@
<ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
<template #left>
<ElSpace wrap>
<ElButton v-permission="'dice:player_ticket_record:index:save'" @click="showDialog('add')" v-ripple>
<template #icon>
<ArtSvgIcon icon="ri:add-fill" />
</template>
新增
</ElButton>
<ElButton
v-permission="'dice:player_ticket_record:index:destroy'"
:disabled="selectedRows.length === 0"
@click="deleteSelectedRows(api.delete, refreshData)"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:delete-bin-5-line" />
</template>
删除
</ElButton>
<!-- <ElButton v-permission="'dice:player_ticket_record:index:save'" @click="showDialog('add')" v-ripple>-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:player_ticket_record:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
</ElSpace>
</template>
</ArtTableHeader>
@@ -50,11 +50,11 @@
type="secondary"
@click="showDialog('edit', row)"
/>
<SaButton
v-permission="'dice:player_ticket_record:index:destroy'"
type="error"
@click="deleteRow(row, api.delete, refreshData)"
/>
<!-- <SaButton-->
<!-- v-permission="'dice:player_ticket_record:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
</div>
</template>
</ArtTable>
@@ -77,7 +77,6 @@
import TableSearch from './modules/table-search.vue'
import EditDialog from './modules/edit-dialog.vue'
// 搜索表单
const searchForm = ref<Record<string, unknown>>({
username: undefined,
@@ -127,16 +126,28 @@
const usernameFormatter = (row: Record<string, any>) =>
row?.dicePlayer?.username ?? row?.player_id ?? '-'
return [
{ type: 'selection' },
{ prop: 'id', label: 'ID', width: 80 },
{ prop: 'player_id', label: '玩家用户名', formatter: (row: Record<string, any>) => usernameFormatter(row) },
{ prop: 'use_coins', label: '消耗硬币' },
{ prop: 'total_ticket_count', label: '总抽奖次数' },
{ prop: 'paid_ticket_count', label: '购买抽奖次数' },
{ prop: 'free_ticket_count', label: '赠送抽奖次数' },
{ prop: 'remark', label: '备注', width: 100, showOverflowTooltip: true },
{ prop: 'create_time', label: '创建时间', width: 170 },
{ prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
// { type: 'selection' },
{ prop: 'id', label: 'ID', width: 80, align: 'center' },
{
prop: 'player_id',
label: '玩家用户名',
align: 'center',
formatter: (row: Record<string, any>) => usernameFormatter(row)
},
{ prop: 'use_coins', label: '消耗硬币', align: 'center' },
{ prop: 'total_ticket_count', label: '总抽奖次数', align: 'center' },
{ prop: 'paid_ticket_count', label: '购买抽奖次数', align: 'center' },
{ prop: 'free_ticket_count', label: '赠送抽奖次数', align: 'center' },
{ prop: 'remark', label: '备注', width: 100, align: 'center', showOverflowTooltip: true },
{ prop: 'create_time', label: '创建时间', width: 170, align: 'center' },
{
prop: 'operation',
label: '操作',
width: 60,
align: 'center',
fixed: 'right',
useSlot: true
}
]
}
}
@@ -148,10 +159,9 @@
dialogVisible,
dialogData,
showDialog,
deleteRow,
deleteSelectedRows,
handleSelectionChange,
selectedRows
// deleteRow,
// deleteSelectedRows,
handleSelectionChange
// selectedRows
} = useSaiAdmin()
</script>

View File

@@ -26,7 +26,12 @@
</el-select>
</el-form-item>
<el-form-item label="消耗硬币" prop="use_coins">
<el-input-number v-model="formData.use_coins" placeholder="请输入消耗硬币" :min="0" />
<el-input-number
v-model="formData.use_coins"
placeholder="请输入消耗硬币"
:min="0"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="购买抽奖次数" prop="paid_ticket_count">
<el-input-number
@@ -34,6 +39,7 @@
placeholder="请输入购买抽奖次数"
:min="0"
@change="onTicketCountChange"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="赠送抽奖次数" prop="free_ticket_count">
@@ -42,6 +48,7 @@
placeholder="请输入赠送抽奖次数"
:min="0"
@change="onTicketCountChange"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="总抽奖次数" prop="total_ticket_count">
@@ -60,6 +67,8 @@
placeholder="请输入备注(必填)"
maxlength="500"
show-word-limit
style="width: 100%"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
</el-form>

View File

@@ -7,29 +7,29 @@
<!-- 表格头部 -->
<ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
<template #left>
<ElSpace wrap>
<ElButton
v-permission="'dice:player_wallet_record:index:save'"
@click="showDialog('add')"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:add-fill" />
</template>
新增
</ElButton>
<ElButton
v-permission="'dice:player_wallet_record:index:destroy'"
:disabled="selectedRows.length === 0"
@click="deleteSelectedRows(api.delete, refreshData)"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:delete-bin-5-line" />
</template>
删除
</ElButton>
</ElSpace>
<!-- <ElSpace wrap>-->
<!-- <ElButton-->
<!-- v-permission="'dice:player_wallet_record:index:save'"-->
<!-- @click="showDialog('add')"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:player_wallet_record:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
<!-- </ElSpace>-->
</template>
</ArtTableHeader>
@@ -60,11 +60,11 @@
type="secondary"
@click="showDialog('edit', row)"
/>
<SaButton
v-permission="'dice:player_wallet_record:index:destroy'"
type="error"
@click="deleteRow(row, api.delete, refreshData)"
/>
<!-- <SaButton-->
<!-- v-permission="'dice:player_wallet_record:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
</div>
</template>
</ArtTable>
@@ -203,7 +203,7 @@
{
prop: 'operation',
label: '操作',
width: 100,
width: 60,
align: 'center',
fixed: 'right',
useSlot: true
@@ -218,10 +218,10 @@
dialogVisible,
dialogData,
showDialog,
deleteRow,
deleteSelectedRows,
handleSelectionChange,
selectedRows
// deleteRow,
// deleteSelectedRows,
handleSelectionChange
// selectedRows
} = useSaiAdmin()
</script>

View File

@@ -27,7 +27,13 @@
</el-select>
</el-form-item>
<el-form-item label="类型" prop="type">
<el-select v-model="formData.type" placeholder="请选择类型" clearable style="width: 100%">
<el-select
v-model="formData.type"
placeholder="请选择类型"
clearable
style="width: 100%"
:disabled="dialogType === 'edit'"
>
<el-option label="充值" :value="0" />
<el-option label="提现" :value="1" />
<el-option label="购买抽奖次数" :value="2" />
@@ -42,6 +48,7 @@
:precision="2"
style="width: 100%"
@change="onCoinChange"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="钱包操作前" prop="wallet_before">
@@ -70,6 +77,7 @@
placeholder="选填"
maxlength="500"
show-word-limit
:disabled="dialogType === 'edit'"
/>
</el-form-item>
</el-form>

View File

@@ -8,27 +8,27 @@
<ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
<template #left>
<ElSpace wrap>
<ElButton
v-permission="'dice:reward_config:index:save'"
@click="showDialog('add')"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:add-fill" />
</template>
新增
</ElButton>
<ElButton
v-permission="'dice:reward_config:index:destroy'"
:disabled="selectedRows.length === 0"
@click="deleteSelectedRows(api.delete, refreshData)"
v-ripple
>
<template #icon>
<ArtSvgIcon icon="ri:delete-bin-5-line" />
</template>
删除
</ElButton>
<!-- <ElButton-->
<!-- v-permission="'dice:reward_config:index:save'"-->
<!-- @click="showDialog('add')"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:add-fill" />-->
<!-- </template>-->
<!-- 新增-->
<!-- </ElButton>-->
<!-- <ElButton-->
<!-- v-permission="'dice:reward_config:index:destroy'"-->
<!-- :disabled="selectedRows.length === 0"-->
<!-- @click="deleteSelectedRows(api.delete, refreshData)"-->
<!-- v-ripple-->
<!-- >-->
<!-- <template #icon>-->
<!-- <ArtSvgIcon icon="ri:delete-bin-5-line" />-->
<!-- </template>-->
<!-- 删除-->
<!-- </ElButton>-->
</ElSpace>
</template>
</ArtTableHeader>
@@ -54,11 +54,11 @@
type="secondary"
@click="showDialog('edit', row)"
/>
<SaButton
v-permission="'dice:reward_config:index:destroy'"
type="error"
@click="deleteRow(row, api.delete, refreshData)"
/>
<!-- <SaButton-->
<!-- v-permission="'dice:reward_config:index:destroy'"-->
<!-- type="error"-->
<!-- @click="deleteRow(row, api.delete, refreshData)"-->
<!-- />-->
</div>
</template>
</ArtTable>
@@ -116,14 +116,21 @@
apiFn: api.list,
apiParams: { limit: 100 },
columnsFactory: () => [
{ type: 'selection' },
{ prop: 'id', label: 'ID(索引)', width: 80 },
{ prop: 'grid_number', label: '色子点数' },
{ prop: 'ui_text', label: '前端显示文本' },
{ prop: 'real_ev', label: '真实资金结算' },
{ prop: 'tier', label: '所属档位', sortable: true },
// { prop: 'create_time', label: '创建时间', sortable: true },
{ prop: 'operation', label: '操作', width: 100, fixed: 'right', useSlot: true }
// { type: 'selection' },
{ prop: 'id', label: 'ID(索引)', width: 80, align: 'center' },
{ prop: 'grid_number', label: '色子点数', align: 'center' },
{ prop: 'ui_text', label: '前端显示文本', align: 'center' },
{ prop: 'real_ev', label: '真实资金结算', align: 'center' },
{ prop: 'tier', label: '所属档位', sortable: true, align: 'center' },
// { prop: 'create_time', label: '创建时间', sortable: true, align: 'center' },
{
prop: 'operation',
label: '操作',
width: 60,
align: 'center',
fixed: 'right',
useSlot: true
}
]
}
})
@@ -134,9 +141,9 @@
dialogVisible,
dialogData,
showDialog,
deleteRow,
deleteSelectedRows,
handleSelectionChange,
selectedRows
// deleteRow,
// deleteSelectedRows,
handleSelectionChange
// selectedRows
} = useSaiAdmin()
</script>

View File

@@ -9,7 +9,11 @@
>
<el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
<el-form-item label="色子点数" prop="grid_number">
<el-input-number v-model="formData.grid_number" placeholder="请输入色子点数" />
<el-input-number
v-model="formData.grid_number"
placeholder="请输入色子点数"
:disabled="dialogType === 'edit'"
/>
</el-form-item>
<el-form-item label="前端显示文本" prop="ui_text">
<el-input v-model="formData.ui_text" placeholder="请输入前端显示文本" />
@@ -23,6 +27,7 @@
placeholder="请选择所属档位"
clearable
style="width: 100%"
:disabled="dialogType === 'edit'"
>
<el-option label="T1" value="T1" />
<el-option label="T2" value="T2" />