dengshizzp/jk8_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

余额变动修改

Browse Source
This commit is contained in:
zhouzp
2026-04-22 16:38:50 +08:00
parent ad74accfcc
commit 95684c784e
12 changed files with 306 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/lang/backend/en/user/moneyLog.ts
View File

@@ -13,4 +13,18 @@ export default {
'Balance after change': 'Balance after change',
'Please enter change remarks / description': 'Please enter change remarks/description',
User: 'User',
'Transaction id': 'Transaction id',
'Created by': 'Created by',
'type': '类型',
'type_list': {
1 : 'Deposit',
2 : 'Withdraw',
},
'Game Ticket' : 'Game Ticket',
'game_type': {
1001 : 'Lucky Wheel',
1002 : 'Golden Eggs',
1003 : 'Daily Mission',
1004 : 'Plinko Ball'
}
}

1
web/src/lang/backend/en/user/user.ts
View File

@@ -2,6 +2,7 @@ export default {
'User name': 'Username',
nickname: 'Nickname',
'jk user id': 'JK8 UserId',
'jk user name': 'JK8 UserName',
'referrer code': 'referrerCode',
group: 'Group',
avatar: 'Avatar',

14
web/src/lang/backend/zh-cn/user/moneyLog.ts
View File

@@ -13,4 +13,18 @@ export default {
'Balance after change': '变更后余额',
'Please enter change remarks / description': '请输入变更备注/说明',
User: '用户',
'Transaction id': '订单号',
'Created by': '来源',
'type': '类型',
'type_list': {
1 : '存款',
2 : '取款',
},
'Game Ticket' : '游戏门票',
'game_type': {
1001 : 'Lucky Wheel',
1002 : 'Golden Eggs',
1003 : 'Daily Mission',
1004 : 'Plinko Ball'
}
}

1
web/src/lang/backend/zh-cn/user/user.ts
View File

@@ -2,6 +2,7 @@ export default {
'User name': '用户名',
nickname: '昵称',
'jk user id': 'JK8 UserId',
'jk user name': 'JK8 UserName',
'referrer code': '推荐码',
group: '分组',
avatar: '头像',

44
web/src/views/backend/user/moneyLog/index.vue
View File

@@ -36,12 +36,13 @@ import { baTableApi } from '/@/api/common'
import TableHeader from '/@/components/table/header/index.vue'
import Table from '/@/components/table/index.vue'
import baTableClass from '/@/utils/baTable'
import scoreLog from '/@/lang/backend/zh-cn/user/scoreLog'
import { defaultOptButtons } from '/@/components/table'
defineOptions({
name: 'user/moneyLog',
})
const { t } = useI18n()
const { t, tm } = useI18n()
const route = useRoute()
const defalutUser = (route.query.user_id ?? '') as string
const state = reactive({
@@ -53,8 +54,15 @@ const baTable = new baTableClass(
{
column: [
{ type: 'selection', align: 'center', operator: false },
{ label: t('Id'), prop: 'id', align: 'center', operator: '=', operatorPlaceholder: t('Id'), width: 70 },
{ label: t('user.moneyLog.User ID'), prop: 'user_id', align: 'center', width: 70 },
{
label: t('user.moneyLog.Created by'),
prop: 'admin.username',
align: 'center',
width: 70,
formatter: (row: TableRow) => {
return row.admin?.username || 'web'
}
},
{ label: t('user.moneyLog.User name'), prop: 'user.username', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
{
label: t('user.moneyLog.User nickname'),
@@ -66,6 +74,33 @@ const baTable = new baTableClass(
{ label: t('user.moneyLog.Change balance'), prop: 'money', align: 'center', operator: 'RANGE', sortable: 'custom' },
{ label: t('user.moneyLog.Before change'), prop: 'before', align: 'center', operator: 'RANGE', sortable: 'custom' },
{ label: t('user.moneyLog.After change'), prop: 'after', align: 'center', operator: 'RANGE', sortable: 'custom' },
{ label: t('user.moneyLog.Transaction id'), prop: 'transaction_id', align: 'center', operator: 'RANGE', sortable: 'custom' },
{
label: t('user.moneyLog.Game Ticket'),
prop: 'scoreLog',
align: 'center',
// 使用渲染函数手动构建显示内容
formatter: (row: TableRow) => {
if (!row.scoreLog || row.scoreLog.length === 0) return '-'
return row.scoreLog.map((item: any) => {
const gameName = scoreLog.game_type[item.game_type] || item.game_type
return `${gameName}: ${item.score}`
}).join(' | ')
}
},
{
label: t('user.moneyLog.type'),
prop: 'type',
align: 'center',
operator: 'eq',
sortable: false,
render: 'tag',
custom: {
'1': 'success',
'2': 'danger',
},
replaceValue: { ...tm('user.moneyLog.type_list') },
},
{
label: t('user.moneyLog.remarks'),
prop: 'memo',
@@ -75,6 +110,7 @@ const baTable = new baTableClass(
showOverflowTooltip: true,
},
{ label: t('Create time'), prop: 'create_time', align: 'center', render: 'datetime', sortable: 'custom', operator: 'RANGE', width: 160 },
{ label: t('Operate'), align: 'center', width: '60', render: 'buttons', buttons: defaultOptButtons(['edit']) },
],
dblClickNotEditColumn: ['all'],
},

96
web/src/views/backend/user/moneyLog/popupForm.vue
View File

@@ -37,27 +37,71 @@
field: 'nickname_text',
remoteUrl: '/admin/user.User/index',
onChange: getAdd,
disabled: baTable.form.operate == 'Edit'
}"
/>
<el-form-item :label="t('user.moneyLog.User name')">
<el-input v-model="state.userInfo.username" disabled></el-input>
<el-input
:model-value="baTable.form.operate == 'Edit' ? baTable.form.items!.username : state.userInfo.username"
disabled
></el-input>
</el-form-item>
<el-form-item :label="t('user.moneyLog.User nickname')">
<el-input v-model="state.userInfo.nickname" disabled></el-input>
<el-form-item :label="t('user.moneyLog.User name')">
<el-input
:model-value="baTable.form.operate == 'Edit' ? baTable.form.items!.nickname : state.userInfo.nickname"
disabled
></el-input>
</el-form-item>
<el-form-item :label="t('user.moneyLog.Current balance')">
<el-input v-model="state.userInfo.money" disabled type="number"></el-input>
<el-input
v-if="baTable.form.operate == 'Edit'"
v-model="baTable.form.items!.before"
type="number"
></el-input>
<el-input
v-else
v-model="state.userInfo.money"
disabled
type="number"
></el-input>
</el-form-item>
<FormItem
:label="t('user.moneyLog.type')"
type="select"
v-model="baTable.form.items!.type"
prop="type"
:input-attr="{
content: {
'1': t('user.moneyLog.type_list.1'),
'2': t('user.moneyLog.type_list.2'),
},
}"
:placeholder="t('Please select field', { field: t('user.moneyLog.type') })"
@change="(val) => { baTable.form.items!.type = val; }"
/>
<el-form-item prop="money" :label="t('user.moneyLog.Change amount')">
<el-input
@input="changeMoney"
v-model="baTable.form.items!.money"
type="number"
:placeholder="t('user.moneyLog.Please enter the balance change amount')"
@input="changeMoney"
></el-input>
</el-form-item>
<el-form-item :label="t('user.moneyLog.Balance after change')">
<el-input v-model="state.after" type="number" disabled></el-input>
<el-input
v-if="baTable.form.operate == 'Edit'"
v-model="baTable.form.items!.after"
type="number"
></el-input>
<el-input
v-else
v-model="state.after"
type="number"
:placeholder="t('user.moneyLog.Balance after change')"
disabled
></el-input>
</el-form-item>
<el-form-item prop="memo" :label="t('user.moneyLog.remarks')">
<el-input
@@ -83,7 +127,7 @@
</template>
<script setup lang="ts">
import { reactive, inject, watch, useTemplateRef } from 'vue'
import { reactive, inject, watch, useTemplateRef, nextTick } from 'vue'
import { useI18n } from 'vue-i18n'
import type baTableClass from '/@/utils/baTable'
import { add } from '/@/api/backend/user/moneyLog'
@@ -97,11 +141,12 @@ const { t } = useI18n()
const baTable = inject('baTable') as baTableClass
const rules: Partial<Record<string, FormItemRule[]>> = reactive({
user_id: [buildValidatorData({ name: 'required', message: t('Please select field', { field: t('user.moneyLog.User') }) })],
type: [buildValidatorData({ name: 'required', message: t('Please select field', { field: t('user.moneyLog.type') }) })],
money: [
buildValidatorData({ name: 'required', title: t('user.moneyLog.Change amount') }),
{
validator: (rule: any, val: string, callback: Function) => {
if (!val || parseFloat(val) == 0) {
if (!val || (parseFloat(val) <= 0 && baTable.form.operate == 'Add')) {
return callback(new Error(t('Please enter the correct field', { field: t('user.moneyLog.Change amount') })))
}
return callback()
@@ -132,13 +177,36 @@ const getAdd = () => {
})
}
watch(
() => [baTable.form.items!.money, baTable.form.items!.type],
([newMoney, newType]) => {
if (!state.userInfo || Object.keys(state.userInfo).length === 0) {
state.after = 0
return
}
const inputAmount = newMoney === '' ? 0 : parseFloat(newMoney as string)
const currentMoney = baTable.form.operate == 'Edit'
? parseFloat(baTable.form.items!.before)
: parseFloat(state.userInfo.money)
// 核心逻辑判断
let result = 0
if (newType == 2) {
// 类型 2：减法
result = currentMoney - inputAmount
} else {
// 其他（类型 1）：加法
result = currentMoney + inputAmount
}
state.after = parseFloat(result.toFixed(2))
},
{ deep: true } // 深度监听
)
const changeMoney = (value: string) => {
if (!state.userInfo || typeof state.userInfo == 'undefined') {
state.after = 0
return
}
let newValue = value == '' ? 0 : parseFloat(value)
state.after = parseFloat((parseFloat(state.userInfo.money) + newValue).toFixed(2))
}
// 打开表单时刷新用户数据

1
web/src/views/backend/user/user/index.vue
View File

@@ -81,6 +81,7 @@ const baTable = new baTableClass(
{ label: t('user.user.User name'), prop: 'username', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
{ label: t('user.user.nickname'), prop: 'nickname', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
{ label: t('user.user.jk user id'), prop: 'jk_user_id', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
{ label: t('user.user.jk user name'), prop: 'jk_username', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query') },
{ label: t('user.user.referrer code'), prop: 'referrer_code', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query'), width: 120,},
{
label: t('user.user.group'),

18
web/src/views/backend/user/user/popupForm.vue
View File

@@ -32,7 +32,7 @@
v-model="baTable.form.items!.username"
type="string"
:placeholder="t('Please input field', { field: t('user.user.User name') + '(' + t('user.user.Login account') + ')' })"
disabled
:disabled="baTable.form.operate === 'Edit'"
></el-input>
</el-form-item>
<el-form-item prop="nickname" :label="t('user.user.nickname')">
@@ -42,6 +42,13 @@
:placeholder="t('Please input field', { field: t('user.user.nickname') })"
></el-input>
</el-form-item>
<el-form-item prop="mobile" :label="t('user.user.mobile')">
<el-input
v-model="baTable.form.items!.mobile"
type="string"
:placeholder="t('Please input field', { field: t('user.user.mobile') })"
></el-input>
</el-form-item>
<FormItem
type="remoteSelect"
:label="t('user.user.group')"
@@ -74,13 +81,6 @@
:placeholder="t('Please input field', { field: t('user.user.email') })"
></el-input>
</el-form-item>
<el-form-item prop="mobile" :label="t('user.user.mobile')">
<el-input
v-model="baTable.form.items!.mobile"
type="string"
:placeholder="t('Please input field', { field: t('user.user.mobile') })"
></el-input>
</el-form-item>
<FormItem
:label="t('user.user.Gender')"
v-model="baTable.form.items!.gender"
@@ -172,7 +172,7 @@ const rules: Partial<Record<string, FormItemRule[]>> = reactive({
nickname: [buildValidatorData({ name: 'required', title: t('user.user.nickname') })],
group_id: [buildValidatorData({ name: 'required', message: t('Please select field', { field: t('user.user.group') }) })],
email: [buildValidatorData({ name: 'email', title: t('user.user.email') })],
mobile: [buildValidatorData({ name: 'mobile' })],
mobile: [buildValidatorData({ name: 'required' })],
password: [
{
validator: (rule: any, val: string, callback: Function) => {