<template>
|
<div>
|
<div class="list-content">
|
<FormList
|
:info="formInfo"
|
:isShowDetail="isShowDetail"
|
@handleClick="isShowDetail = !isShowDetail"
|
@updateValue="updateValue"
|
@onSubmit="onSubmit"
|
@setValueInfo="setValueInfo"
|
></FormList>
|
<TableList
|
:pageInfo="pageInfo"
|
@doAction="doAction"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:isAutoIndex="true"
|
:list="records"
|
:header="tableHeader"
|
:height="tableHeight"
|
:loading="loading"
|
></TableList>
|
</div>
|
</div>
|
</template>
|
<script>
|
/**
|
* 客服管理页面
|
*/
|
import FormList from './components/FormList'
|
import TableList from './components/TableList'
|
import { qryCallRecordList } from '@comprehensive/serve/public'
|
import { customerCallHistoryHeader } from '@comprehensive/utils/tableHeaders'
|
import { customerCallHistorySearch } from '@comprehensive/utils/formItems'
|
|
export default {
|
name: 'LoanApply',
|
components: {
|
FormList,
|
TableList
|
},
|
data() {
|
return {
|
// 是否显示详情页
|
isShowList: true,
|
|
// 搜索表单字段及描述
|
formInfo: [...customerCallHistorySearch],
|
// 表单结果数据
|
valueInfo: {},
|
records: [],
|
tableHeader: [...customerCallHistoryHeader],
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
total: 0
|
},
|
// 是否显示所有表单项
|
isShowDetail: false,
|
|
tableHeight: '560px',
|
serialNo: '',
|
objectType: '',
|
customerID: '',
|
loading: false
|
}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
// 页面初始化处理
|
init() {
|
this.qryCallRecordList()
|
},
|
|
// 设置表单结果数据
|
setValueInfo(info = {}) {
|
this.valueInfo = info
|
},
|
|
// 获取当前数据列表
|
async qryCallRecordList() {
|
this.loading = true
|
let { valueInfo = {}, pageInfo } = this
|
const { incomingtime = [], ...other } = valueInfo
|
const res = await qryCallRecordList({
|
...other,
|
incomingtime: {
|
begintime: incomingtime[0] || '',
|
endtime: incomingtime[1] || ''
|
},
|
...pageInfo
|
})
|
const { records = [], total } = res.result
|
this.loading = false
|
this.records = records
|
|
this.pageInfo = {
|
...pageInfo,
|
total
|
}
|
},
|
|
// 更新数据
|
updateValue(value, item) {
|
let { name } = item
|
this.setOrGetFormInfo(name, { value })
|
},
|
|
// 更新表单数据或查找某项数据
|
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
|
}
|
},
|
|
// 查询操作
|
onSubmit() {
|
this.pageInfo.currentPage = 1
|
this.qryCallRecordList()
|
},
|
|
// 表单事件回调
|
doAction(name, item, index) {
|
// 点击申请编号的处理
|
if (name === 'action') {
|
this.toDetail(item)
|
}
|
},
|
|
// 详情页
|
toDetail(item = {}) {
|
// // 调用父页面方法打开新窗口
|
// parent.getMenuByParent("综合查询",'贷款申请查询','')
|
const { caller = '' } = item
|
this.$router.push({
|
path: '/comprehensiveTransaction/loanApply',
|
query: {
|
customerPhone: caller,
|
from: 'customer'
|
}
|
})
|
},
|
|
// 点击详情页返回的处理
|
backList(flg = true) {
|
this.isShowList = flg
|
},
|
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val
|
this.qryCallRecordList()
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val
|
this.qryCallRecordList()
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
.list-content {
|
font-size: 14px;
|
}
|
.export-excle {
|
margin: 20px 0;
|
}
|
</style>
|
