| | |
| | | @confirm="confirm" |
| | | > |
| | | <div class="box"> |
| | | <div class="top"> |
| | | <div class="top" style="border-right: 1px solid #b4bbc5;"> |
| | | {{title}} |
| | | </div> |
| | | <div class="box_table"> |
| | | <div class="box_table_head"> |
| | | <div class="box_table_head_item">投保人</div> |
| | | <div class="box_table_head_item">保险方案</div> |
| | | <div class="box_table_head_item">保险生效起期</div> |
| | | <div class="box_table_head_item">保险生效止期</div> |
| | | <div class="box_table_head_item" style="flex: 2">投保人</div> |
| | | <div class="box_table_head_item" style="flex: 2">保险方案</div> |
| | | <div class="box_table_head_item" style="flex: 2">保险生效起期</div> |
| | | <div class="box_table_head_item" style="flex: 2">保险生效止期</div> |
| | | <div class="box_table_head_item">保单号</div> |
| | | <div class="box_table_head_item">加保人数</div> |
| | | <div class="box_table_head_item">减保人数</div> |
| | | <div class="box_table_head_item">批单生效期</div> |
| | | <div class="box_table_head_item" >加保人数</div> |
| | | <div class="box_table_head_item" >减保人数</div> |
| | | <div class="box_table_head_item" style="flex: 2">{{ getUnionChangTimeTitle(1,model) }}</div> |
| | | <div class="box_table_head_item" style="flex: 2">{{ getUnionChangTimeTitle(0,model) }}</div> |
| | | </div> |
| | | <div class="box_table_content " > |
| | | <div class="box_table_content_item box_table_content_header">{{ model.shopName }}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.solutionsName }}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.startTime }}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.endTime }}</div> |
| | | <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.shopName }}</div> |
| | | <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.solutionsName }}</div> |
| | | <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.startTime }}</div> |
| | | <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.endTime }}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.applyCode }}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.addNum}}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.delNum}}</div> |
| | | <div class="box_table_content_item box_table_content_header">{{ model.applyStartTime}}</div> |
| | | <div class="box_table_content_item box_table_content_header" >{{ model.addNum}}</div> |
| | | <div class="box_table_content_item box_table_content_header" >{{ model.delNum}}</div> |
| | | <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.applyStartTime}}</div> |
| | | <div class="box_table_content_item box_table_content_header" style="flex: 2">{{ model.delValidTime}}</div> |
| | | </div> |
| | | </div> |
| | | <div class="box_table"> |
| | | <div class="box_table_head box_table_content"> |
| | | <div class="box_table_head_item" style=" flex: 1;border-bottom: 0px">被保险人</div> |
| | | <div class="box_table_content_item box_table_content_header" style=" flex: 7;">{{ apply.companyNames }}</div> |
| | | </div> |
| | | <div class="box_table_head_item" style=" flex: 2; border-bottom: 0px">被保险人</div> |
| | | <div class="box_table_content_item box_table_content_header" style=" flex: 14.7;"> |
| | | <p v-for="(item, index) in companyList" :key="index" > |
| | | {{index>0?',':''}} {{ item[1]}} |
| | | </p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="box_table" v-if="addList && addList.length>0"> |
| | | <div class="box_table_head"> |
| | | <div class="box_table_head_item1">加保员工</div> |
| | | </div> |
| | | <div class="box_table_head"> |
| | | <div class="box_table_head_item">序号</div> |
| | | <div class="box_table_head_item" style="flex: 0.5">序号</div> |
| | | <div class="box_table_head_item">员工姓名</div> |
| | | <div class="box_table_head_item">性别</div> |
| | | <div class="box_table_head_item" style="flex: 0.5">性别</div> |
| | | <div class="box_table_head_item">身份证号</div> |
| | | <div class="box_table_head_item">被保险人</div> |
| | | <div class="box_table_head_item">派遣单位</div> |
| | | <div class="box_table_head_item">所属工种</div> |
| | | <div class="box_table_head_item">备注</div> |
| | | </div> |
| | | <div class="box_table_content" v-for="(item, index) in addList" :key="index"> |
| | | <div class="box_table_content_item">{{(index + 1)}}</div> |
| | | <div class="box_table_content_item" style="flex: 0.5">{{(index + 1)}}</div> |
| | | <div class="box_table_content_item" >{{ item.memberName }}</div> |
| | | <div class="box_table_content_item">{{ item.sex==0?"男":(item.sex==1?"女":"" )}}</div> |
| | | <div class="box_table_content_item" style="flex: 0.5">{{ item.sex==0?"男":(item.sex==1?"女":"" )}}</div> |
| | | <div class="box_table_content_item">{{ item.memberIdcardNo }}</div> |
| | | <div class="box_table_content_item">{{ item.companyName }}</div> |
| | | <div class="box_table_content_item">{{ item.duName }}</div> |
| | | <div class="box_table_content_item">{{item.workTypeName}}</div> |
| | | <div class="box_table_content_item" style="align-items: baseline;cursor: pointer; " :title="item.remark">{{item.remark}}</div> |
| | | </div> |
| | | </div> |
| | | <div class="box_table" v-if="delList && delList.length>0"> |
| | |
| | | <div class="box_table_head_item1">减保员工</div> |
| | | </div> |
| | | <div class="box_table_head"> |
| | | <div class="box_table_head_item">序号</div> |
| | | <div class="box_table_head_item">员工姓名</div> |
| | | <div class="box_table_head_item" style="flex: 0.5">序号</div> |
| | | <div class="box_table_head_item" >员工姓名</div> |
| | | <div class="box_table_head_item">身份证号</div> |
| | | <div class="box_table_head_item">被保险人</div> |
| | | <div class="box_table_head_item">性别</div> |
| | | <div class="box_table_head_item" style="flex: 0.5">性别</div> |
| | | <div class="box_table_head_item">派遣单位</div> |
| | | <div class="box_table_head_item">所属工种</div> |
| | | <div class="box_table_head_item">备注</div> |
| | | </div> |
| | | <div class="box_table_content" v-for="(item, index) in delList" :key="index"> |
| | | <div class="box_table_content_item">{{(index + 1)}}</div> |
| | | <div class="box_table_content_item" style="flex: 0.5">{{(index + 1)}}</div> |
| | | <div class="box_table_content_item" >{{ item.memberName }}</div> |
| | | <div class="box_table_content_item">{{ item.sex==0?"男":(item.sex==1?"女":"" )}}</div> |
| | | <div class="box_table_content_item" style="flex: 0.5">{{ item.sex==0?"男":(item.sex==1?"女":"" )}}</div> |
| | | <div class="box_table_content_item">{{ item.memberIdcardNo }}</div> |
| | | <div class="box_table_content_item">{{ item.companyName }}</div> |
| | | <div class="box_table_content_item">{{ item.duName }}</div> |
| | | <div class="box_table_content_item">{{item.workTypeName}}</div> |
| | | <div class="box_table_content_item" style="align-items: baseline;cursor: pointer; " :title="item.remark">{{item.remark}}</div> |
| | | </div> |
| | | </div> |
| | | <div class="box_table" v-if="type==1" style="border-top: 0px solid #b4bbc5;" > |
| | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import {getChangeDetailList, exportJiajianBaoExcel} from "@/api/business/insuranceApply"; |
| | | import {getChangeDetailList} from "@/api/business/insuranceApply"; |
| | | import {check } from "@/api/business/applyChange"; |
| | | import {exportComFiles} from "@/api/business/company"; |
| | | import {exportDetailExcel} from "@/api/business/unionChange"; |
| | | export default { |
| | | name: 'ApplyChangeDetails', |
| | | extends: BaseOpera, |
| | |
| | | type:0, |
| | | delList:[], |
| | | addList:[], |
| | | companyList:new Map(), |
| | | // 表单数据 |
| | | form: { |
| | | id: null, |
| | |
| | | this.addList=[] |
| | | getChangeDetailList({unionChangeId: this.model.id}) |
| | | .then(res => { |
| | | var index =0 |
| | | res.forEach(item1 => { |
| | | this.companyList.set(item1.companyId, item1.companyName) |
| | | if (item1.type == 1) { |
| | | this.delList.push(item1); |
| | | } else { |
| | |
| | | this.$dialog.exportConfirm('确认导出详单吗?') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | exportJiajianBaoExcel({ id: this.model.id }) |
| | | exportDetailExcel({ id: this.model.id }) |
| | | .then(response => { |
| | | this.download(response) |
| | | }) |
| | |
| | | height: 50px; |
| | | background: #f2f2f2; |
| | | display: flex; |
| | | padding: 10px; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 14px; |
| | |
| | | height: 50px; |
| | | background: #f2f2f2; |
| | | display: flex; |
| | | padding: 10px; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 14px; |
| | |
| | | border-bottom: 0px solid #b4bbc5 !important; |
| | | } |
| | | .box_table_content_item { |
| | | flex: 1; |
| | | height: 50px; |
| | | //white-space: nowrap; |
| | | overflow: hidden; |
| | | //text-overflow: ellipsis; |
| | | flex: 1; |
| | | height: 50px; |
| | | padding: 10px; |
| | | background: #ffffff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | word-wrap: break-word; |
| | | word-break: break-all; |
| | | font-size: 14px; |
| | | color: black; |
| | | border-right: 1px solid #b4bbc5; |
| | |
| | | } |
| | | &:nth-child(9) { |
| | | } |
| | | span{ |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | word-wrap: break-word; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |