<template>
|
<div>
|
<SectionTitle title="待认领资金"></SectionTitle>
|
<FormList
|
:info="formInfo"
|
:isShowDetail="isShowDetail"
|
@handleClick="isShowDetail = !isShowDetail"
|
@updateValue="updateValue"
|
@onSubmit="onSubmit"
|
@setValueInfo="setValueInfo"
|
:isChangeArray="false"
|
@resetValue="resetValue"
|
></FormList>
|
<TableList
|
:pageInfo="pageInfo"
|
@doAction="doAction"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
@handleSelectionChange="handleSelectionChange"
|
:isAutoIndex="true"
|
:isPaddingRight="false"
|
:isMultipleSelect="true"
|
:activeIndex="activeIndex"
|
ref="tableRef"
|
:list="records"
|
:header="tableHeader"
|
:height="tableHeight"
|
:loading="loading"
|
></TableList>
|
</div>
|
</template>
|
<script>
|
import KeysTable from "../KeysTable";
|
import FormList from "../../components/FormList.vue";
|
import TableList from "../../components/TableList.vue";
|
import SectionTitle from '../SectionTitle.vue'
|
import {
|
qryMainCreditInfo,
|
queryMainCreditLoanList,
|
queryBankWaterInfo,
|
} from "@comprehensive/serve/public";
|
import { bankWaterInfoHeader } from "@comprehensive/utils/tableHeaders";
|
import { queryBankWaterInfoSearch } from "@comprehensive/utils/formItems";
|
export default {
|
props: {
|
// 申请编号
|
serialNo: {
|
type: String,
|
required: true,
|
},
|
objectType: {
|
type: String,
|
default: "",
|
},
|
customerID: {
|
type: String,
|
default: "",
|
},
|
flowno: {
|
type: String,
|
// 默认为主授信人
|
default: "MainCreditFlow",
|
},
|
},
|
components: {
|
FormList,
|
TableList,
|
SectionTitle,
|
},
|
computed: {
|
activeIndex() {
|
const arr = [];
|
this.records.forEach((item, i) => {
|
// this.checkInfoList.forEach((val) => {
|
// if (item.applySerialNo == val.applySerialNo) {
|
// arr.push(i);
|
// }
|
// });
|
});
|
return arr;
|
},
|
},
|
data() {
|
return {
|
formInfo: [...queryBankWaterInfoSearch],
|
formInfoFilter: [],
|
mainCreditLoanList: [],
|
isShowDetail: true,
|
//表单数据
|
records: [],
|
//页码
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
total: 0,
|
},
|
//查询数据存储
|
valueInfo: {},
|
checkInfoList: [],
|
tableHeader: [...bankWaterInfoHeader],
|
tableHeight: "560px",
|
//数据列表loading
|
loading: false,
|
};
|
},
|
created() {
|
this.init();
|
},
|
methods: {
|
init() {
|
this.requestQueryBankWaterInfo();
|
},
|
//请求流水
|
async requestQueryBankWaterInfo() {
|
this.loading = true;
|
const resp = await queryBankWaterInfo({
|
...this.valueInfo,
|
...this.pageInfo,
|
etyDatBegin: this.valueInfo.etyDatAll[0]?this.valueInfo.etyDatAll[0]:'',
|
etyDatEnd: this.valueInfo.etyDatAll[1]?this.valueInfo.etyDatAll[1]:'',
|
});
|
this.loading = false;
|
if (resp.code == "00") {
|
this.records = resp.result.records;
|
this.pageInfo = {
|
...this.pageInfo,
|
total: parseInt(resp.result.total),
|
};
|
console.log(this.pageInfo)
|
}
|
},
|
//1. form查询操作
|
// 更新表单数据或查找某项数据
|
setOrGetFormInfo(nameKey, newInfo) {
|
let { formInfo } = this;
|
let index = formInfo.findIndex(({ name }) => name === nameKey);
|
let result = {};
|
if (!isNaN(index)) {
|
this.$set(this.formInfo, index, { ...formInfo[index], ...newInfo });
|
result = this.formInfo[index];
|
}
|
if (typeof newInfo === "undefined") {
|
return result;
|
}
|
},
|
|
// 更新数据
|
updateValue(value, item) {
|
let { name } = item;
|
this.setOrGetFormInfo(name, { value });
|
},
|
// 查询操作
|
onSubmit(val) {
|
console.log("onSubmit");
|
this.pageInfo.currentPage = 1;
|
if (val == "reset") {
|
this.formInfo = vLoadReconcileInfoListSearch.filter(
|
({ name }) => !this.formInfoFilter.includes(name)
|
);
|
this.valueInfo = {};
|
}
|
// 刷新请求
|
// this.customerQryFlowPhaseList();
|
// this.qryProdList();
|
this.requestQueryBankWaterInfo();
|
},
|
// 设置表单结果数据
|
setValueInfo(info = {}) {
|
this.valueInfo = info;
|
console.log("valueInfo", this.valueInfo);
|
},
|
resetValue() {
|
this.valueInfo = {};
|
},
|
|
//2. 银行流水list操作
|
// 表单事件回调
|
async doAction(name, item, { label }) {
|
console.log("doAction name, item", name);
|
},
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val;
|
this.requestQueryBankWaterInfo();
|
},
|
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val;
|
this.requestQueryBankWaterInfo();
|
},
|
//选中
|
handleSelectionChange(array) {
|
this.checkInfoList = array;
|
this.$store.commit("SET_selectBankWaterList", array);
|
},
|
},
|
beforeDestroy() {
|
//流水组件销毁时，需要清理掉勾选项
|
this.$store.commit("SET_selectBankWaterList", []);
|
},
|
};
|
</script>
|
|
<style lang="postcss" scoped>
|
</style>
|
