费用支出

This commit is contained in:
wangxiaoxian 2026-03-15 21:16:52 +08:00
parent 061d960365
commit f701467e69
3 changed files with 35 additions and 4 deletions

View File

@ -25,6 +25,9 @@
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="expenseForm.remark" :rows="3" placeholder="请输入备注信息"></el-input> <el-input type="textarea" v-model="expenseForm.remark" :rows="3" placeholder="请输入备注信息"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="经办人" prop="operator">
<el-input v-model="expenseForm.operator" placeholder="请输入经办人"></el-input>
</el-form-item>
<el-form-item class="form-actions"> <el-form-item class="form-actions">
<el-button type="primary" @click="submitForm">提交</el-button> <el-button type="primary" @click="submitForm">提交</el-button>
<el-button @click="resetForm">重置</el-button> <el-button @click="resetForm">重置</el-button>
@ -37,6 +40,7 @@
<script> <script>
import { expenseApi } from '../../api/api' import { expenseApi } from '../../api/api'
import { getUserInfo } from '../../utils/auth'
export default { export default {
name: 'ExpenseAdd', name: 'ExpenseAdd',
@ -46,7 +50,8 @@ export default {
date: '', date: '',
amount: 0, amount: 0,
category: '', category: '',
remark: '' remark: '',
operator: ''
}, },
rules: { rules: {
date: [ date: [
@ -58,6 +63,9 @@ export default {
], ],
category: [ category: [
{ required: true, message: '请输入支出类别', trigger: 'blur' } { required: true, message: '请输入支出类别', trigger: 'blur' }
],
operator: [
{ required: true, message: '请输入经办人', trigger: 'blur' }
] ]
} }
} }
@ -66,6 +74,12 @@ export default {
// //
const today = new Date() const today = new Date()
this.expenseForm.date = today.toISOString().split('T')[0] this.expenseForm.date = today.toISOString().split('T')[0]
//
const userInfo = getUserInfo()
if (userInfo && userInfo.username) {
this.expenseForm.operator = userInfo.username
}
}, },
methods: { methods: {
async submitForm() { async submitForm() {
@ -74,7 +88,7 @@ export default {
try { try {
await expenseApi.create(this.expenseForm) await expenseApi.create(this.expenseForm)
this.$message.success('添加成功') this.$message.success('添加成功')
this.$router.push('/finance/expenses') this.$router.push('/expenses')
} catch (error) { } catch (error) {
this.$message.error('添加失败') this.$message.error('添加失败')
} }
@ -88,6 +102,11 @@ export default {
// //
const today = new Date() const today = new Date()
this.expenseForm.date = today.toISOString().split('T')[0] this.expenseForm.date = today.toISOString().split('T')[0]
//
const userInfo = getUserInfo()
if (userInfo && userInfo.username) {
this.expenseForm.operator = userInfo.username
}
}, },
goBack() { goBack() {
this.$router.push('/expenses') this.$router.push('/expenses')

View File

@ -25,6 +25,9 @@
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="expenseForm.remark" :rows="3" placeholder="请输入备注信息"></el-input> <el-input type="textarea" v-model="expenseForm.remark" :rows="3" placeholder="请输入备注信息"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="经办人" prop="operator">
<el-input v-model="expenseForm.operator" placeholder="请输入经办人"></el-input>
</el-form-item>
<el-form-item class="form-actions"> <el-form-item class="form-actions">
<el-button type="primary" @click="submitForm">提交</el-button> <el-button type="primary" @click="submitForm">提交</el-button>
<el-button @click="resetForm">重置</el-button> <el-button @click="resetForm">重置</el-button>
@ -47,7 +50,8 @@ export default {
date: '', date: '',
amount: 0, amount: 0,
category: '', category: '',
remark: '' remark: '',
operator: ''
}, },
rules: { rules: {
date: [ date: [
@ -59,6 +63,9 @@ export default {
], ],
category: [ category: [
{ required: true, message: '请输入支出类别', trigger: 'blur' } { required: true, message: '请输入支出类别', trigger: 'blur' }
],
operator: [
{ required: true, message: '请输入经办人', trigger: 'blur' }
] ]
} }
} }
@ -84,7 +91,7 @@ export default {
try { try {
await expenseApi.update(this.expenseForm.id, this.expenseForm) await expenseApi.update(this.expenseForm.id, this.expenseForm)
this.$message.success('编辑成功') this.$message.success('编辑成功')
this.$router.push('/finance/expenses') this.$router.push('/expenses')
} catch (error) { } catch (error) {
this.$message.error('编辑失败') this.$message.error('编辑失败')
} }

View File

@ -47,6 +47,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="category" label="类别" width="120"></el-table-column> <el-table-column prop="category" label="类别" width="120"></el-table-column>
<el-table-column prop="remark" label="备注" min-width="200" show-overflow-tooltip></el-table-column> <el-table-column prop="remark" label="备注" min-width="200" show-overflow-tooltip></el-table-column>
<el-table-column prop="operator" label="经办人" width="120"></el-table-column>
<el-table-column prop="createTime" label="创建时间" width="180"></el-table-column> <el-table-column prop="createTime" label="创建时间" width="180"></el-table-column>
<el-table-column label="操作" width="150" fixed="right"> <el-table-column label="操作" width="150" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
@ -73,6 +74,10 @@
<span class="mobile-card-label">备注:</span> <span class="mobile-card-label">备注:</span>
<span class="mobile-card-value">{{ item.remark || '-' }}</span> <span class="mobile-card-value">{{ item.remark || '-' }}</span>
</div> </div>
<div class="mobile-card-item">
<span class="mobile-card-label">经办人:</span>
<span class="mobile-card-value">{{ item.operator || '-' }}</span>
</div>
<div class="mobile-card-item"> <div class="mobile-card-item">
<span class="mobile-card-label">创建时间:</span> <span class="mobile-card-label">创建时间:</span>
<span class="mobile-card-value">{{ item.createTime }}</span> <span class="mobile-card-value">{{ item.createTime }}</span>