fix: 账户交易记录,增加类别子类字段,用于日常支出统计明细。
This commit is contained in:
@@ -62,6 +62,7 @@
|
|||||||
<dict-tag :options="deal_category" :value="scope.row.dealCategory" />
|
<dict-tag :options="deal_category" :value="scope.row.dealCategory" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</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" width="350" prop="remark" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
@@ -104,10 +105,15 @@
|
|||||||
<el-input v-model="form.currentBalance" placeholder="请输入当前金额" />
|
<el-input v-model="form.currentBalance" placeholder="请输入当前金额" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="交易类别" prop="dealCategory">
|
<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-option v-for="dict in deal_category" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</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-form-item label="备注" prop="remark">
|
||||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
|
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -135,7 +141,7 @@ import dayjs from 'dayjs'
|
|||||||
import { require } from '@/utils/require'
|
import { require } from '@/utils/require'
|
||||||
const { proxy } = getCurrentInstance()
|
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 accountDealRecordList = ref([])
|
||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
@@ -147,6 +153,7 @@ const multiple = ref(true)
|
|||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
const title = ref('')
|
const title = ref('')
|
||||||
const accountList = ref([])
|
const accountList = ref([])
|
||||||
|
const childCategoryShow = ref(false)
|
||||||
const addAccountList = ref([])
|
const addAccountList = ref([])
|
||||||
const currentBalanceShow = ref(false)
|
const currentBalanceShow = ref(false)
|
||||||
const operateList = ref([
|
const operateList = ref([
|
||||||
@@ -183,10 +190,22 @@ const data = reactive({
|
|||||||
amount: [{ required: true, message: '交易金额不能为空', trigger: 'blur' }],
|
amount: [{ required: true, message: '交易金额不能为空', trigger: 'blur' }],
|
||||||
dealType: [{ required: true, message: '交易类型不能为空', trigger: 'change' }],
|
dealType: [{ required: true, message: '交易类型不能为空', trigger: 'change' }],
|
||||||
dealCategory: [{ required: true, message: '交易类别不能为空', trigger: 'change' }],
|
dealCategory: [{ required: true, message: '交易类别不能为空', trigger: 'change' }],
|
||||||
|
childCategory: [{ required: true, message: '交易子类别不能为空', trigger: 'change' }],
|
||||||
createTime: [{ required: true, message: '交易时间不能为空', trigger: 'blur' }]
|
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) => {
|
const handleOperate = (operate, row) => {
|
||||||
switch (operate) {
|
switch (operate) {
|
||||||
case 'view':
|
case 'view':
|
||||||
@@ -260,7 +279,8 @@ function reset() {
|
|||||||
delFlag: null,
|
delFlag: null,
|
||||||
remark: null,
|
remark: null,
|
||||||
currentBalance: null,
|
currentBalance: null,
|
||||||
dealCategory: null
|
dealCategory: null,
|
||||||
|
childCategory: null
|
||||||
}
|
}
|
||||||
proxy.resetForm('accountDealRecordRef')
|
proxy.resetForm('accountDealRecordRef')
|
||||||
}
|
}
|
||||||
@@ -334,6 +354,11 @@ function handleUpdate(row) {
|
|||||||
getAccountDealRecord(_id).then((response) => {
|
getAccountDealRecord(_id).then((response) => {
|
||||||
form.value = response.data
|
form.value = response.data
|
||||||
open.value = true
|
open.value = true
|
||||||
|
if (form.value.dealCategory == '1') {
|
||||||
|
childCategoryShow.value = true
|
||||||
|
} else {
|
||||||
|
childCategoryShow.value = false
|
||||||
|
}
|
||||||
title.value = '修改账户交易记录'
|
title.value = '修改账户交易记录'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user