费用支出

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

View File

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

View File

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