fix: 账户交易记录,增加类别子类字段,用于日常支出统计明细。

This commit is contained in:
tianyongbao
2024-07-15 23:11:02 +08:00
parent 16e7abdfef
commit 6e8e61b751

View File

@@ -62,6 +62,7 @@
<dict-tag :options="deal_category" :value="scope.row.dealCategory" />
</template>
</el-table-column>
<el-table-column label="交易子类别" align="center" prop="childCategoryName" />
<el-table-column label="备注" align="center" width="350" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template v-slot="scope">
@@ -104,10 +105,15 @@
<el-input v-model="form.currentBalance" placeholder="请输入当前金额" />
</el-form-item>
<el-form-item label="交易类别" prop="dealCategory">
<el-select v-model="form.dealCategory" placeholder="请选择交易类别">
<el-select v-model="form.dealCategory" placeholder="请选择交易类别" @change="handleDealCategoryhange">
<el-option v-for="dict in deal_category" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="交易子类别" v-show="childCategoryShow" prop="childCategory">
<el-select v-model="form.childCategory" placeholder="请选择交易子类别">
<el-option v-for="dict in daily_expenses" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
@@ -135,7 +141,7 @@ import dayjs from 'dayjs'
import { require } from '@/utils/require'
const { proxy } = getCurrentInstance()
const { deal_type, account_type, deal_category } = proxy.useDict('deal_type', 'account_type', 'deal_category')
const { deal_type, account_type, deal_category, daily_expenses } = proxy.useDict('deal_type', 'account_type', 'deal_category', 'daily_expenses')
const accountDealRecordList = ref([])
const open = ref(false)
@@ -147,6 +153,7 @@ const multiple = ref(true)
const total = ref(0)
const title = ref('')
const accountList = ref([])
const childCategoryShow = ref(false)
const addAccountList = ref([])
const currentBalanceShow = ref(false)
const operateList = ref([
@@ -183,10 +190,22 @@ const data = reactive({
amount: [{ required: true, message: '交易金额不能为空', trigger: 'blur' }],
dealType: [{ required: true, message: '交易类型不能为空', trigger: 'change' }],
dealCategory: [{ required: true, message: '交易类别不能为空', trigger: 'change' }],
childCategory: [{ required: true, message: '交易子类别不能为空', trigger: 'change' }],
createTime: [{ required: true, message: '交易时间不能为空', trigger: 'blur' }]
}
})
const handleDealCategoryhange = (type) => {
//1表示日常支出如果是日常支出选择子类别否则不显示子类别且子类别与类别相同
if (type === '1') {
form.value.childCategory = null
childCategoryShow.value = true
} else {
childCategoryShow.value = false
form.value.childCategory = type
}
}
const handleOperate = (operate, row) => {
switch (operate) {
case 'view':
@@ -260,7 +279,8 @@ function reset() {
delFlag: null,
remark: null,
currentBalance: null,
dealCategory: null
dealCategory: null,
childCategory: null
}
proxy.resetForm('accountDealRecordRef')
}
@@ -334,6 +354,11 @@ function handleUpdate(row) {
getAccountDealRecord(_id).then((response) => {
form.value = response.data
open.value = true
if (form.value.dealCategory == '1') {
childCategoryShow.value = true
} else {
childCategoryShow.value = false
}
title.value = '修改账户交易记录'
})
}