|
|
@@ -10,7 +10,7 @@
|
|
|
<i class="icon icon-table2"></i> 缴费确认
|
|
|
</span>
|
|
|
<span style="float: right;">
|
|
|
- <el-button type="primary" plain title="查看详情" size="mini" v-if="entityList && entityList.length > 0">确认缴费单</el-button>
|
|
|
+ <el-button type="primary" plain title="查看详情" size="mini" v-if="entityList && entityList.length > 0" :loading="sureLoading" @click="BillSureClick">确认缴费单</el-button>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="table-layout" style="margin-top: 0px">
|
|
|
@@ -29,7 +29,7 @@
|
|
|
<el-col :span="4" class="table-cell">{{this.formDataSup.Address}}</el-col>
|
|
|
<el-col :span="4" class="table-cell">{{this.formDataSup.Telphone}}</el-col>
|
|
|
<el-col :span="4" class="table-cell">{{this.formDataSup.LegalPerson}}</el-col>
|
|
|
- <el-col :span="4" class="table-cell">{{this.formDataSup.SetupTime}}</el-col>
|
|
|
+ <el-col :span="4" class="table-cell">{{this.jstimehandle(this.formDataSup.SetupTime)}}</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
@@ -50,9 +50,18 @@
|
|
|
<el-col :span="4" class="table-cell">{{this.formDataSup.CompanyTel}}</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div style="height: 10px"></div>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card class="box-card" style="margin-top: 5px" v-if="entityList && entityList.length > 0">
|
|
|
+ <div slot="header">
|
|
|
+ <span>
|
|
|
+ <span style="font-weight: bold;">
|
|
|
+ 未确认缴费列表, 金额合计: <font color="red">{{this.amount1}} 元</font>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<el-table :data="entityList" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
- <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="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="PayType" label="缴费类型">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -67,11 +76,33 @@
|
|
|
</template>
|
|
|
</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>
|
|
|
|
|
|
+ <el-card class="box-card" style="margin-top: 5px" v-if="entityList2 && entityList2.length > 0">
|
|
|
+ <div slot="header">
|
|
|
+ <span style="font-weight: bold;">
|
|
|
+ 已确认未支付缴费列表, 金额合计: <font color="red">{{this.amount2}} 元</font>
|
|
|
+ </span>
|
|
|
+ <!--<span style="float: right; font-weight: bold;">
|
|
|
+
|
|
|
+ </span>-->
|
|
|
+ </div>
|
|
|
+ <el-table :data="entityList2" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
+ <!--<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="PayType" label="缴费类型">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ transferStr(scope.row.PayType) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Amount" label="缴费金额">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="CreateOn" sortable min-width="150" label="生成时间" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-card>
|
|
|
|
|
|
</div>
|
|
|
@@ -97,6 +128,10 @@
|
|
|
dialogVisible: false,
|
|
|
serviceId: '',
|
|
|
entityList: [],
|
|
|
+ entityList2: [],
|
|
|
+ amount1: 0,
|
|
|
+ amount2: 0,
|
|
|
+ sureLoading: false,
|
|
|
// 分页参数
|
|
|
size: 10,
|
|
|
currentPage: 1,
|
|
|
@@ -113,6 +148,23 @@
|
|
|
this.initDatas()
|
|
|
},
|
|
|
methods: {
|
|
|
+ BillSureClick () {
|
|
|
+ this.sureLoading = true
|
|
|
+
|
|
|
+ let strIds = ''
|
|
|
+ for (let idx in this.entityList) {
|
|
|
+ strIds += this.entityList[idx].Id + ','
|
|
|
+ }
|
|
|
+ let params = {
|
|
|
+ ids: strIds
|
|
|
+ }
|
|
|
+ api.BillSure(params, this.$axios).then(res => {
|
|
|
+ this.initDatas()
|
|
|
+ this.sureLoading = false
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
transferStr (val) {
|
|
|
if (val === '1') {
|
|
|
return '准入缴费'
|
|
|
@@ -153,9 +205,11 @@
|
|
|
Prop: this.Column.Prop
|
|
|
}
|
|
|
api.getBillList(params, this.$axios).then(res => {
|
|
|
- this.entityList = res.data.DataInfo.items
|
|
|
- this.currentItemCount = res.data.DataInfo.currentItemCount
|
|
|
this.formDataSup = res.data.SupplierEntity
|
|
|
+ this.entityList = res.data.DataInfos[0].items
|
|
|
+ this.entityList2 = res.data.DataInfos[1].items
|
|
|
+ this.amount1 = res.data.AmountList[0]
|
|
|
+ this.amount2 = res.data.AmountList[1]
|
|
|
}).catch(err => {
|
|
|
console.error(err)
|
|
|
})
|
|
|
@@ -172,7 +226,7 @@
|
|
|
},
|
|
|
|
|
|
jstimehandle(val) {
|
|
|
- if (val === '') {
|
|
|
+ if (!val) {
|
|
|
return '----'
|
|
|
} else if (val === '0001-01-01T08:00:00+08:00') {
|
|
|
return '----'
|