Skip to content

B
bims
Commit 519332d8 authored by 王安伟's avatar 王安伟
Browse files
Options

回款管理页面测试问题修复

parent 27f0a6d8
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 577 additions and 505 deletions
src/components/CUSTOMER/pagation/index.vue
View file @ 519332d8
<template>
<!--分页-->
<div class="flex my-pagination" v-if="pagination.total > pagination.pageSize">
<a-pagination
v-model="pagination.pageNum"
:total="pagination.total"
:page-size="pagination.pageSize"
:item-render="itemRender"
@change="pageChange"
/>
<a-input
v-model.trim="jumpPage"
class="jump-page"
type="number"
:min="0"
@blur="inputPageChange"
/>
</div>
</template>
<script>
export default {
props: {
//分页器
pagination: {
default: {},
},
},
data() {
return {
//跳转到第几页
jumpPage: "",
};
},
methods: {
//自定义分页
itemRender(current, type, originalElement) {
if (type === "prev") {
return <li class="page pre">上一页</li>;
} else if (type === "next") {
return <li class="page next">下一页</li>;
} else if (type === "page") {
//当前页面
if (current == this.pagination.pageNum) {
return (
<div class="cur-page page">
<span class="cur">{current}</span>/
<span class="total">
{Math.ceil(this.pagination.total / this.pagination.pageSize)}
</span>
</div>
);
} else {
return null;
}
} else if (type == "jump-prev") {
return null;
} else if (type == "jump-next") {
return null;
}
return originalElement;
},
//跳转页面
inputPageChange() {
this.jumpPage = parseInt(this.jumpPage);
let pages = Math.ceil(this.pagination.total / this.pagination.pageSize);
this.jumpPage = this.jumpPage < 0 ? 0 : this.jumpPage;
this.jumpPage = this.jumpPage > pages ? pages : this.jumpPage;
this.pagination.pageNum = this.jumpPage;
this.$emit("pageChange", { pageNum: this.jumpPage });
},
//改变分页
pageChange(pager) {
this.pagination.pageNum = pager;
this.$emit("pageChange", { pageNum: pager });
},
},
};
</script>
<style lang="less" scoped>
.my-pagination {
justify-content: flex-end;
margin-top: 33px;
.page {
width: 80px;
height: 36px;
line-height: 36px;
background: #f8fafb;
font-weight: 400;
color: #252631;
&.cur-page {
background: transparent;
}
span {
font-size: 16px;
font-weight: 400;
&.cur {
color: #4d7cfe;
}
}
}
.jump-page {
width: 80px;
margin-left: 30px;
height: 36px;
text-align: center;
}
}
::v-deep .ant-pagination-jump-prev,
::v-deep .ant-pagination-jump-next {
display: none !important;
}
</style>
<template>
<!--分页-->
<div class="flex my-pagination" v-if="pagination.total > pagination.pageSize">
<a-pagination
v-model="pagination.pageNum"
:total="pagination.total"
:page-size="pagination.pageSize"
:item-render="itemRender"
@change="pageChange"
/>
<a-input
v-model.trim="jumpPage"
class="jump-page"
type="number"
:min="0"
@blur="inputPageChange"
/>
</div>
</template>
<script>
export default {
props: {
//分页器
pagination: {
default: {},
},
},
data() {
return {
//跳转到第几页
jumpPage: "",
};
},
methods: {
//自定义分页
itemRender(current, type, originalElement) {
if (type === "prev") {
return <li class="page pre">上一页</li>;
} else if (type === "next") {
return <li class="page next">下一页</li>;
} else if (type === "page") {
//当前页面
if (current == this.pagination.pageNum) {
return (
<div class="cur-page page">
<span class="cur">{current}</span>/
<span class="total">
{Math.ceil(this.pagination.total / this.pagination.pageSize)}
</span>
</div>
);
} else {
return null;
}
} else if (type == "jump-prev") {
return null;
} else if (type == "jump-next") {
return null;
}
return originalElement;
},
//跳转页面
inputPageChange() {
this.jumpPage = parseInt(this.jumpPage);
let pages = Math.ceil(this.pagination.total / this.pagination.pageSize);
this.jumpPage = this.jumpPage < 0 ? 0 : this.jumpPage;
this.jumpPage = this.jumpPage > pages ? pages : this.jumpPage;
this.pagination.pageNum = this.jumpPage;
this.$emit("pageChange", { pageNum: this.jumpPage });
},
//改变分页
pageChange(pager) {
this.pagination.pageNum = pager;
this.$emit("pageChange", { pageNum: pager });
},
},
};
</script>
<style lang="less" scoped>
.my-pagination {
justify-content: flex-end;
margin-top: 33px;
.page {
width: 80px;
height: 36px;
line-height: 36px;
background: #f8fafb;
font-weight: 400;
color: #252631;
&.cur-page {
background: transparent;
}
span {
font-size: 16px;
font-weight: 400;
&.cur {
color: #4d7cfe;
}
}
}
.jump-page {
width: 80px;
margin-left: 30px;
height: 36px;
text-align: center;
}
}
::v-deep .ant-pagination-jump-prev,
::v-deep .ant-pagination-jump-next {
display: none !important;
}
</style>
src/views/charge-query/index.vue
View file @ 519332d8
This diff is collapsed.
src/views/verification/collectionDetail.vue
View file @ 519332d8
......@@ -5,25 +5,25 @@
<a-tab-pane v-for="pane in panes" :key="pane.key" :tab="pane.title">
<a-form-model ref="ruleForm" :model="form" :rules="rules">
<a-row :gutter="30">
<a-col :lg="7" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:disabled="!isEdit"
style="min-width: 200px"
@change="changePayor"
:filterOption="filterCode"
>
<a-select-option v-for="item in companyOptions" :key="item.payorCode" :value="item.payorCode">
{{ item.longName }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<template v-if="activeKey === '0'">
<a-col :lg="7" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:disabled="!isEdit"
style="min-width: 200px; max-width: 250px"
@change="changePayor"
:filterOption="filterCode"
>
<a-select-option v-for="item in companyOptions" :key="item.payorCode" :value="item.payorCode">
{{ item.longName }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-form-model-item label="回款日期" prop="backDate">
<a-date-picker
......@@ -36,27 +36,27 @@
/>
</a-form-model-item>
</a-col>
</template>
<a-col :lg="6" :sm="12">
<a-form-model-item label="回款金额(人民币)" prop="backAmountCny">
<a-input
type="number"
v-model="form.backAmountCny"
placeholder="请输入金额"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-form-model-item label="可核销余额">
<a-input v-model="residueBackAmount" disabled />
</a-form-model-item>
</a-col>
<template v-if="activeKey === '0'">
<a-col :lg="6" :sm="12">
<a-form-model-item label="回款金额(人民币)" prop="backAmountCny">
<a-input
class="fixed_width"
type="number"
v-model="form.backAmountCny"
placeholder="请输入金额"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
<a-form-model-item label="可核销余额">
<a-input class="fixed_width" v-model="residueBackAmount" disabled />
</a-form-model-item>
</a-col>
<a-col :lg="7" :sm="12">
<a-form-model-item label="回款金额(美元)">
<a-input
class="fixed_width"
type="number"
v-model="form.backAmountUsd"
placeholder="请输入金额"
......@@ -97,6 +97,43 @@
</a-form-model-item>
</a-col>
</template>
<template v-else>
<a-col :lg="9" :sm="12">
<a-form-model-item label="保险公司" prop="payorCode">
<a-select
v-model="form.payorCode"
placeholder="请选择保险公司"
allow-clear
show-search
:disabled="!isEdit"
style="min-width: 200px"
@change="changePayor"
:filterOption="filterCode"
>
<a-select-option v-for="item in companyOptions" :key="item.payorCode" :value="item.payorCode">
{{ item.longName }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :lg="8" :sm="12">
<a-form-model-item label="回款金额(人民币)" prop="backAmountCny">
<a-input
class="fixed_width"
type="number"
v-model="form.backAmountCny"
placeholder="请输入金额"
allow-clear
:disabled="!isEdit"
/>
</a-form-model-item>
</a-col>
<a-col :lg="7" :sm="12">
<a-form-model-item label="可核销余额">
<a-input class="fixed_width" v-model="residueBackAmount" disabled />
</a-form-model-item>
</a-col>
</template>
</a-row>
</a-form-model>
<template v-if="activeKey === '1'">
......@@ -212,7 +249,7 @@
class="table-content all-list"
:columns="columns"
:data-source="dataList"
:scroll="{ x: '100%', y: tableHeight }"
:scroll="{ x: '100%', y: tableHeight1 }"
:pagination="false"
:rowKey="'id'"
:row-selection="{
......@@ -314,7 +351,8 @@ export default {
code: 1
}
],
tableHeight: 200 // 表格高度
tableHeight: 200, // 已关联账单表格高度
tableHeight1: 200 // 全部账单表格高度
};
},
mixins: [mixins],
......@@ -519,15 +557,6 @@ export default {
return Number(totalMoney.toFixed(2));
}
},
watch: {
selectedRows: {
handler(val) {
console.log(val);
},
deep: true,
immediate: true
}
},
created() {
this.simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
const { backMoneyNo, isEdit } = this.$route.query;
......@@ -569,9 +598,10 @@ export default {
const paddingT = parseFloat(style.getPropertyValue('padding-top'));
const paddingB = parseFloat(style.getPropertyValue('padding-bottom'));
const paddingSum = paddingT + paddingB;
this.tableHeight = containterH - 350 - gobackH - paddingSum;
this.tableHeight = containterH - 300 - gobackH - paddingSum;
this.tableHeight1 = containterH - 340 - gobackH - paddingSum;
// 设置每页展示条数
const pageSize = Math.floor((this.tableHeight - 10) / 32);
const pageSize = Math.floor((this.tableHeight1 - 10) / 32);
this.$set(this.pagination, 'pageSize', pageSize);
},
// 已关联账单表格行类名
......@@ -623,16 +653,17 @@ export default {
this.addNewEvt(0);
},
onSelectAll(selected, selectedRows, changeRows) {
let chgRows = changeRows.map((item) => {
return {
...item,
backAmount:
this.residueBackAmount > item.currentReceiptAmount ? item.currentReceiptAmount : this.residueBackAmount
};
});
if (selected) {
this.selectedRowKeys = this.selectedRowKeys.concat(changeRows.map((item) => item.id));
this.selectedRows = this.selectedRows.concat(chgRows);
changeRows.forEach((item) => {
const obj = {
...item,
backAmount:
this.residueBackAmount > item.currentReceiptAmount ? item.currentReceiptAmount : this.residueBackAmount
};
this.selectedRows.push(obj);
});
// this.selectedRows = this.selectedRows.concat(chgRows);
} else {
changeRows.forEach((item) => {
const findIndex = this.selectedRowKeys.findIndex((rowId) => rowId === item.id);
......@@ -710,7 +741,9 @@ export default {
// 获取已关联的账单
getData() {
if (!this.backMoneyNo) {
this.$message.error('暂未关联账单，请在全部账单中添加账单');
if (this.activeKey1 === '0') {
this.$message.error('暂未关联账单，请在全部账单中添加账单');
}
return;
}
let billDate = this.searchForm.billDate || [];
......@@ -816,10 +849,11 @@ export default {
});
this.$apis.SAVEBACKMONEY(formData).then((res) => {
const msg = backStatus === 1 ? '结案' : '暂存';
if (res.returnCode == '0000') {
this.backMoneyNo = res.content;
this.savedStatus = true;
this.$message.success('成功');
this.$message.success(`${msg}成功`);
this.selectedRowKeys = [];
this.getData();
this._getNewEOBList();
......@@ -895,7 +929,7 @@ export default {
}
}
.all-list_box {
height: calc(100vh - 430px);
height: calc(100vh - 400px);
overflow-y: auto;
&.no-data {
display: flex;
......@@ -951,6 +985,9 @@ export default {
min-height: 0;
}
}
.fixed_width {
max-width: 150px;
}
}
.bill-content {
overflow-y: auto;
......@@ -981,4 +1018,20 @@ export default {
color: red;
}
}
@media screen and (min-width: 1920px) {
.all-list_box {
height: calc(100vh - 420px);
}
}
@media screen and (min-width: 1920px) {
.all-list_box {
height: calc(100vh - 420px);
}
}
@media screen and (min-width: 1440px) {
.all-list_box {
height: calc(100vh - 400px);
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment