<template>
|
<GlobalWindow
|
:title="title"
|
width="100%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div style="width: 100%; display: flex; align-items: center; margin-bottom: 20px;">
|
保险方案：{{form.solutionsName}} <div style="width: 20px;"></div> 保单号：{{form.code || '-'}}
|
</div>
|
<el-table
|
:data="list"
|
border
|
ref="table"
|
style="width: 100%">
|
<el-table-column label="序号" width="80px">
|
<template slot-scope="scope">
|
<span>{{scope.$index + 1}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="createDate"
|
label="申请开票时间">
|
</el-table-column>
|
<el-table-column
|
label="开票状态">
|
<template slot-scope="{row}">
|
<span v-if="row.status === 1">已开票</span>
|
<span v-else-if="row.status === 2">平台撤回</span>
|
<span v-else-if="row.status === 3">已冲红</span>
|
<span v-else>待处理</span>
|
</template>
|
</el-table-column>
|
<!-- <el-table-column-->
|
<!-- prop="price"-->
|
<!-- label="开票金额（元）">-->
|
<!-- </el-table-column>-->
|
<el-table-column
|
label="接收方式">
|
<template slot-scope="{row}">
|
<span v-if="row.type === 1">纸质发票</span>
|
<span v-else>电子发票</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="电子发票">
|
<template slot-scope="{row}">
|
<el-image
|
v-if="row.imgurlFull"
|
style="width: 50px; height: 50px"
|
:src="row.imgurlFull"
|
:preview-src-list="[row.imgurlFull]">
|
</el-image>
|
<span v-else>-</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="操作">
|
<template slot-scope="{row}">
|
<el-button type="text" @click="see(row)">申请详情</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<template v-slot:footer>
|
<el-button @click="close">返回</el-button>
|
</template>
|
<directInsuranceDetails ref="directInsuranceDetails" />
|
<commissionDetails ref="commissionDetails" />
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import { list } from '@/api/business/taxes'
|
import directInsuranceDetails from '@/components/enterprise/directInsuranceDetails'
|
import commissionDetails from '@/components/enterprise/commissionDetails'
|
export default {
|
name: 'entrustmentHistory',
|
extends: BaseOpera,
|
components: { GlobalWindow, directInsuranceDetails, commissionDetails },
|
data () {
|
return {
|
form: {
|
id: null,
|
solutionsName: '',
|
code: '',
|
determine: ''
|
},
|
list: []
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/dispatchUnit',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open (title, target) {
|
this.title = title
|
this.list = []
|
this.visible = true
|
// 编辑
|
this.$nextTick(() => {
|
for (const key in this.form) {
|
this.form[key] = target[key]
|
}
|
this.getList()
|
})
|
},
|
see(row) {
|
let info = ''
|
if (row.status === 1) {
|
info = '已开票'
|
} else if (row.status === 2) {
|
info = '平台撤回'
|
} else if (row.status === 3) {
|
info = '已冲红'
|
} else {
|
info = '待处理'
|
}
|
if (this.form.determine === 1) {
|
this.$refs.commissionDetails.open(`开票详情（${info}）`, row)
|
} else {
|
this.$refs.directInsuranceDetails.open(`开票详情（${info}）`, row)
|
}
|
},
|
getList() {
|
list({ applyId: this.form.id })
|
.then(res => {
|
this.list = res
|
})
|
},
|
close () {
|
this.visible = false
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.el-image-viewer__wrapper {
|
z-index: 3000 !important;
|
}
|
</style>
|
