<template>
|
<GlobalWindow
|
:title="title"
|
width="100%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="desc">
|
<div class="desc_item">
|
<div class="desc_item_label">
|
<div class="desc_item_label_left">
|
<span>投保企业：{{ model.companyName }}</span>
|
<span>保单状态：{{ model.statusInfo }}{{model.statusCollect}}</span>
|
<span>提交时间：{{ model.createDate }}</span>
|
</div>
|
<div class="desc_item_label_right">
|
<el-button type="primary" @click="$refs.InsuranceDetails.open('投保详情单',model,0)">导出详单</el-button>
|
<el-button v-if="model.statusCollect == 1 " type="primary" @click="$refs.OperaInsuranceApplyCheckWindow.open('上传投保单',model,2)">上传投保单</el-button>
|
<el-button v-if="model.statusCollect == 3 " type="primary" @click="$refs.OperaInsuranceApplyCheckWindow.open('上传保险单',model,3)">上传保险单</el-button>
|
<el-button v-if="model.statusCollect == 6 || model.status == 7|| model.status == 8" type="primary" @click="$refs.OperaInsuranceApplyCheckWindow.open('处理退回申请',model,5)">处理退回申请</el-button>
|
<el-button v-if="model.statusCollect == 0 " type="primary" @click="$refs.InsuranceDetails.open('投保审核',model,1)">投保审核</el-button>
|
<el-button v-if="model.statusCollect != 5 " type="danger" @click="$refs.OperaInsuranceApplyCheckWindow.open('退回投保',model,1)">退回投保</el-button>
|
<el-button v-if="model.statusCollect == 5 " type="danger" @click="$refs.OperaInsuranceApplyCheckWindow.open('修改保险单',model,4)">修改保险单</el-button>
|
</div>
|
</div>
|
<div class="desc_item_from">
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%">
|
<el-table-column
|
prop="code"
|
label="保单号">
|
</el-table-column>
|
<el-table-column
|
prop="solutionsName"
|
label="保险方案"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="startTime"
|
label="保险生效起期">
|
</el-table-column>
|
<el-table-column
|
prop="endTime"
|
label="保险生效止期">
|
</el-table-column>
|
<el-table-column
|
prop="insureNum"
|
label="投保人数">
|
</el-table-column>
|
<el-table-column
|
prop="serviceDays"
|
label="在保时长（天）">
|
</el-table-column>
|
<el-table-column
|
prop="currentFee"
|
label="当前费用(元)">
|
</el-table-column>
|
<el-table-column
|
prop="fee"
|
label="总费用(元)">
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="desc_item_cate">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane label="在保人员" name="first"></el-tab-pane>
|
<el-tab-pane label="加/减保记录" name="second"></el-tab-pane>
|
<el-tab-pane label="换厂记录" name="third"></el-tab-pane>
|
</el-tabs>
|
</div>
|
<div class="desc_item_search">
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
<el-form-item label="在保状态" prop="region">
|
<el-select v-model="formInline.region" placeholder="请选择">
|
<el-option label="保障中" value="1"></el-option>
|
<el-option label="不在保" value="2"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="派遣单位" prop="region">
|
<el-select v-model="formInline.region" placeholder="请选择">
|
<el-option label="保障中" value="1"></el-option>
|
<el-option label="不在保" value="2"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="所属工种" prop="region">
|
<el-select v-model="formInline.region" placeholder="请选择">
|
<el-option label="保障中" value="1"></el-option>
|
<el-option label="不在保" value="2"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="员工姓名" prop="user">
|
<el-input v-model="formInline.user" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="保险生效起期" prop="user">
|
<el-date-picker
|
v-model="formInline.user"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="保险生效起期" prop="user">
|
<el-date-picker
|
v-model="formInline.user"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期">
|
</el-date-picker>
|
</el-form-item>
|
<section>
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
<el-button>重置</el-button>
|
<el-button type="primary">导出名单</el-button>
|
</section>
|
</el-form>
|
</div>
|
<div class="desc_item_from">
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%">
|
<el-table-column label="序号">
|
<template slot-scope="scope">
|
<span>{{scope.$index + 1}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="员工姓名">
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="性别"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="身份证号">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="派遣单位">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="所属工种">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="保险生效起期">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="保险生效止期">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="产生费用（元）">
|
</el-table-column>
|
</el-table>
|
<div class="desc_item_from_page">
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="currentPage"
|
:page-sizes="[100, 200, 300, 400]"
|
:page-size="100"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="400">
|
</el-pagination>
|
</div>
|
</div>
|
<div class="desc_item_review">
|
<div class="desc_item_review_label">审核流程</div>
|
<el-timeline :reverse="reverse">
|
<el-timeline-item
|
v-for="(activity, index) in activities"
|
:key="index"
|
:timestamp="activity.createDate">
|
{{activity.title}}
|
</el-timeline-item>
|
</el-timeline>
|
</div>
|
</div>
|
</div>
|
<InsuranceDetails ref="InsuranceDetails" @success="successEvent" />
|
<OperaInsuranceApplyCheckWindow ref="OperaInsuranceApplyCheckWindow" @success="successEvent" />
|
<!-- 退回投保 -->
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import InsuranceDetails from '@/components/business/InsuranceDetails'
|
import OperaInsuranceApplyCheckWindow from '@/components/business/OperaInsuranceApplyCheckWindow'
|
import {getDetail} from "@/api/business/insuranceApply";
|
import {all as solutionAll} from "@/api/business/solutions";
|
export default {
|
name: 'OperaInsuranceApplyWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, InsuranceDetails ,OperaInsuranceApplyCheckWindow},
|
data () {
|
return {
|
// 表单数据
|
dataId:null,
|
model: {},
|
form: {
|
id: null,
|
editDate: ''
|
},
|
// 验证规则
|
rules: {
|
},
|
formInline: {
|
user: '',
|
region: ''
|
},
|
visible1: false,
|
visible2: false,
|
visible3: false,
|
visible4: false,
|
visible5: false,
|
reverse: true,
|
radio: 0,
|
fileList: [
|
{name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}
|
],
|
activities: [{
|
content: '活动按期开始',
|
timestamp: '2018-04-15'
|
}, {
|
content: '通过审核',
|
timestamp: '2018-04-13'
|
}, {
|
content: '创建成功',
|
timestamp: '2018-04-11'
|
}],
|
tableData: [],
|
activeName: 'first',
|
currentPage: 1
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/insuranceApply',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open(title,target){
|
this.visible=true;
|
this.dataId=target.id
|
this.getDetail();
|
},
|
handleSizeChange(){
|
|
},
|
handleCurrentChange(){
|
|
},
|
|
getDetail(){
|
getDetail(this.dataId).then(res => {
|
this.model = res
|
this.tableData = new Array()
|
this.tableData.push(res)
|
this.activities=res.applyLogList
|
}).catch(err => {
|
})
|
},
|
successEvent(){
|
this.visible=false
|
this.$emit('success')
|
}
|
}
|
}
|
</script>
|
<style>
|
|
</style>
|
<style lang="scss" scoped>
|
.form {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
.form_span {
|
width: 100%;
|
display: flex;
|
align-items: start;
|
flex-direction: column;
|
margin-bottom: 20px;
|
span {
|
font-size: 14px;
|
&:nth-child(1) {
|
color: black;
|
margin-bottom: 5px;
|
}
|
&:nth-child(2) {
|
color: #8c939d;
|
}
|
}
|
}
|
.form_item {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
margin-bottom: 20px;
|
&:last-child {
|
margin: 0 !important;
|
}
|
.form_item_label {
|
flex-shrink: 0;
|
width: 170px;
|
color: black;
|
font-size: 14px;
|
span {
|
color: red;
|
font-size: 14px;
|
}
|
}
|
.form_item_val {
|
flex: 1;
|
/*height: 40px;*/
|
margin-left: 20px;
|
textarea {
|
width: 100%;
|
height: 70px;
|
border: 1px solid #cbcbcb;
|
padding: 10px;
|
outline: none;
|
box-sizing: border-box;
|
}
|
input {
|
width: 100%;
|
height: 40px;
|
outline: none;
|
border-radius: 5px;
|
border: 1px solid #cbcbcb;
|
padding: 0 20px;
|
box-sizing: border-box;
|
}
|
}
|
}
|
}
|
.desc {
|
width: 100%;
|
.desc_item {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.desc_item_label {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 10px;
|
span {
|
font-size: 14px;
|
color: black;
|
margin-right: 30px;
|
}
|
}
|
.desc_item_from {
|
width: 100%;
|
margin-bottom: 10px;
|
.desc_item_from_page {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: end;
|
margin-top: 10px;
|
}
|
}
|
.desc_item_cate {
|
width: 100%;
|
margin-bottom: 10px;
|
}
|
.desc_item_search {
|
width: 100%;
|
margin-bottom: 20px;
|
}
|
.desc_item_review {
|
width: 100%;
|
.desc_item_review_label {
|
font-size: 20px;
|
color: black;
|
font-weight: bold;
|
margin-bottom: 15px;
|
}
|
}
|
}
|
}
|
</style>
|
