|  |  | 
 |  |  |         @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;"> | 
 |  |  |               <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 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 {exportDetailExcel} from "@/api/business/unionChange"; | 
 |  |  |     export default { | 
 |  |  | 
 |  |  |                     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; | 
 |  |  |                 } | 
 |  |  |               } | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     } |