|
@@ -4,9 +4,13 @@
|
|
|
<el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
|
|
<el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
|
|
|
<el-breadcrumb-item>缴费信息列表</el-breadcrumb-item>
|
|
<el-breadcrumb-item>缴费信息列表</el-breadcrumb-item>
|
|
|
</el-breadcrumb>
|
|
</el-breadcrumb>
|
|
|
- <el-card class="box-card" style="height: calc(100vh - 115px);">
|
|
|
|
|
- <div slot="header" class="clearfix">
|
|
|
|
|
- <el-form ref="form" :inline="true" style="float: right; margin-top: -10px">
|
|
|
|
|
|
|
+ <el-card class="box-card" style="position:relative">
|
|
|
|
|
+ <div slot="header">
|
|
|
|
|
+ <span>
|
|
|
|
|
+ <i class="icon icon-table2"></i> 缴费查询
|
|
|
|
|
+ </span>
|
|
|
|
|
+ <el-form :model="searchForm" ref="searchformRef" :inline="true"
|
|
|
|
|
+ style="float: right;position:absolute;right:15px;top:10.5px">
|
|
|
<el-form-item label="年度">
|
|
<el-form-item label="年度">
|
|
|
<el-date-picker size="mini" style="width: 220px" v-model="CreateOn" type="daterange" range-separator="至"
|
|
<el-date-picker size="mini" style="width: 220px" v-model="CreateOn" type="daterange" range-separator="至"
|
|
|
start-placeholder="生成日期" end-placeholder="结束日期"></el-date-picker>
|
|
start-placeholder="生成日期" end-placeholder="结束日期"></el-date-picker>
|
|
@@ -15,7 +19,7 @@
|
|
|
<el-input v-model="searchForm.SupplierName" placeholder="请输入" size="mini" style="width: 100%"></el-input>
|
|
<el-input v-model="searchForm.SupplierName" placeholder="请输入" size="mini" style="width: 100%"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="准入类型">
|
|
<el-form-item label="准入类型">
|
|
|
- <el-select size="mini" style="width:100px" v-model="searchForm.SupplierTypeCode" placeholder="准入类别">
|
|
|
|
|
|
|
+ <el-select size="mini" style="width:100px" v-model="searchForm.SupplierTypeName" placeholder="准入类别">
|
|
|
<el-option label="全部" value=""></el-option>
|
|
<el-option label="全部" value=""></el-option>
|
|
|
<el-option label="物资类" value="物资类"></el-option>
|
|
<el-option label="物资类" value="物资类"></el-option>
|
|
|
<el-option label="基建类" value="基建类"></el-option>
|
|
<el-option label="基建类" value="基建类"></el-option>
|
|
@@ -32,89 +36,89 @@
|
|
|
</el-dropdown>
|
|
</el-dropdown>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-tabs v-model="activeName" type="border-card">
|
|
|
|
|
+ <el-tab-pane label="缴费明细表" name="first">
|
|
|
|
|
+ <el-table :data="entityList" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
|
|
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
|
- <el-tab-pane label="缴费明细表" name="first">
|
|
|
|
|
- <el-table :data="entityList" size="mini" 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 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="款项类别">
|
|
|
|
|
|
|
+ <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="Access" label="新准入">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
- {{ transferStr(scope.row.PayType) }}
|
|
|
|
|
|
|
+ {{ scope.row.Access <= 0 ? "" : scope.row.Access}}
|
|
|
</template>
|
|
</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>
|
|
|
|
|
|
|
|
- <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 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>
|
|
|
|
|
|
|
|
- <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="缴费日期">
|
|
|
|
|
|
|
+ <el-table-column sortable min-width="70" align="center" show-overflow-tooltip prop="Addition" label="增项">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.PayDate+'') }}
|
|
|
|
|
|
|
+ {{ scope.row.Addition <= 0 ? "" : scope.row.Addition}}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Remarks" label="备注"></el-table-column>
|
|
|
|
|
- </el-table>
|
|
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <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">
|
|
|
|
|
+ {{ jstimehandle(scope.row.PayDate+'') }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <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-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-tab-pane label="缴费汇总表" name="second">
|
|
|
|
|
+ <el-table :data="entitySumList" border show-summary 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 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="款项类别">
|
|
|
|
|
|
|
+ <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="Access" label="新准入">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
- {{ transferStr(scope.row.PayType) }}
|
|
|
|
|
|
|
+ {{ scope.row.Access <= 0 ? "" : scope.row.Access}}
|
|
|
</template>
|
|
</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>
|
|
|
|
|
|
|
|
- <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="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 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-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-tabs>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-card>
|
|
|
|
|
|
|
+ </el-card>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -155,7 +159,7 @@
|
|
|
searchFormReset: {},
|
|
searchFormReset: {},
|
|
|
searchForm: {
|
|
searchForm: {
|
|
|
Id: '',
|
|
Id: '',
|
|
|
- SupplierTypeCode: '',
|
|
|
|
|
|
|
+ SupplierTypeName: '',
|
|
|
SupplierName: '',
|
|
SupplierName: '',
|
|
|
IsPay: '1',
|
|
IsPay: '1',
|
|
|
CreateOn: '',
|
|
CreateOn: '',
|
|
@@ -186,7 +190,7 @@
|
|
|
}
|
|
}
|
|
|
let myCreateOn = []
|
|
let myCreateOn = []
|
|
|
// 解析时间
|
|
// 解析时间
|
|
|
- if (this.CreateOn.length === 2) {
|
|
|
|
|
|
|
+ if (this.CreateOn !== null && this.CreateOn.length === 2) {
|
|
|
this.CreateOn[1].setHours(23)
|
|
this.CreateOn[1].setHours(23)
|
|
|
this.CreateOn[1].setMinutes(59)
|
|
this.CreateOn[1].setMinutes(59)
|
|
|
this.CreateOn[1].setSeconds(59)
|
|
this.CreateOn[1].setSeconds(59)
|