<!-- eslint-disable no-console -->
|
<!-- eslint-disable no-console -->
|
<template>
|
<div class="search-form">
|
<CommForm
|
:inline="true"
|
:list="formList"
|
@updateValue="updateValue"
|
@buttonAction="buttonAction"
|
ref="form"
|
:formValues="formValues"
|
:formRules="formRules"
|
:buttons="formButtons"
|
:isShowAll="true"
|
formType="search"
|
></CommForm>
|
<div class="middle-button">
|
<el-button v-if="pageId === '100'" type="primary" size="small" @click="addApply('2')" icon="el-icon-circle-plus-outline">新增贴息开票</el-button>
|
<el-button v-if="pageId === '100'" type="primary" size="small" @click="addApply('1')" icon="el-icon-circle-plus-outline">新增利息开票</el-button>
|
<span class="random-task" @click="autoTask" v-if="pageId === '101' || pageId === '102'">系统分配任务</span>
|
<el-button
|
v-if="pageId === '103'"
|
type="primary"
|
icon="el-icon-download"
|
size="small"
|
@click="exportFile"
|
>导出</el-button>
|
</div>
|
<CommTable
|
:pageInfo="pageInfo"
|
:total="total"
|
@doAction="doAction"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:loading="loading"
|
:list="records"
|
:header="tableHeader"
|
v-bind="$attrs"
|
></CommTable>
|
<Dialog
|
v-model="isShowSucc"
|
icon="succ"
|
iconText="提交成功"
|
:close="false"
|
:buttons="[{text: '确定', type: 'primary'}]"
|
@handleClick="sureSucc"
|
></Dialog>
|
|
<Dialog
|
v-model="isShowDelete"
|
title="删除确认"
|
:buttons="[{text: '取消'},{text: '确定', type: 'primary'}]"
|
@handleClick="clickDelete"
|
:contentText="`请确认是否需要删除${tempRecord.invoiceSerialno} ?`"
|
></Dialog>
|
|
<Dialog
|
v-model="isShowDiscard"
|
title="发票作废确认"
|
:buttons="[{text: '取消'},{text: '确定', type: 'primary'}]"
|
@handleClick="clickDiscard"
|
:contentText="`请确认是否需要作废${tempRecord.invoiceSerialno} ?`"
|
></Dialog>
|
|
<Dialog
|
v-model="isShowCancleApply"
|
title="撤回申请确认"
|
:buttons="[{text: '取消'},{text: '确定', type: 'primary'}]"
|
@handleClick="clickCancleApply"
|
:contentText="`请确认是否需要撤回申请${tempRecord.invoiceSerialno} ?`"
|
></Dialog>
|
</div>
|
</template>
|
<script>
|
// 贴息开票申请列表
|
|
import CommForm from '@/components/CommForm'
|
import CommTable from '@/components/CommTable'
|
import Dialog from '@/components/Dialog'
|
import qryFlowPhaseList from '@/controller/qryFlowPhaseList'
|
import qryProdList from '@/controller/qryProdList'
|
import qryDimensionList from '@/controller/qryDimensionList'
|
import queryCodeValueList from '@/controller/queryCodeValueList'
|
|
import applyTransaction from '@/controller/applyTransaction'
|
import cancelApplyTransaction from '@/controller/cancelApplyTransaction'
|
// import nowDispose from '@/controller/nowDispose'
|
// import loadDispose from '@/controller/loadDispose'
|
import discountInvoiceLoadDispose from '@/controller/discountInvoiceLoadDispose'
|
import discountInvoiceNowDispose from '@/controller/discountInvoiceNowDispose'
|
|
import selectLoanDetailParam from '@/controller/selectLoanDetailParam'
|
import detail from '@/controller/detail'
|
import refundAgain from '@/controller/refundAgain'
|
import infoDataAuthority from '@/controller/infoDataAuthority'
|
import resetFlowCommon from '@/controller/resetFlowCommon'
|
import submitCommon from '@/controller/submitCommon'
|
|
import queryPaymentScheduleList from '@/controller/queryPaymentScheduleList'
|
import newDiscountInvoiceApply from '@/controller/newDiscountInvoiceApply'
|
import delDiscountInvoiceApply from '@/controller/delDiscountInvoiceApply'
|
import recallDiscountInvoiceApply from '@/controller/recallDiscountInvoiceApply'
|
import autoClaimTask from '@/controller/autoClaimTask' // 系统分配任务
|
import discountInvoiceDetailListExport from '@/controller/discountInvoiceDetailListExport'
|
import invoiceDiscard from '@/controller/invoiceDiscard'
|
import queryProjectList from '@/controller/queryProjectList'
|
import PhotoList from '@/components/PhotoList'
|
|
const objectType = 'DiscountinvoiceApply'
|
const flowApplyType = 'DiscountinvoiceApply'
|
|
const recordButtons = [
|
{
|
text: '详情',
|
prop: 'detailButton',
|
// disabled: true,
|
},
|
{
|
text: '修改',
|
prop: 'modifyButton'
|
},
|
{
|
text: '删除',
|
prop: 'deleteButton'
|
},
|
{
|
text: '撤回申请',
|
prop: 'recallApplyButton'
|
},
|
{
|
text: '立即处理',
|
prop: 'nowDisposeButton'
|
},
|
{
|
text: '继续处理',
|
prop: 'loadDisposeButton'
|
},
|
{
|
text: '贴息开票调整',
|
prop: 'invoiceAdjustButton'
|
},
|
{
|
text: '发票作废',
|
prop: 'invoiceDiscardButton'
|
},
|
{
|
text: '查看发票',
|
prop: 'viewInvoiceButton',
|
}
|
]
|
|
export default {
|
components: {
|
CommForm,
|
CommTable,
|
Dialog
|
},
|
props: {
|
model: {
|
type: Object,
|
required: true
|
},
|
phaseNo: {
|
type: String,
|
default: ''
|
},
|
// 初始值
|
initValue: {
|
type: Object,
|
default: () => ({})
|
},
|
// 默认请求参数
|
fetchInfo: {
|
type: Object,
|
default: () => ({})
|
},
|
|
transCode: {
|
type: String,
|
default: ''
|
},
|
|
codeNo: {
|
type: String,
|
default: ''
|
},
|
|
pageId: {
|
// 101 贴息开票受理，100 申请贴息开票，102 财务贴息开票，103 贴息开票明细查询，
|
type: String,
|
default: ''
|
}
|
},
|
data() {
|
return {
|
loading: false,
|
isShowAll: false,
|
isShowDelete: false,
|
tempRecord: {},
|
buttonProp: '',
|
tempInfo: {},
|
dialogEditMark: false,
|
dialogEditClaim: false,
|
isAgain: false,
|
dialogTableVisible: false,
|
isShowCancleApply: false,
|
isShowSucc: false,
|
isClaimCancle: false,
|
isShowReturnApply: false,
|
isShowRrefundCancel: false,
|
isShowDiscard: false,
|
formList: [],
|
formRules: {},
|
tableHeader: [],
|
formButtons: [
|
{ text: '重置', type: 'default' },
|
{ text: '搜索' },
|
{ text: '展开', type: 'fold' }
|
],
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10
|
},
|
total: 0,
|
records: [],
|
planHeader: [],
|
planPageInfo: {
|
currentPage: 1,
|
pageSize: 10
|
},
|
planTotal: 0,
|
planRecords: [],
|
planLoading: false,
|
isHideIndex: true,
|
exportModel: null,
|
claimRefundModel: null,
|
applyModel: null,
|
cancelApplyModel: null,
|
doNowModel: null,
|
loadDisposeModel: null,
|
loanDetailModel: null,
|
detailModel: null,
|
againRefundModel: null,
|
beforeEditModel: null,
|
resetFlowModel: null,
|
submitCommonModel: null,
|
delModel: null,
|
cancleModel: null,
|
taskModel: null,
|
discardModel: null
|
}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
init() {
|
this.$route.meta.keepAlive = true
|
let { model, initValue, transCode } = this
|
model.computedItem = item => {
|
return {
|
...item,
|
action: {
|
buttons: recordButtons.filter(
|
button => Number(item[button.prop]) === 1
|
)
|
}
|
}
|
}
|
|
this.formList = model.getFormList(initValue)
|
this.formRules = model.getFormRules()
|
this.tableHeader = model.getTableList()
|
|
this.applyModel = applyTransaction()
|
this.cancelApplyModel = cancelApplyTransaction()
|
this.doNowModel = discountInvoiceNowDispose()
|
this.loadDisposeModel = discountInvoiceLoadDispose()
|
this.loanDetailModel = selectLoanDetailParam()
|
this.detailModel = detail()
|
this.againRefundModel = refundAgain()
|
this.beforeEditModel = infoDataAuthority()
|
this.resetFlowModel = resetFlowCommon()
|
this.submitCommonModel = submitCommon()
|
this.delModel = delDiscountInvoiceApply()
|
this.cancleModel = recallDiscountInvoiceApply()
|
this.taskModel = autoClaimTask()
|
this.discardModel = invoiceDiscard()
|
this.exportModel = discountInvoiceDetailListExport()
|
|
const planModel = queryPaymentScheduleList(transCode)
|
const planHeader = planModel.getTableList()
|
this.planModel = planModel
|
this.planHeader = planHeader
|
this.isHideIndex = planHeader.some(({ prop }) => prop === 'periodNo')
|
|
this.setSelectOptions()
|
this.getList()
|
},
|
|
// 新增申请
|
async addApply(invoiceClass) {
|
const { invoiceSerialno } = await newDiscountInvoiceApply().request({invoiceClass})
|
this.toEdit({
|
isApplyPhase: 1,
|
isHiddenAppoveOpinion: 2,
|
invoiceSerialno,
|
isShowSaveButton: invoiceClass == '1'?'0':'1',
|
invoiceClass: invoiceClass
|
})
|
},
|
|
// 系统分配任务
|
async autoTask() {
|
const { taskModel, phaseNo } = this
|
try {
|
const { objectNo, loanSerialno } = await taskModel.request({
|
objectType,
|
phaseNo,
|
flowNo: 'DiscountinvoiceFlow'
|
})
|
this.$route.meta.keepAlive = false
|
this.tempRecord = {}
|
this.toEdit({
|
loanSerialno,
|
isHiddenAppoveOpinion: '2',
|
isApplyPhase: '2',
|
objectType,
|
objectNo,
|
transLogSerialno: objectNo,
|
invoiceSerialno: objectNo,
|
phaseNo
|
})
|
} catch (e) {
|
// console.log(e)
|
}
|
},
|
|
// 设置表单下拉菜单
|
setSelectOptions() {
|
const { formList } = this
|
// -- 开票类型 VatinvoiceType 发票邮寄方式 InvoiceTake 项目类型 ZYorSH 纳税人开户行 BankCode 贴息类型 DiscountWay 开票状态 InvoiceFlag 回款状态 InvoiceReceivableStatus 贴息开票状态 DiscountInvoiceStatus
|
// -- 期限单位 TermUnit 贴利息类型、贴手续费类型、贴平台服务费类型、贴担保费类型 DiscountType01 提前还款额外贴息计算方式 PrepaymentCode
|
const selectKeys = {
|
invoiceTypeArray: 'VatinvoiceType',
|
discountTypeArray: 'DiscountWay',
|
receivableStatus: 'ChangePsReceivableStatus',
|
invoiceStatusArray: 'DiscountInvoiceStatus',
|
invoiceClassArray: 'InvoiceClass',
|
}
|
formList.forEach(({ name }) => {
|
if (selectKeys[name]) {
|
this.queryCodeValueList(name, selectKeys[name])
|
}
|
|
if (name === 'phaseNoArray') {
|
this.qryFlowPhaseList(name)
|
}
|
|
if (name === 'projectNameArray') {
|
this.queryProjectList(name)
|
}
|
})
|
},
|
|
resetPlanList() {
|
this.planPageInfo.currentPage = 1
|
this.getPlanList()
|
},
|
|
// 获取列表
|
async getList() {
|
this.loading = true
|
let { pageInfo, formValues, model, fetchInfo, transCode = '' } = this
|
const res = await model.request({
|
...fetchInfo,
|
transCode,
|
...pageInfo,
|
...formValues
|
})
|
this.loading = false
|
const { list = [], total } = res
|
this.records = list
|
this.total = parseInt(total)
|
},
|
|
// 获取列表
|
async getPlanList() {
|
this.planLoading = true
|
let { planPageInfo, planModel, transCode = '', tempRecord } = this
|
const { loanSerialno } = tempRecord
|
const res = await planModel.request({
|
transCode,
|
loanSerialno,
|
...planPageInfo
|
})
|
this.planLoading = false
|
const { list = [], total } = res
|
this.planRecords = list
|
this.planTotal = parseInt(total)
|
this.dialogTableVisible = true
|
},
|
|
// 更新表单数据
|
updateValue(index, info) {
|
const { formList } = this
|
if (isNaN(index)) {
|
// index is name
|
index = formList.findIndex(({ name }) => name === index)
|
}
|
if (!isNaN(index) && index > -1) {
|
const preInfo = formList[index]
|
this.$set(formList, index, { ...preInfo, ...info })
|
}
|
},
|
|
// 获取流程阶段列表
|
async qryFlowPhaseList(name) {
|
// const { transCode } = this
|
const tempModel = qryFlowPhaseList()
|
const { list } = await tempModel.request({ transCode: 'DI0001' })
|
this.updateValue(name, {
|
options: list
|
})
|
},
|
|
// 产品名称下拉列表
|
async qryProdList(name) {
|
const tempModel = qryProdList()
|
const { list } = await tempModel.request({ productTypeNo: '' })
|
this.updateValue(name, { options: list })
|
},
|
|
// 产品维度下拉列表
|
async qryDimensionList(name) {
|
const tempModel = qryDimensionList()
|
const { list } = await tempModel.request()
|
this.updateValue(name, { options: list })
|
},
|
|
// 获取select中options数据
|
async queryCodeValueList(name, codeNo = '') {
|
const tempModel = queryCodeValueList()
|
const { list } = await tempModel.request({ codeNo })
|
this.updateValue(name, { options: list })
|
},
|
|
// 项目名称
|
async queryProjectList(name) {
|
const tempModel = queryProjectList()
|
const { list } = await tempModel.request({ isAll: '01' })
|
this.updateValue(name, {
|
options: list.map(({ label }) => ({ label, value: label }))
|
})
|
},
|
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val
|
this.getList()
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val
|
this.getList()
|
},
|
|
// 删除
|
clickDelete(index) {
|
if (index === 0) {
|
this.isShowDelete = false
|
} else {
|
this.toDelete()
|
}
|
},
|
|
// 作废发票
|
clickDiscard(index) {
|
if (index === 0) {
|
this.isShowDiscard = false
|
} else {
|
this.toDiscard()
|
}
|
},
|
|
async toDiscard(records) {
|
const { discardModel, tempRecord } = this
|
const { invoiceSerialno } = tempRecord
|
await discardModel.request({
|
invoiceSerialno
|
})
|
this.isShowDiscard = false
|
this.isShowSucc = true
|
},
|
|
async toDelete(records) {
|
const { delModel, tempRecord } = this
|
const { invoiceSerialno } = tempRecord
|
await delModel.request({
|
invoiceSerialno
|
})
|
this.isShowDelete = false
|
this.isShowSucc = true
|
},
|
|
// 表单按钮事件处理
|
buttonAction(id) {
|
|
if (id === 0) {
|
this.resetForm()
|
}
|
if (id === 1) {
|
this.resetList()
|
}
|
if (id === 2) {
|
const { isShowAll } = this
|
this.isShowAll = !isShowAll
|
}
|
},
|
|
// 表格按钮事件处理
|
doAction(item, record) {
|
// const { phaseNo } = this
|
const { prop } = item
|
const { invoiceSerialno, phaseNo, discountStatus, invoiceObjectType,invoiceClass } = record
|
this.tempRecord = { ...record }
|
this.buttonProp = prop
|
|
// 修改
|
if (prop === 'modifyButton') {
|
this.toEdit({
|
phaseNo,
|
objectType,
|
objectNo: invoiceSerialno,
|
isApplyPhase: 1,
|
isHiddenAppoveOpinion: 1,
|
isShowSaveButton: invoiceClass == '1'?'0':'1',
|
invoiceObjectType: invoiceObjectType,
|
invoiceClass: invoiceClass,
|
})
|
}
|
|
// 删除
|
if (prop === 'deleteButton') {
|
this.isShowDelete = true
|
}
|
|
// 详情
|
if (prop === 'detailButton') {
|
this.toEdit({
|
isApplyPhase: 2,
|
isHiddenAppoveOpinion: 1,
|
phaseNo: '1000',
|
objectType,
|
objectNo: invoiceSerialno,
|
invoiceObjectType: invoiceObjectType,
|
invoiceClass: invoiceClass,
|
})
|
}
|
|
// 取消申请
|
if (prop === 'recallApplyButton') {
|
this.isShowCancleApply = true
|
}
|
|
// 立即处理
|
if (prop === 'nowDisposeButton') {
|
this.doNow({
|
phaseNo,
|
objectType,
|
objectNo: invoiceSerialno,
|
isApplyPhase: 2,
|
isHiddenAppoveOpinion: 2
|
})
|
}
|
|
// 继续处理
|
if (prop === 'loadDisposeButton') {
|
this.doLoadDispose({
|
phaseNo,
|
objectType,
|
objectNo: invoiceSerialno,
|
isApplyPhase: 2,
|
isHiddenAppoveOpinion: 2
|
})
|
}
|
|
// 贴息开票调整
|
if (prop === 'invoiceAdjustButton') {
|
if (discountStatus === '2') {
|
this.$message.error('已作废的发票不能调整')
|
return false
|
}
|
this.toEdit({
|
// isSubmitBack: 1,
|
fromButton: 'invoiceAdjustButton',
|
isApplyPhase: 2,
|
isHiddenAppoveOpinion: 1,
|
phaseNo,
|
objectType,
|
objectNo: invoiceSerialno,
|
transCode: 'DI0003'
|
})
|
}
|
|
if (prop === 'invoiceDiscardButton') {
|
this.isShowDiscard = true
|
}
|
//查看发票
|
if (prop === 'viewInvoiceButton') {
|
this.$goPhoto(
|
{
|
objectNo: record.invoiceSerialno,
|
objectType: record.invoiceObjectType,
|
isEdit: false
|
},
|
() => this.$emit('action')
|
)
|
}
|
},
|
|
// 立即处理
|
async doNow(info) {
|
const { doNowModel, tempRecord } = this
|
const { taskSerialno } = tempRecord
|
const { transLogSerialno } = await doNowModel.request({
|
flowApplyType,
|
taskId: taskSerialno
|
})
|
// 立即处理保存状态会有问题
|
this.$route.meta.keepAlive = false
|
this.toEdit({
|
transLogSerialno,
|
...info
|
})
|
},
|
|
// 继续处理
|
async doLoadDispose(info) {
|
const { loadDisposeModel, tempRecord } = this
|
const { taskSerialno } = tempRecord
|
const { transLogSerialno } = await loadDisposeModel.request({
|
flowApplyType,
|
taskId: taskSerialno
|
})
|
this.toEdit({
|
transLogSerialno,
|
...info
|
})
|
},
|
|
// 导出流水
|
async exportFile() {
|
const { exportModel, formValues, pageInfo } = this
|
await exportModel.request({ ...pageInfo, ...formValues })
|
},
|
|
sureSucc() {
|
this.isShowSucc = false
|
this.resetList()
|
},
|
|
toShowSucc() {
|
this.dialogEditClaim = false
|
this.dialogEditMark = false
|
this.isShowSucc = true
|
},
|
|
toEdit(info = {}) {
|
const { tempRecord, pageId } = this
|
const {
|
invoiceSerialno = '',
|
// phaseNo = '',
|
transCode = 'DI0001'
|
} = tempRecord
|
|
const baseQuery = {
|
// phaseNo,
|
invoiceSerialno,
|
transCode,
|
parameterMap: JSON.stringify({
|
invoiceSerialno
|
})
|
}
|
|
this.$router.push({
|
path: '/comm/apply',
|
query: {
|
isCommon: 1,
|
pageId,
|
...baseQuery,
|
...info
|
}
|
})
|
},
|
|
// 取消申请弹窗-按钮
|
clickCancleApply(index) {
|
if (index === 0) {
|
this.isShowCancleApply = false
|
} else {
|
this.cancleApply()
|
}
|
},
|
|
// 取消申请
|
async cancleApply() {
|
const { cancleModel, tempRecord } = this
|
const { invoiceSerialno } = tempRecord
|
await cancleModel.request({
|
invoiceSerialno
|
})
|
this.isShowCancleApply = false
|
this.isShowSucc = true
|
},
|
|
resetList() {
|
this.pageInfo.currentPage = 1
|
this.getList()
|
},
|
|
resetForm() {
|
const { model } = this
|
this.formList = model.getFormList()
|
this.setSelectOptions()
|
}
|
},
|
computed: {
|
// 表单值信息
|
formValues() {
|
const { model, formList } = this
|
return model.getFormValues(formList)
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
</style>
|
