<template>
|
<GlobalWindow
|
:title="title"
|
width="100%"
|
:withFooter="false"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="list">
|
<el-form :inline="true" :model="form" :rules="rules" class="demo-form-inline">
|
<el-form-item label="保险方案" prop="solutionId">
|
<el-select v-model="form.solutionId" placeholder="请选择">
|
<el-option label="区域一" value="shanghai"></el-option>
|
<el-option label="区域二" value="beijing"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="期望保险生效起期" prop="applyStartTime">
|
<div style="display: flex; flex-direction: column;">
|
<el-date-picker
|
v-model="form.applyStartTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
<span style="color: #F95601; font-size: 14px;">（次日生效投保请于17:30前提交，超时提交以保险单为准）</span>
|
</div>
|
</el-form-item>
|
<el-form-item label="保险生效止期" prop="applyEndTime">
|
<el-date-picker
|
v-model="form.applyEndTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="投保年龄">
|
<span>25至65</span>
|
</el-form-item>
|
<el-form-item label="费用">
|
<span>200元/年/人</span>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="btns">
|
<div class="btns_item">
|
<el-button type="primary" @click="$refs.selectEmployees.open('选取员工')">选取员工</el-button>
|
<el-button type="primary">导入员工</el-button>
|
<el-button type="primary" @click="$refs.addEmployee.open('添加员工', tableData)">添加员工</el-button>
|
</div>
|
<div class="btns_item">
|
<el-button type="primary">选取派遣单位</el-button>
|
</div>
|
</div>
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%;margin-bottom: 15px;">
|
<el-table-column label="序号" width="80px">
|
<template slot-scope="scope">
|
<span>{{scope.$index + 1}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="姓名">
|
</el-table-column>
|
<el-table-column
|
prop="idcardNo"
|
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="submit">
|
<el-button type="primary">投保申请</el-button>
|
</div>
|
<div class="info">
|
富文本
|
</div>
|
<!-- 选择员工 -->
|
<selectEmployees ref="selectEmployees" />
|
<!-- 添加员工 -->
|
<addEmployee ref="addEmployee" @result="getValue" />
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import selectEmployees from '@/components/enterprise/selectEmployees'
|
import addEmployee from '@/components/enterprise/addEmployee'
|
export default {
|
name: 'OperaInsuranceApplyWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, selectEmployees, addEmployee },
|
data () {
|
return {
|
form: {
|
id: null,
|
solutionId: '',
|
applyStartTime: '',
|
applyEndTime: ''
|
},
|
// 验证规则
|
rules: {
|
solutionId: [
|
{ required: true, message: '请选择保险方案' }
|
],
|
applyStartTime: [
|
{ required: true, message: '请选择期望保险生效起期' }
|
]
|
},
|
tableData: []
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/insuranceApply',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
getValue(list) {
|
this.tableData.push(...list)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.list {
|
width: 100%;
|
}
|
.btns {
|
width: 100%;
|
margin-bottom: 15px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
.btns_item {
|
display: flex;
|
align-items: center;
|
}
|
}
|
.submit {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-bottom: 15px;
|
}
|
.info {
|
width: 100%;
|
}
|
</style>
|
