往来管理、出纳管理页面
This commit is contained in:
fenghaoyuan
parent
73878dcc24
commit
e43cf09735
@ -305,6 +305,48 @@ export const constantRouterMap = [
|
|||||||
},
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/exchangeManagement',
|
||||||
|
component: Layout,
|
||||||
|
name: 'exchangeManagement',
|
||||||
|
redirect: 'noredirect',
|
||||||
|
meta: { title: '往来管理', icon: 'example'},
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: '/exchangeManagement/collectionAndPayment',
|
||||||
|
component: () => import('@/views/exchangeManagement/collectionAndPayment'),
|
||||||
|
meta: { title: '收付款列表' },
|
||||||
|
name: 'collectionAndPayment',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/exchangeManagement/supplier',
|
||||||
|
component: () => import('@/views/exchangeManagement/supplier'),
|
||||||
|
meta: { title: '供应商' },
|
||||||
|
name: 'supplier',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/cashingManagement',
|
||||||
|
component: Layout,
|
||||||
|
name: 'cashingManagement',
|
||||||
|
redirect: 'noredirect',
|
||||||
|
meta: { title: '出纳管理', icon: 'example'},
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: '/cashingManagement/cashing',
|
||||||
|
component: () => import('@/views/cashingManagement/cashing'),
|
||||||
|
meta: { title: '出纳列表' },
|
||||||
|
name: 'cashing',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/cashingManagement/invoiceManagement',
|
||||||
|
component: () => import('@/views/cashingManagement/invoiceManagement'),
|
||||||
|
meta: { title: '发票管理' },
|
||||||
|
name: 'cashingManagement',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/financialManagement',
|
path: '/financialManagement',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
|
|||||||
0
src/views/cashingManagement/cashing.vue
Normal file
0
src/views/cashingManagement/cashing.vue
Normal file
113
src/views/cashingManagement/invoiceManagement.vue
Normal file
113
src/views/cashingManagement/invoiceManagement.vue
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
<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 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>
|
||||||
|
</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="invoiceNumber" align="center"></el-table-column>
|
||||||
|
<el-table-column label="开票日期" prop="invoiceDate" align="center"></el-table-column>
|
||||||
|
<el-table-column label="发票类型" prop="invoiceType" align="center"></el-table-column>
|
||||||
|
<el-table-column label="供应商代码" prop="supplierCode" align="center"></el-table-column>
|
||||||
|
<el-table-column label="供应商名称" prop="supplierName" align="center"></el-table-column>
|
||||||
|
<el-table-column label="物料编码" prop="materialCode" align="center"></el-table-column>
|
||||||
|
<el-table-column label="物料名称" prop="materialName" align="center"></el-table-column>
|
||||||
|
<el-table-column label="规格型号" prop="specification" align="center"></el-table-column>
|
||||||
|
<el-table-column label="单位" prop="unit" align="center"></el-table-column>
|
||||||
|
<el-table-column label="数量" prop="quantity" align="center"></el-table-column>
|
||||||
|
<el-table-column label="含税单价" prop="taxPrice" align="center"></el-table-column>
|
||||||
|
<el-table-column label="税率" prop="taxRate" align="center"></el-table-column>
|
||||||
|
<el-table-column label="不含税金额" prop="untaxedAmount" align="center"></el-table-column>
|
||||||
|
<el-table-column label="税额" prop="taxAmount" align="center"></el-table-column>
|
||||||
|
<el-table-column label="价税合计" prop="totalPrice" align="center"></el-table-column>
|
||||||
|
<el-table-column label="备注" prop="remark" 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>
|
||||||
102
src/views/exchangeManagement/collectionAndPayment.vue
Normal file
102
src/views/exchangeManagement/collectionAndPayment.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>
|
||||||
|
</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="time" align="center"></el-table-column>
|
||||||
|
<el-table-column label="单据编号" prop="documentNumber" align="center"></el-table-column>
|
||||||
|
<el-table-column label="单据类型" prop="documentType" align="center"></el-table-column>
|
||||||
|
<el-table-column label="结算单位全名" prop="settlementCompanyFullName" align="center"></el-table-column>
|
||||||
|
<el-table-column label="收货单位全名" prop="receivingCompanyFullName" align="center"></el-table-column>
|
||||||
|
<el-table-column label="单据金额" prop="documentAmount" align="center"></el-table-column>
|
||||||
|
<el-table-column label="合计结算金额" prop="settlementAmount" align="center"></el-table-column>
|
||||||
|
<el-table-column label="未结算金额" prop="unSettlementAmount" 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>
|
||||||
107
src/views/exchangeManagement/supplier.vue
Normal file
107
src/views/exchangeManagement/supplier.vue
Normal file
@ -0,0 +1,107 @@
|
|||||||
|
<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>
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="fetchData">搜索</el-button>
|
||||||
|
</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="settlementCompanyFullName" align="center"></el-table-column>
|
||||||
|
<el-table-column label="应付账款" align="center">
|
||||||
|
<el-table-column label="期初余额" prop="time" align="center"></el-table-column>
|
||||||
|
<el-table-column label="本期发生" prop="documentNumber" align="center"></el-table-column>
|
||||||
|
<el-table-column label="期末余额" prop="documentType" align="center"></el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="预付账款" align="center">
|
||||||
|
<el-table-column label="期初余额" prop="time" align="center"></el-table-column>
|
||||||
|
<el-table-column label="本期发生" prop="documentNumber" align="center"></el-table-column>
|
||||||
|
<el-table-column label="期末余额" prop="documentType" align="center"></el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="往来合计" align="center">
|
||||||
|
<el-table-column label="期初余额" prop="time" align="center"></el-table-column>
|
||||||
|
<el-table-column label="本期发生" prop="documentNumber" align="center"></el-table-column>
|
||||||
|
<el-table-column label="期末余额" prop="documentType" align="center"></el-table-column>
|
||||||
|
</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>
|
||||||
Loading…
Reference in New Issue
Block a user