|
|
@@ -7,14 +7,8 @@
|
|
|
<el-card class="box-card" style="height: calc(100vh - 115px);">
|
|
|
<div slot="header">
|
|
|
|
|
|
- <!--设置跳转明细表跟汇总表-->
|
|
|
- <!--<span>
|
|
|
- <el-button>缴费明细表</el-button>
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- <el-button>缴费汇总表</el-button>
|
|
|
- </span>-->
|
|
|
|
|
|
+ <!--查询模块-->
|
|
|
|
|
|
<el-form ref="form" :inline="true" style="float: right; margin-top: -10px">
|
|
|
<el-form-item label="年度">
|
|
|
@@ -27,9 +21,9 @@
|
|
|
<el-form-item label="准入类型">
|
|
|
<el-select size="mini" style="width:100px" v-model="searchForm.SupplierTypeCode" placeholder="准入类别">
|
|
|
<el-option label="全部" value=""></el-option>
|
|
|
- <el-option label="物资类" value="01"></el-option>
|
|
|
- <el-option label="基建类" value="02"></el-option>
|
|
|
- <el-option label="技术服务类" value="03"></el-option>
|
|
|
+ <el-option label="物资类" value="物资类"></el-option>
|
|
|
+ <el-option label="基建类" value="基建类"></el-option>
|
|
|
+ <el-option label="技术服务类" value="技术服务类"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
@@ -42,56 +36,94 @@
|
|
|
</el-dropdown>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- </div>
|
|
|
|
|
|
- <!--<el-card class="payment_detail"> 想要设置跳转页面-->
|
|
|
- <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby">
|
|
|
|
|
|
+ </div>
|
|
|
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="AccessCardNo" label="准入证号"></el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierName" label="企业名称"></el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierTypeName" label="准入类别"></el-table-column>
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="缴费明细表" name="first">
|
|
|
+ <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby">
|
|
|
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="AccessCardNo" label="准入证号"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierName" label="企业名称"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierTypeName" label="准入类别"></el-table-column>
|
|
|
|
|
|
- <el-table-column min-width="210" align="center" show-overflow-tooltip label="款项类别">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ transferStr(scope.row.PayType) }}
|
|
|
- </template>
|
|
|
- <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Zhunru" label="新准入">
|
|
|
+ <el-table-column min-width="210" align="center" show-overflow-tooltip label="款项类别">
|
|
|
<template slot-scope="scope">
|
|
|
- {{ scope.row.Zhunru <= 0 ? "" : scope.row.Zhunru}}
|
|
|
+ {{ transferStr(scope.row.PayType) }}
|
|
|
</template>
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Access" label="新准入">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.Access <= 0 ? "" : scope.row.Access}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Annual" label="年审">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.Annual <= 0 ? "" : scope.row.Annual}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Addition" label="增项">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.Addition <= 0 ? "" : scope.row.Addition}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table-column>
|
|
|
- <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Zengxiang" label="增项">
|
|
|
+
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Sums" label="金额合计"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="PayDate" label="缴费日期">
|
|
|
<template slot-scope="scope">
|
|
|
- {{ scope.row.Zengxiang <= 0 ? "" : scope.row.Zengxiang}}
|
|
|
+ {{ jstimehandle(scope.row.PayDate+'') }}
|
|
|
</template>
|
|
|
-
|
|
|
</el-table-column>
|
|
|
- <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Nianshen" label="年审">
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Remarks" label="备注"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="currentItemCount">
|
|
|
+ </el-pagination>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+
|
|
|
+ <el-tab-pane label="缴费汇总表" name="second">
|
|
|
+ <el-table :data="entitySumList" border show-summary height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby">
|
|
|
+
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierTypeName" label="准入类别"></el-table-column>
|
|
|
+
|
|
|
+ <el-table-column min-width="210" align="center" show-overflow-tooltip label="款项类别">
|
|
|
<template slot-scope="scope">
|
|
|
- {{ scope.row.Nianshen <= 0 ? "" : scope.row.Nianshen}}
|
|
|
+ {{ transferStr(scope.row.PayType) }}
|
|
|
</template>
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Access" label="新准入">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.Access <= 0 ? "" : scope.row.Access}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Annual" label="年审">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.Annual <= 0 ? "" : scope.row.Annual}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Addition" label="增项">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.Addition <= 0 ? "" : scope.row.Addition}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table-column>
|
|
|
- </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Sums" label="金额合计"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ </el-tabs>
|
|
|
|
|
|
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Zongji" label="金额合计"></el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="PayDate" label="缴费日期">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.PayDate+'') }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Beizhu" label="备注"></el-table-column>
|
|
|
- </el-table>
|
|
|
|
|
|
|
|
|
- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
- :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="currentItemCount">
|
|
|
- </el-pagination>
|
|
|
</el-card>
|
|
|
|
|
|
</div>
|
|
|
@@ -114,12 +146,14 @@
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
// 列表数据
|
|
|
- selectsupplierlist: [],
|
|
|
entityList: [],
|
|
|
+ entitySumList: [],
|
|
|
// 分页参数
|
|
|
size: 10,
|
|
|
currentPage: 1,
|
|
|
currentItemCount: 0,
|
|
|
+ //标签页初始项
|
|
|
+ activeName: 'first',
|
|
|
// 列表排序
|
|
|
Column: {
|
|
|
Order: '',
|
|
|
@@ -129,12 +163,6 @@
|
|
|
CreateOn: [new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000), new Date()],
|
|
|
// 查询项
|
|
|
searchFormReset: {},
|
|
|
- entityForm: {
|
|
|
- Id: '',
|
|
|
- SupplierName: '',
|
|
|
- SupplierId: '',
|
|
|
- SupplierTypeName: ''
|
|
|
- },
|
|
|
searchForm: {
|
|
|
Id: '',
|
|
|
SupplierTypeCode: '',
|
|
|
@@ -185,13 +213,8 @@
|
|
|
}).catch(err => {
|
|
|
console.error(err)
|
|
|
})
|
|
|
- },
|
|
|
-
|
|
|
- getDictOptions () {
|
|
|
- api.getDictList(this.$axios).then(res => {
|
|
|
- // this.dictOptions.customerList = res.data.items['customerList']
|
|
|
- // this.dictOptions.projectList = res.data.items['projectList']
|
|
|
-
|
|
|
+ api.getSumList(myCreateOn.join(','), params, this.$axios).then(res => {
|
|
|
+ this.entitySumList = res.data.items
|
|
|
}).catch(err => {
|
|
|
console.error(err)
|
|
|
})
|
|
|
@@ -238,11 +261,11 @@
|
|
|
this.dialogVisible = false
|
|
|
this.initDatas()
|
|
|
},
|
|
|
- handleCurrentChange (value) {
|
|
|
+ handleCurrentChange(value) {
|
|
|
this.currentPage = value
|
|
|
this.initDatas()
|
|
|
},
|
|
|
- handleSizeChange (value) {
|
|
|
+ handleSizeChange(value) {
|
|
|
this.size = value
|
|
|
this.currentPage = 1
|
|
|
this.initDatas()
|