| | |
| | | > |
| | | <div class="list"> |
| | | <el-form :inline="true" ref="form" :model="form" :rules="rules" class="demo-form-inline"> |
| | | <el-form-item label="保险方案" prop="baseSolutionId"> |
| | | <el-form-item label="保险方案:" prop="baseSolutionId"> |
| | | <div style="display: flex; flex-direction: column;"> |
| | | <el-select v-model="form.baseSolutionId" @change="selectSolutions" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in solutions" |
| | |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <span style="color: #F95601; font-size: 14px;">(1. 请先选择方案查看申请记录)</span> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="保险生效起止期" prop="startDate"> |
| | | <el-form-item label="保险生效起止期:" prop="startDate" style="margin-left: 40px"> |
| | | <div style="display: flex; flex-direction: column;"> |
| | | <el-date-picker |
| | | @change="changeTime" |
| | |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" /> |
| | | <span style="color: #F95601; font-size: 14px;">(次日生效投保请于17:30前提交,超时提交以保险单为准)</span> |
| | | <span style="color: #F95601; font-size: 14px;">(2. 次日生效投保请于17:30前提交,超时提交以保险单为准)</span> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="费用" v-if="item"> |
| | |
| | | </div> |
| | | <div class="btns"> |
| | | <div class="btns_item"> |
| | | <el-button type="primary" @click="selectApplicationForm">选择申请单</el-button> |
| | | <el-button type="primary" @click="$refs.employeeList.open('投保员工名单')">查看名单</el-button> |
| | | <!-- <el-button type="primary" @click="selectAll">权限</el-button>--> |
| | | <!-- <el-button type="primary" @click="$refs.employeeList.open('投保员工名单')">查看名单</el-button>--> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | |
| | | prop="fee" |
| | | label="总费用"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" @click="$refs.employeeList.open('投保员工名单')">查看名单</el-button> |
| | | <el-button type="text" style="color: #ff0000;">删除</el-button> |
| | | <el-table-column label="操作"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.InsuranceDetails.open('投保人员名单',row,2)">查看名单</el-button> |
| | | <!-- <el-button type="text" style="color: #ff0000;">删除</el-button>--> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="color: #F95601; font-size: 14px;width: 100%;text-align: left">(3. 请先选择至少一条申请后提交投保申请)</div> |
| | | <div class="info" v-if="item"> |
| | | <span v-if="item.specialAgreement">{{item.specialAgreement}}</span> |
| | | <span v-if="item.specialInfo">{{item.specialInfo}}</span> |
| | |
| | | <selectApplicationForm ref="selectApplicationForm" @success="getValue" /> |
| | | <!-- 投保员工名单 --> |
| | | <employeeList ref="employeeList" /> |
| | | <InsuranceDetails ref="InsuranceDetails" @success="successEvent" /> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | |
| | | import employeeList from '@/components/business/employeeList' |
| | | import { all } from '@/api/business/solutions' |
| | | import { fetchList } from '@/api/business/insuranceApply' |
| | | import InsuranceDetails from '@/components/business/InsuranceDetails' |
| | | import { merge } from '@/api/business/unionApply' |
| | | export default { |
| | | name: 'factoryChange', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, selectApplicationForm, employeeList }, |
| | | components: { GlobalWindow, InsuranceDetails,selectApplicationForm, employeeList }, |
| | | data () { |
| | | return { |
| | | form: { |
| | |
| | | selectSolutions (id) { |
| | | this.search() |
| | | this.solutions.forEach(item => { |
| | | if (item.baseId === id) { |
| | | if (item.id === id) { |
| | | this.item = item |
| | | } |
| | | }) |
| | |
| | | margin-bottom: 10px; |
| | | } |
| | | .info { |
| | | margin-top: 30px; |
| | | width: 100%; |
| | | font-size: 14px; |
| | | color: black; |