<template>
|
<GlobalWindow
|
:title="title"
|
width="100%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<el-table
|
:data="tableData"
|
border
|
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="statusInfo" label="状态">
|
<template slot-scope="{row}">
|
<span :class="'apply-status'+row.status" >{{row.statusInfo}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="solutionsName" label="保险方案"></el-table-column>
|
<el-table-column label="保单号">
|
<template slot-scope="{row}">
|
<span>{{row.code ? row.code : '-'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="insureNum" label="投保人数"></el-table-column>
|
<el-table-column label="投保时长（天）">
|
<template slot-scope="{row}">
|
<span>{{row.serviceDays < 0 ? `-` : row.serviceDays}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="currentFee" label="已产生费用"></el-table-column>
|
<el-table-column prop="fee" label="总费用（元）"></el-table-column>
|
<el-table-column prop="endTime" label="保险生效止期"></el-table-column>
|
<el-table-column label="失效剩余（天）">
|
<template slot-scope="{row}">
|
<span style="color: #F95601;">{{row.loseEfficacyDays}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
min-width="100"
|
label="操作">
|
<template slot-scope="{row}">
|
<el-button type="text" @click="$refs.OperaInsuranceApply.open('续保', { id: row.id, type: 1 })">一件续保</el-button>
|
<!-- <el-button type="text" @click="dele(row)">删除提醒</el-button>-->
|
</template>
|
</el-table-column>
|
</el-table>
|
<div style="width: 100%; height: 10px;"></div>
|
<el-pagination
|
@current-change="handleCurrentChange"
|
:current-page="currentPage"
|
layout="total, prev, pager, next, jumper"
|
:total="total">
|
</el-pagination>
|
<!-- 续保 -->
|
<OperaInsuranceApply ref="OperaInsuranceApply" @success="successEvent" />
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow'
|
import { fetchList } from '@/api/business/insuranceApply'
|
export default {
|
name: 'renewalInsurance',
|
extends: BaseOpera,
|
components: { GlobalWindow, OperaInsuranceApply },
|
data () {
|
return {
|
form: {
|
id: null
|
},
|
tableData: [],
|
total: 0,
|
currentPage: 1
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/insuranceApply',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open (title, target) {
|
this.title = title
|
this.visible = true
|
this.getList()
|
},
|
handleCurrentChange(page) {
|
this.currentPage = page
|
this.getList()
|
},
|
getList() {
|
fetchList({
|
capacity: 10,
|
page: this.currentPage,
|
model: {
|
loseEfficacy: 1,
|
status: 5
|
}
|
}).then(res => {
|
this.tableData = res.records
|
this.total = res.total
|
})
|
},
|
successEvent(){
|
this.$emit('success')
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
|
</style>
|
