出纳管理日记账页面表
This commit is contained in:
fenghaoyuan
parent
4ccf15f6ce
commit
fda03b51e8
@ -334,10 +334,17 @@ export const constantRouterMap = [
|
|||||||
meta: { title: '出纳管理', icon: 'example'},
|
meta: { title: '出纳管理', icon: 'example'},
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: '/cashingManagement/cashing',
|
path: '/cashingManagement/dayBook',
|
||||||
component: () => import('@/views/cashingManagement/cashing'),
|
component: () => import('@/views/cashingManagement/dayBook'),
|
||||||
meta: { title: '出纳列表' },
|
meta: { title: '日记账' },
|
||||||
name: 'cashing',
|
name: 'dayBook',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/cashingManagement/dayBookCreate',
|
||||||
|
component: () => import('@/views/cashingManagement/dayBookCreate'),
|
||||||
|
meta: { title: '日记账新增' },
|
||||||
|
name: 'dayBookCreate',
|
||||||
|
hidden: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/cashingManagement/invoiceManagement',
|
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