费用支出
This commit is contained in:
parent
061d960365
commit
f701467e69
|
|
@ -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')
|
||||||
|
|
|
||||||
|
|
@ -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('编辑失败')
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue