出纳管理日记账页面表
This commit is contained in:
fenghaoyuan
parent
4ccf15f6ce
commit
fda03b51e8
@ -334,10 +334,17 @@ export const constantRouterMap = [
|
||||
meta: { title: '出纳管理', icon: 'example'},
|
||||
children: [
|
||||
{
|
||||
path: '/cashingManagement/cashing',
|
||||
component: () => import('@/views/cashingManagement/cashing'),
|
||||
meta: { title: '出纳列表' },
|
||||
name: 'cashing',
|
||||
path: '/cashingManagement/dayBook',
|
||||
component: () => import('@/views/cashingManagement/dayBook'),
|
||||
meta: { title: '日记账' },
|
||||
name: 'dayBook',
|
||||
},
|
||||
{
|
||||
path: '/cashingManagement/dayBookCreate',
|
||||
component: () => import('@/views/cashingManagement/dayBookCreate'),
|
||||
meta: { title: '日记账新增' },
|
||||
name: 'dayBookCreate',
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/cashingManagement/invoiceManagement',
|
||||
|
||||
102
src/views/cashingManagement/dayBook.vue
Normal file
102
src/views/cashingManagement/dayBook.vue
Normal file
@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 搜索 -->
|
||||
<div class="filter-container">
|
||||
<el-form :inline="true" :model="searchForm">
|
||||
<el-form-item label="收款" >
|
||||
<el-input v-model="searchForm.advice_man" placeholder="请输入收款" />
|
||||
</el-form-item>
|
||||
<el-form-item label="付款" >
|
||||
<el-input v-model="searchForm.advice_content" placeholder="请输入付款" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="fetchData">搜索</el-button>
|
||||
<router-link to="/cashingManagement/dayBookCreate"><el-button class="ml-10" type="primary" icon="el-icon-edit">新增</el-button></router-link>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<el-table v-loading="listLoading" :data="firmList" border fit highlight-current-row style="width: 100%;">
|
||||
<el-table-column label="ID" prop="id" align="center" width="80"></el-table-column>
|
||||
<el-table-column label="编号" prop="Number" align="center"></el-table-column>
|
||||
<el-table-column label="日期" prop="time" align="center"></el-table-column>
|
||||
<el-table-column label="户名" prop="accountName" align="center"></el-table-column>
|
||||
<el-table-column label="摘要" prop="abstract" align="center"></el-table-column>
|
||||
<el-table-column label="收入" prop="income" align="center"></el-table-column>
|
||||
<el-table-column label="支出" prop="expenditure" align="center"></el-table-column>
|
||||
<el-table-column label="余额" prop="balance" align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="操作" align="center" width="220">
|
||||
<template slot-scope="scope">
|
||||
<el-button class="ml-10" size="mini" type="primary" @click="handleDetail(scope.row.advice_content)"> 详情 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="searchForm.page"
|
||||
:page_len.sync="searchForm.page_len"
|
||||
:limit.sync="searchForm.limit"
|
||||
@pagination="fetchData" />
|
||||
<!-- 弹窗 -->
|
||||
<el-dialog title="详情" :visible.sync="dialog" center width="540px">
|
||||
<div class="box font-16 lh-24">{{viewsContent}}</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listAdvice } from '@/api/system/index'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
firmList: [], // 列表
|
||||
total: 0, // 总页数
|
||||
listLoading: true,
|
||||
// 搜索相关数据
|
||||
searchForm: {
|
||||
page: 1,
|
||||
page_len: 10
|
||||
},
|
||||
dialog: false, // 弹窗
|
||||
viewsContent: '', // 意见内容
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.fetchData()
|
||||
},
|
||||
methods: {
|
||||
// 获取列表
|
||||
fetchData(obj={}) {
|
||||
if(obj.page) {
|
||||
this.searchForm.page = obj.page
|
||||
this.searchForm.page_len = obj.page_len
|
||||
}
|
||||
this.listLoading = true
|
||||
this.$http(listAdvice(this.searchForm), (res) => {
|
||||
this.firmList = res.data.result
|
||||
this.total = res.data.data_sum
|
||||
this.listLoading = false
|
||||
})
|
||||
},
|
||||
// 内容详情
|
||||
handleDetail(viewsContent) {
|
||||
if(viewsContent) {
|
||||
this.viewsContent = viewsContent
|
||||
this.dialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
.box {
|
||||
width: 496px;
|
||||
padding: 20px;
|
||||
text-indent:2em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
</style>
|
||||
123
src/views/cashingManagement/dayBookCreate.vue
Normal file
123
src/views/cashingManagement/dayBookCreate.vue
Normal file
@ -0,0 +1,123 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form ref="postForm" :rules="formRules" :model="formData" label-width="150px">
|
||||
|
||||
<el-form-item label="编号：" prop="number">
|
||||
<el-col :span="6">
|
||||
<el-input v-model="formData.number" placeholder="请输入登录编号"/>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="日期：" prop="date">
|
||||
<el-col :span="6">
|
||||
<el-input v-model="formData.date" placeholder="请输入登录日期"/>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="户名：" prop="name">
|
||||
<el-col :span="6">
|
||||
<el-input v-model="formData.name" placeholder="请输入户名"/>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="摘要：" prop="abstract">
|
||||
<el-col :span="6">
|
||||
<el-input v-model="formData.abstract" placeholder="请输入登录摘要"/>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item label="金额：" prop="amount">
|
||||
<el-col :span="6">
|
||||
<el-input v-model="formData.amount" placeholder="请输入登录金额"/>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item align="center">
|
||||
<el-button type="primary" @click="submitForm">保存</el-button>
|
||||
<el-button @click="onCancel">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { checkRqInput, checkPwdLength, checkTel } from '@/utils/validate'
|
||||
// import { detailYardman, updateYardman, createYardman, } from '@/api/user/index'
|
||||
|
||||
export default {
|
||||
name: 'ArticleDetail',
|
||||
// 配合路由配置的props属性实现在组件中通过props获取参数
|
||||
props: {
|
||||
id: {
|
||||
type: String,
|
||||
default() {
|
||||
return this.$route.params.id;
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
formData: {freeze_flag:false},
|
||||
// 校验规则
|
||||
formRules: {
|
||||
number: [ checkRqInput ],
|
||||
date: [ checkRqInput ],
|
||||
name: [ checkRqInput ],
|
||||
abstract: [ checkRqInput],
|
||||
amount: [ checkRqInput ],
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.fetchDetail()
|
||||
},
|
||||
methods: {
|
||||
// 获取企业详情
|
||||
fetchDetail() {
|
||||
const id = this.$props.id
|
||||
if (id) {
|
||||
this.$http(detailYardman(id), (res) => {
|
||||
if (res.code == 0) {
|
||||
this.formData = res.data
|
||||
}
|
||||
})
|
||||
}
|
||||
this.formData.yardman_id = id
|
||||
},
|
||||
// 提交表单
|
||||
submitForm() {
|
||||
this.$refs['postForm'].validate((valid) => {
|
||||
// if (valid) {
|
||||
// // 修改
|
||||
// if (this.formData.yardman_id) {
|
||||
// this.$http(updateYardman(this.formData), res => {
|
||||
// this.$message({
|
||||
// message: '成功',
|
||||
// type: 'success'
|
||||
// })
|
||||
// this.$router.go(-1)
|
||||
// })
|
||||
// } else {
|
||||
// // 新增
|
||||
// this.$http(createYardman(this.formData), res => {
|
||||
// this.$message({
|
||||
// message: '成功',
|
||||
// type: 'success'
|
||||
// })
|
||||
// this.$router.go(-1)
|
||||
// })
|
||||
// }
|
||||
// } else {
|
||||
// return false
|
||||
// }
|
||||
})
|
||||
},
|
||||
// 取消
|
||||
onCancel() {
|
||||
this.$message({
|
||||
message: '已取消!',
|
||||
type: 'warning'
|
||||
})
|
||||
this.$router.go(-1)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user