|
|
@@ -1,11 +1,16 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div class="filter" style="line-height:40px">
|
|
|
+ <div class="filter" style="line-height: 40px">
|
|
|
<el-row>
|
|
|
- <el-col :span="5" >
|
|
|
+ <el-col :span="5">
|
|
|
<div class="grid-content bg-purple">
|
|
|
<label> <span>票据状态：</span></label>
|
|
|
- <el-select v-model="queryParams.chbz" style="width: 120px;" size="small" placeholder="全部">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.chbz"
|
|
|
+ style="width: 120px"
|
|
|
+ size="small"
|
|
|
+ placeholder="全部"
|
|
|
+ >
|
|
|
<el-option
|
|
|
v-for="item in invoceState"
|
|
|
:key="item.value"
|
|
|
@@ -17,10 +22,15 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="5" >
|
|
|
+ <el-col :span="5">
|
|
|
<div class="grid-content bg-purple">
|
|
|
<label> <span>收费类型：</span></label>
|
|
|
- <el-select v-model="queryParams.sflx" style="width: 120px;" size="small" placeholder="全部">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.sflx"
|
|
|
+ style="width: 120px"
|
|
|
+ size="small"
|
|
|
+ placeholder="全部"
|
|
|
+ >
|
|
|
<el-option
|
|
|
v-for="item in chargeType"
|
|
|
:key="item.value"
|
|
|
@@ -32,7 +42,7 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="8" >
|
|
|
+ <el-col :span="8">
|
|
|
<div class="grid-content bg-purple">
|
|
|
<label> <span>用户编号：</span></label>
|
|
|
<el-input
|
|
|
@@ -41,11 +51,17 @@
|
|
|
style="width: 40%"
|
|
|
size="small"
|
|
|
></el-input>
|
|
|
- <el-button type="primary" @click="onLoadChargeList" size="small" icon="el-icon-search">查询</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="onLoadChargeList"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-search"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="6" >
|
|
|
+ <el-col :span="6">
|
|
|
<div class="grid-content bg-purple" style="padding-top: 3px">
|
|
|
<el-button
|
|
|
type="danger"
|
|
|
@@ -68,12 +84,13 @@
|
|
|
<TableItem
|
|
|
:table-data="tableChargeData"
|
|
|
:column="chargeColumn"
|
|
|
+ :for-id="true"
|
|
|
:pagination="true"
|
|
|
:pagesize="pageInfo.size"
|
|
|
:currentpage="pageInfo.current"
|
|
|
:total="pageInfo.tableTotal"
|
|
|
:border="true"
|
|
|
- :multiple="true"
|
|
|
+ :multiple="false"
|
|
|
:fixed="true"
|
|
|
:isdelete="false"
|
|
|
:is-select="false"
|
|
|
@@ -106,7 +123,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import TableItem from '@/views/mis/common/misTable/index.vue';
|
|
|
+import TableItem from "@/views/mis/common/misTable/index.vue";
|
|
|
import "@/views/mis/common/assets/styles/misStyle.scss";
|
|
|
import { feesApi } from "@/views/mis/common/api/feesApi.js";
|
|
|
export default {
|
|
|
@@ -266,28 +283,24 @@ export default {
|
|
|
destroyed() {},
|
|
|
methods: {
|
|
|
onLoadChargeList() {
|
|
|
- if (this.queryParams.yhbh != "") {
|
|
|
- /**
|
|
|
- * @description 查询用户实收明细
|
|
|
- */
|
|
|
+ /**
|
|
|
+ * @description 查询用户实收明细
|
|
|
+ */
|
|
|
|
|
|
- const params = Object.assign({}, this.pageInfo, this.queryParams);
|
|
|
- feesApi
|
|
|
- .queryCharge(params)
|
|
|
- .then((res) => {
|
|
|
- if (res.result.total > 0) {
|
|
|
- this.tableChargeData = res.result.records;
|
|
|
- this.pageInfo.tableTotal = res.result.total;
|
|
|
- } else {
|
|
|
- this.tableChargeData = [];
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((ex) => {
|
|
|
- this.$message.error("查询实收信息失败！");
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$message.error("请输入需要查询的用户编号！");
|
|
|
- }
|
|
|
+ const params = Object.assign({}, this.pageInfo, this.queryParams);
|
|
|
+ feesApi
|
|
|
+ .queryCharge(params)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.result.total > 0) {
|
|
|
+ this.tableChargeData = res.result.records;
|
|
|
+ this.pageInfo.tableTotal = res.result.total;
|
|
|
+ } else {
|
|
|
+ this.tableChargeData = [];
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((ex) => {
|
|
|
+ this.$message.error("查询实收信息失败！");
|
|
|
+ });
|
|
|
},
|
|
|
onChargeHandleCurrentChange(currpage) {
|
|
|
//设置页码
|
