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

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))
}
// 打开表单时刷新用户数据