|  |  | 
 |  |  |     > | 
 |  |  |         <div class="desc"> | 
 |  |  |             <div class="desc_item"> | 
 |  |  |                 <div class="desc_item_label" v-if="userInfo.type === 1 &&(model.statusCollect === 2 || model.statusCollect === 3)"> | 
 |  |  |                 <div class="desc_item_label" v-if="userInfo.type === 1 && model.status ===27 "> | 
 |  |  |                     <div class="desc_item_label_left"> | 
 |  |  |                         <span>保险到期还有 <b style="color: #F95601;">{{model.loseEfficacyDays ? model.loseEfficacyDays : '-'}}</b> 天</span> | 
 |  |  |                         <el-button type="primary" v-if="model.statusCollect === 2 || model.statusCollect === 3" @click="$refs.OperaInsuranceApply.open('续保', { id: dataId, type: 1 })">一键续保</el-button> | 
 |  |  |                         <el-button type="primary" v-if="model.statusCollect === 2" @click="$refs.additionSubtractionApplication.open('加减保申请', { id: dataId })">加减保申请</el-button> | 
 |  |  |                         <el-button type="primary" v-if="model.statusCollect === 2" @click="$refs.factoryChange.open('更换派遣单位申请', { id: dataId })">更换派遣单位申请</el-button> | 
 |  |  |                         <el-button type="primary" v-if="model.status === 27" @click="goYjxb">一键续保</el-button> | 
 |  |  |                         <el-button type="primary" v-if="model.status === 27 && ( model.loseEfficacyDays ||!model.loseEfficacyDays)" @click="$refs.additionSubtractionApplication.open('加减保申请', { id: dataId })">加减保申请</el-button> | 
 |  |  |                         <el-button type="primary" v-if="model.status === 27 &&  ( model.loseEfficacyDays ||!model.loseEfficacyDays)" @click="$refs.factoryChange.open('更换派遣单位申请', { id: dataId })">更换派遣单位申请</el-button> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="desc_item_label"> | 
 |  |  |                     <div class="desc_item_label_left"> | 
 |  |  |                         <span>投保企业:{{ model.companyName }}</span> | 
 |  |  |                       <span>保单状态:<span  :class="'apply-status'+model.status" >{{ model.statusInfo }}</span></span> | 
 |  |  |                         <span>委托人:{{ model.shopName }}</span> | 
 |  |  |                         <span>被保险人:{{ model.companyName }}</span> | 
 |  |  |                       <span>保单状态: | 
 |  |  |                           <span  :class="'apply-status'+model.status" >{{ model.statusInfo }}</span> | 
 |  |  |                       </span> | 
 |  |  |                         <span>提交时间:{{ model.createDate }}</span> | 
 |  |  |                     </div> | 
 |  |  |                   <div class="desc_item_label_right"> | 
 |  |  |                       <el-button type="primary" @click="viewConfirmationLetter">查看方案确认书</el-button> | 
 |  |  |                     <el-button type="primary" @click="$refs.InsuranceDetails.open('投保详情单',model,0)">导出详单</el-button> | 
 |  |  |                       <template v-if="userInfo.type === 1"> | 
 |  |  |                           <el-button v-if="model.status == 24" type="primary" @click="$refs.OperaInsuranceApply.open('投保申请', {id: dataId})">再次投保</el-button> | 
 |  |  |                           <el-button v-if="model.status == 24" type="primary" @click="closeOrder">关闭订单</el-button> | 
 |  |  |                           <el-button v-if="[21,22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewFanganshu">查看确认书</el-button> | 
 |  |  |                           <el-button v-if="[22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewShenqingdan">查看申请单</el-button> | 
 |  |  |                           <el-button v-if="[1,2,3].includes(model.unionApplyTbdStatus)" type="primary" @click="viewToubaodan">查看投保单</el-button> | 
 |  |  |                           <el-button v-if="[3].includes(model.unionApplyTbdStatus) " type="primary" @click="viewBaoxiandan">查看保险单</el-button> | 
 |  |  | <!--                          goSign--> | 
 |  |  |                           <el-button v-if="model.status == 20" type="primary" @click="getSignLink(0)">签署方案确认书</el-button> | 
 |  |  |                           <el-button v-if="model.status == 21" type="primary" @click="getSignLink(1)">签署申请单</el-button> | 
 |  |  |                           <el-button v-if="model.unionApplyTbdStatus == 1" type="primary" @click="getSignLink(2)">签署投保单</el-button> | 
 |  |  |                           <el-button v-if="model.status == 24" type="primary" @click="$refs.OperaInsuranceApplyAddWindow.open('投保申请', {id: dataId})">再次投保</el-button> | 
 |  |  | <!--                          <el-button v-if="[21,22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewFanganshu">查看确认书</el-button>--> | 
 |  |  |                         <el-button v-if="[22,23,24,25,26,27].includes(model.status)  && model.shenqingdanFile" type="primary" @click="viewShenqingdan">查看申请单</el-button> | 
 |  |  |                         <el-button v-if="[1,2,3].includes(model.unionApplyTbdStatus) && (model.toubaodanFile || model.toubaodanSignedFile) && model.signType !== 1" type="primary" @click="viewToubaodan">查看投保单</el-button> | 
 |  |  |                         <el-button v-if="[3].includes(model.unionApplyTbdStatus) &&(model.baoxiandanFile)" type="primary" @click="viewBaoxiandan">查看保险单</el-button> | 
 |  |  |                         <!--                          goSign--> | 
 |  |  |                         <el-button v-if="model.status == 20" type="primary" :disabled="loading" :loading="loading" @click="getSignLink(0)">签署方案确认书</el-button> | 
 |  |  |                         <el-button v-if="model.status == 21" type="primary" :disabled="loading" :loading="loading" @click="getSignLink(1)">签署申请单</el-button> | 
 |  |  |                         <el-button v-if="model.unionApplyTbdStatus == 1" type="primary" :disabled="loading" :loading="loading" @click="getSignLink(2)">签署投保单</el-button> | 
 |  |  |                         <el-button v-if="model.status == 24" type="danger" @click="closeOrder">关闭申请</el-button> | 
 |  |  |                       </template> | 
 |  |  |                     <template v-if="userInfo.type === 2"> | 
 |  |  |                       <el-button v-if="[21,22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewFanganshu">查看确认书</el-button> | 
 |  |  |                       <el-button v-if="[22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewShenqingdan">查看申请单</el-button> | 
 |  |  | <!--                      <el-button v-if="[21,22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewFanganshu">查看确认书</el-button>--> | 
 |  |  |                       <el-button v-if="[22,23,24,25,26,27].includes(model.status)  && model.shenqingdanFile" type="primary" @click="viewShenqingdan">查看申请单</el-button> | 
 |  |  |                       <el-button v-if="[1,2,3].includes(model.unionApplyTbdStatus) &&(model.toubaodanFile || model.oubaodanSignedFile)" type="primary" @click="viewToubaodan">查看投保单</el-button> | 
 |  |  |                       <el-button v-if="[3].includes(model.unionApplyTbdStatus) &&(model.baoxiandanFile)" type="primary" @click="viewBaoxiandan">查看保险单</el-button> | 
 |  |  |                       <el-button v-if="model.status == 22" type="primary" @click="$refs.InsuranceDetails.open('投保审核',model,1)">投保审核</el-button> | 
 |  |  |                       <el-button v-if="model.status == 22" type="danger" @click="$refs.OperaInsuranceApplyCheckWindow.open('退回投保',model,1)">退回申请</el-button> | 
 |  |  |                       <el-button v-if="model.status == 23" type="danger" @click="$refs.OperaInsuranceApplyCheckWindow.open('退回投保',model,1)">关闭申请</el-button> | 
 |  |  |                       <el-button v-if="[20,21,22].includes(model.status)" type="danger" @click="$refs.OperaWtbApplyCheckWindow.open('退回申请',model,1)">退回申请</el-button> | 
 |  |  |                       <el-button v-if="model.status == 23" type="danger" @click="$refs.OperaWtbApplyCheckWindow.open('关闭申请',model,2)">关闭申请</el-button> | 
 |  |  |                     </template> | 
 |  |  |                     <template v-if="userInfo.type === 0"> | 
 |  |  |                       <el-button v-if="[27].includes(model.status)" type="primary" @click="viewFanganshu">查看确认书</el-button> | 
 |  |  |                       <el-button v-if="[27].includes(model.status)" type="primary" @click="viewShenqingdan">查看申请单</el-button> | 
 |  |  |                       <el-button v-if="[27].includes(model.status)" type="primary" @click="viewToubaodan">查看投保单</el-button> | 
 |  |  |                       <el-button v-if="[27].includes(model.status)" type="primary" @click="viewBaoxiandan">查看保险单</el-button> | 
 |  |  | <!--                      <el-button v-if="[21,22,23,24,25,26,27].includes(model.status)" type="primary" @click="viewFanganshu">查看确认书</el-button>--> | 
 |  |  |                       <el-button v-if="[22,23,24,25,26,27].includes(model.status)  && model.shenqingdanFile" type="primary" @click="viewShenqingdan">查看申请单</el-button> | 
 |  |  |                       <el-button v-if="[1,2,3].includes(model.unionApplyTbdStatus) &&(model.toubaodanFile || model.oubaodanSignedFile)" type="primary" @click="viewToubaodan">查看投保单</el-button> | 
 |  |  |                       <el-button v-if="[3].includes(model.unionApplyTbdStatus) &&(model.baoxiandanFile)" type="primary" @click="viewBaoxiandan">查看保险单</el-button> | 
 |  |  |                     </template> | 
 |  |  |                   </div> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="startTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="保险生效起期"> | 
 |  |  |                             :label="getApplyTimeTitle(0,model.solutionType,model)"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="endTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="保险生效止期"> | 
 |  |  |                             :label="getApplyTimeTitle(1,model.solutionType,model)"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="insureNum" | 
 |  |  |                             align="center" | 
 |  |  |                             label="投保人数"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                       <el-table-column prop="guaranteeNum"  align="center" label="当前在保人数" > | 
 |  |  |                         <template scope="{row}"> | 
 |  |  |                           <span>{{row.guaranteeNum||0}} 人</span> | 
 |  |  |                         </template> | 
 |  |  |                       </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="serviceDays" | 
 |  |  |                             align="center" | 
 |  |  |                             label="在保时长(天)"> | 
 |  |  |                             label="保单时长"> | 
 |  |  |                           <template scope="{row}"> | 
 |  |  |                             <span>{{row.serviceDays||0}} 天</span> | 
 |  |  |                           </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="currentFee" | 
 |  |  |                             align="center" | 
 |  |  |                             label="已产生费用(元)"> | 
 |  |  |                             label="批改费用合计"> | 
 |  |  |                             <template slot-scope="{row}"> | 
 |  |  |                                 <span>{{row.changeMoney}}元</span> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="fee" | 
 |  |  |                             align="center" | 
 |  |  |                             label="总费用(元)"> | 
 |  |  |                             label="总费用"> | 
 |  |  |                           <template slot-scope="{row}"> | 
 |  |  |                             <span>{{row.fee!=null?row.fee+' 元': '-'}}</span> | 
 |  |  |                           </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                     </el-table> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="desc_item_cate"> | 
 |  |  |                     <el-tabs v-model="activeName" @tab-click="handleClick"> | 
 |  |  |                         <el-tab-pane label="在保人员" name="0" ></el-tab-pane> | 
 |  |  |                         <el-tab-pane label="保单人员" name="0" ></el-tab-pane> | 
 |  |  |                         <el-tab-pane label="加/减保记录"  name="1"></el-tab-pane> | 
 |  |  |                         <el-tab-pane label="更换派遣单位记录" name="2"></el-tab-pane> | 
 |  |  |                         <el-tab-pane :label="model.hasDispatchUnit !== 1 ? '更换派遣单位' : '更换工种记录'" name="2"></el-tab-pane> | 
 |  |  |                     </el-tabs> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="desc_item_search"> | 
 |  |  | 
 |  |  |                                     <el-option label="全部" value="0"></el-option> | 
 |  |  |                                     <el-option label="保障中" value="1"></el-option> | 
 |  |  |                                     <el-option label="不在保" value="2"></el-option> | 
 |  |  |                                     <el-option label="待生效" value="3"></el-option> | 
 |  |  |                                 </el-select> | 
 |  |  |                             </el-form-item> | 
 |  |  |                             <el-form-item label="派遣单位" prop="duId"> | 
 |  |  |                             <el-form-item label="派遣单位" prop="duId" v-if="model.hasDispatchUnit !== 1"> | 
 |  |  |                                 <el-select v-model="formInline.duId" placeholder="请选择" @change="search"> | 
 |  |  |                                     <el-option | 
 |  |  |                                         v-for="item in dwList" | 
 |  |  | 
 |  |  |                                     <el-option label="申请退回" value="3"></el-option> | 
 |  |  |                                     <el-option label="已退回" value="5"></el-option> | 
 |  |  |                                     <el-option label="已关闭" value="6"></el-option> | 
 |  |  |                                     <el-option label="待出单" value="7"></el-option> | 
 |  |  |                                     <el-option label="批改申请中" value="9"></el-option> | 
 |  |  |                                 </el-select> | 
 |  |  |                             </el-form-item> | 
 |  |  |                             <el-form-item label="批单生效起期" prop="end"> | 
 |  |  | 
 |  |  |                             <el-button type="primary" style="width: 80px;" @click="search">查询</el-button> | 
 |  |  |                             <el-button @click="resetting" style="width: 80px;">重置</el-button> | 
 |  |  |                             <el-button type="primary" style="width: 80px;" @click="exportExcel" v-if="activeName === '0'">导出名单</el-button> | 
 |  |  |                             <el-button type="primary" style="width: 100px;" @click="$refs.OperaApplyChangeMonthWindow.open('加减保费用月度统计',model)" v-if="activeName === '1'">费用统计查询</el-button> | 
 |  |  |                             <el-button type="primary" style="width: 120px;" @click="exportRecords" v-if="activeName === '1' && [5,27].includes(model.status)">导出加减保记录</el-button> | 
 |  |  |                         </el-form-item> | 
 |  |  |                     </el-form> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |                             label="性别"> | 
 |  |  |                             <template slot-scope="{row}"> | 
 |  |  |                                 <span v-if="row.sex === 0">男</span> | 
 |  |  |                                 <span v-else>女</span> | 
 |  |  |                               <span  v-if="row.sex === 1">女</span> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             align="center" | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             label="在保状态"> | 
 |  |  |                             <template slot-scope="{row}"> | 
 |  |  |                                 <span v-if="row.applyStatus === 0" style="color: #00BA92;">保障中</span> | 
 |  |  |                                 <span v-if="row.applyStatus === 1" style="color: #999;">不在保</span> | 
 |  |  |                                 <span v-if="row.applyStatus === 2" style="color: #f95601;">待生效</span> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  | 
 |  |  |                             label="身份证号"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             v-if="model.hasDispatchUnit !== 1" | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="duName" | 
 |  |  |                             align="center" | 
 |  |  | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="startTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="保险生效起期"> | 
 |  |  |                             :label="getApplyTimeTitle(0,model.solutionType,model)"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="endTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="保险生效止期"> | 
 |  |  |                             :label="getApplyTimeTitle(1,model.solutionType,model)"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             align="center" | 
 |  |  |                             prop="fee" | 
 |  |  |                             label="产生费用"> | 
 |  |  |                           <template slot-scope="{row}"> | 
 |  |  |                             <span>{{row.fee!=null?row.fee+' 元': '-'}}</span> | 
 |  |  |                           </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                       <el-table-column | 
 |  |  |                           prop="remark" | 
 |  |  |                           align="center" | 
 |  |  |                           label="备注"> | 
 |  |  |                       </el-table-column> | 
 |  |  |                     </el-table> | 
 |  |  |                     <el-table | 
 |  |  |                         :data="list1" | 
 |  |  | 
 |  |  |                                 <span :class="'change-status'+row.status" v-if="row.status === 3 || row.status === 4">申请退回</span> | 
 |  |  |                                 <span :class="'change-status'+row.status" v-if="row.status === 5 || row.status === 8">已退回</span> | 
 |  |  |                                 <span :class="'change-status'+row.status" v-if="row.status === 6">已关闭</span> | 
 |  |  |                               <span :class="'change-status'+row.status" v-if="row.status === 7">待出单</span> | 
 |  |  |                               <span :class="'change-status'+row.status" v-if="row.status === 9">批改申请中</span> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="applyCode" | 
 |  |  |                             prop="validCode" | 
 |  |  |                             align="center" | 
 |  |  |                             label="批单号"> | 
 |  |  |                         </el-table-column> | 
 |  |  | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="applyStartTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="批单生效起期"> | 
 |  |  |                             label="批增生效日期"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="delValidTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="批减生效日期"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                       <el-table-column | 
 |  |  |                           :key="Math.random()" | 
 |  |  |                           prop="fee" | 
 |  |  |                           align="center" | 
 |  |  |                           label="费用变更(元)"> | 
 |  |  |                       </el-table-column> | 
 |  |  |                       <el-table-column | 
 |  |  |                           :key="Math.random()" | 
 |  |  |                           prop="remark" | 
 |  |  |                           align="center" | 
 |  |  |                           label="备注"> | 
 |  |  |                       </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             align="center" | 
 |  |  |                             :key="Math.random()" | 
 |  |  | 
 |  |  |                                 <span :class="'change-status'+row.status" v-if="row.status === 3 || row.status === 4">申请退回</span> | 
 |  |  |                                 <span :class="'change-status'+row.status" v-if="row.status === 5 || row.status === 8">已退回</span> | 
 |  |  |                                 <span :class="'change-status'+row.status" v-if="row.status === 6">已关闭</span> | 
 |  |  |                               <span :class="'change-status'+row.status" v-if="row.status === 7">待出单</span> | 
 |  |  |                               <span :class="'change-status'+row.status" v-if="row.status === 9">批改申请中</span> | 
 |  |  |                             </template> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             align="center" | 
 |  |  |                             prop="applyCode" | 
 |  |  |                             prop="validCode" | 
 |  |  |                             label="批单号"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  |                             prop="changeNum" | 
 |  |  |                             align="center" | 
 |  |  |                             label="更换派遣单位人数"> | 
 |  |  |                             :label="model.hasDispatchUnit !== 1 ? '更换派遣单位人数' : '更换工种人数'"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  | 
 |  |  |                             prop="applyStartTime" | 
 |  |  |                             align="center" | 
 |  |  |                             label="批单生效起期"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             prop="remark" | 
 |  |  |                             align="center" | 
 |  |  |                             label="备注"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             :key="Math.random()" | 
 |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="desc_item_review"> | 
 |  |  |                     <div class="desc_item_review_label">审核流程</div> | 
 |  |  |                     <div class="desc_item_review_label">操作记录</div> | 
 |  |  |                   <el-timeline :reverse="reverse"> | 
 |  |  |                     <el-timeline-item | 
 |  |  |                         v-for="(activity, index) in activities" | 
 |  |  | 
 |  |  |                             </span> | 
 |  |  |                         </span> | 
 |  |  |                         <span style="margin-top: 5px; font-size: 12px; font-weight: 400; color: #999999;"> | 
 |  |  |                             操作员-{{activity.creatorName}}({{activity.creatorType == 1 ? activity.companyName: "平台端"}}){{activity.createDate}} | 
 |  |  |                             操作员-{{activity.creatorName}}({{(activity.creatorType == 1||activity.creatorType == 2) ? activity.companyName: "平台端"}}){{activity.createDate}} | 
 |  |  |                         </span> | 
 |  |  |                       </div> | 
 |  |  |                     </el-timeline-item> | 
 |  |  | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <InsuranceDetails ref="InsuranceDetails" @success="successEvent" /> | 
 |  |  |         <OperaInsuranceApplyCheckWindow ref="OperaInsuranceApplyCheckWindow" @success="successEvent" /> | 
 |  |  |         <OperaWtbApplyCheckWindow ref="OperaWtbApplyCheckWindow" @success="successEvent" /> | 
 |  |  |         <!--    企业申请退回    --> | 
 |  |  |         <applyReturn ref="applyReturn" @success="successEvent" /> | 
 |  |  |         <!--    新增投保    --> | 
 |  |  |         <OperaInsuranceApply ref="OperaInsuranceApply" @success="successEvent" /> | 
 |  |  |         <OperaInsuranceApplyAddWindowNew ref="OperaInsuranceApplyAddWindow" @success="result" /> | 
 |  |  |         <!--    加减保申请    --> | 
 |  |  |         <additionSubtractionApplication ref="additionSubtractionApplication" @success="successEvent" /> | 
 |  |  |         <!--    更换派遣单位申请    --> | 
 |  |  |         <factoryChange ref="factoryChange" @success="successEvent" /> | 
 |  |  |         <factoryChange ref="factoryChange" @success="successChangeUnitEvent" /> | 
 |  |  |         <!-- 加减保详情 --> | 
 |  |  |         <OperaApplyChangeDetailWindow ref="OperaApplyChangeDetailWindow" @success="successEvent"/> | 
 |  |  |         <OperaApplyChangeDetailWindow ref="OperaApplyChangeDetailWindow" @success="successChangeEvent"/> | 
 |  |  |         <!-- 更换派遣单位详情 --> | 
 |  |  |         <OperaApplyChangeUnitDetailWindow ref="OperaApplyChangeUnitDetailWindow" @success="successEvent"/> | 
 |  |  |         <!--    验证手机号    --> | 
 |  |  |         <OperaPdfViewerWindow ref="OperaPdfViewerWindow"  /> | 
 |  |  |         <OperaApplyChangeMonthWindow ref="OperaApplyChangeMonthWindow"  /> | 
 |  |  |         <operaverifyPhoneNumberWindew ref="operaverifyPhoneNumberWindew" @success="goSign" /> | 
 |  |  |         <template v-slot:footer> | 
 |  |  |             <el-button @click="visible=false">返回</el-button> | 
 |  |  |         </template> | 
 |  |  |  | 
 |  |  |       <!-- 修改手机号 --> | 
 |  |  |  | 
 |  |  |       <el-dialog | 
 |  |  |           :title="signTitle" | 
 |  |  |           :visible.sync="visiblePhone" | 
 |  |  |           width="500px" | 
 |  |  |           :modal="false" | 
 |  |  |           :show-close="false" | 
 |  |  |           :close-on-click-modal="false" | 
 |  |  |           :modal="true" | 
 |  |  |           :show-close="true" | 
 |  |  |           append-to-body | 
 |  |  |           center> | 
 |  |  |         <el-form :model="form" ref="form" :rules="rules"> | 
 |  |  |           <el-form-item label="手机号" prop="phone"> | 
 |  |  | 
 |  |  |       </el-dialog> | 
 |  |  |     </GlobalWindow> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
 |  |  | import OperaInsuranceApplyAddWindowNew from '@/components/enterprise/OperaInsuranceApplyAddWindow' | 
 |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
 |  |  | import InsuranceDetails from '@/components/business/InsuranceDetails' | 
 |  |  | import OperaInsuranceApplyCheckWindow from '@/components/business/OperaInsuranceApplyCheckWindow' | 
 |  |  | import OperaWtbApplyCheckWindow from '@/components/business/OperaWtbApplyCheckWindow' | 
 |  |  | import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow' | 
 |  |  | import additionSubtractionApplication from '@/components/enterprise/additionSubtractionApplication' | 
 |  |  | import factoryChange from '@/components/enterprise/factoryChange' | 
 |  |  | import operaverifyPhoneNumberWindew from '@/components/business/operaverifyPhoneNumberWindew' | 
 |  |  | import OperaApplyChangeDetailWindow from '@/components/business/OperaApplyChangeDetailWindow' | 
 |  |  | import OperaApplyChangeUnitDetailWindow from '@/components/business/OperaApplyChangeUnitDetailWindow' | 
 |  |  |  | 
 |  |  | import OperaApplyChangeMonthWindow from '@/components/business/OperaApplyChangeMonthWindow' | 
 |  |  | import applyReturn from '@/components/enterprise/applyReturn' | 
 |  |  | import { | 
 |  |  |   getDetail, | 
 |  |  | 
 |  |  |   exportExcel, | 
 |  |  |   applyChagneDetailExcel, | 
 |  |  |   applyOpt, | 
 |  |  |   getMemberListOnlineSignLink, getSignTBQRSLink | 
 |  |  |   getMemberListOnlineSignLink, getSignTBQRSLink, getSignWTBTBDLink | 
 |  |  | } from '@/api/business/insuranceApply' | 
 |  |  | import { findListByDTO } from '@/api/business/dispatchUnit' | 
 |  |  | import { fetchList } from '@/api/business/applyChange' | 
 |  |  | import { fetchList, exportApplyJiajianBaoExcel } from '@/api/business/applyChange' | 
 |  |  | import { findListByDTO as worktypeFindListByDTO } from '@/api/business/worktype' | 
 |  |  | import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow' | 
 |  |  | import { mapState } from 'vuex' | 
 |  |  | import {sendSms, validateCode} from "@/api/business/smsEmail"; | 
 |  |  | import {sendSms} from '@/api/business/smsEmail'; | 
 |  |  |  | 
 |  |  | export default { | 
 |  |  |   name: 'OperaWtbApplyShopWindow', | 
 |  |  | 
 |  |  |   components: { | 
 |  |  |     GlobalWindow, | 
 |  |  |     InsuranceDetails, | 
 |  |  |     OperaInsuranceApplyCheckWindow, | 
 |  |  |     OperaPdfViewerWindow, | 
 |  |  |     OperaWtbApplyCheckWindow, | 
 |  |  |     applyReturn, | 
 |  |  |     OperaInsuranceApply, | 
 |  |  |     OperaApplyChangeMonthWindow, | 
 |  |  |     OperaInsuranceApplyAddWindowNew, | 
 |  |  |     additionSubtractionApplication, | 
 |  |  |     factoryChange, | 
 |  |  |     OperaApplyChangeDetailWindow, | 
 |  |  | 
 |  |  |       model: {}, | 
 |  |  |       form: { | 
 |  |  |         businessId: null, | 
 |  |  |         phone: this.$store.state.userInfo.company.phone, | 
 |  |  |         phone: this.$store.state.userInfo.company? this.$store.state.userInfo.company.phone:null, | 
 |  |  |         code: '', | 
 |  |  |         type:0 | 
 |  |  |       }, | 
 |  |  | 
 |  |  |       gzList: [], | 
 |  |  |       activeName: '0', | 
 |  |  |       total: 0, | 
 |  |  |       currentPage: 1 | 
 |  |  |       currentPage: 1, | 
 |  |  |  | 
 |  |  |         loading: false | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     open (title, target) { | 
 |  |  |       this.visible = true | 
 |  |  |       this.title = title | 
 |  |  |       this.model = {} | 
 |  |  |       this.num= 0 | 
 |  |  |       this.timer= null | 
 |  |  |       this.dataId = null | 
 |  |  |       this.dataId = target.id | 
 |  |  |       this.form.businessId = target.id | 
 |  |  | 
 |  |  |       this.formInline.startTimeS = '' | 
 |  |  |       this.formInline.type = '' | 
 |  |  |       this.activeName = '0' | 
 |  |  |  | 
 |  |  |       this.visible = true | 
 |  |  |       this.getDetail() | 
 |  |  |       this.getList() | 
 |  |  |       this.getDW() | 
 |  |  |       this.getGZ() | 
 |  |  |     }, | 
 |  |  |     exportRecords() { | 
 |  |  |       exportApplyJiajianBaoExcel({ id: this.dataId }) | 
 |  |  |         .then(response => { | 
 |  |  |           this.download(response) | 
 |  |  |         }) | 
 |  |  |     }, | 
 |  |  |     viewConfirmationLetter() { | 
 |  |  |       this.$refs.OperaPdfViewerWindow.open('查看方案确认书', this.model.fanganFile.fileurlFull) | 
 |  |  |     }, | 
 |  |  |     getSignLink (flag) { | 
 |  |  |       if (flag === 0) { | 
 |  |  | 
 |  |  |         this.signTitle = '签署投保单' | 
 |  |  |       } | 
 |  |  |       this.form.type = flag | 
 |  |  |       this.visiblePhone = true | 
 |  |  |       this.$nextTick(() => { | 
 |  |  |         this.$refs.form.resetFields() | 
 |  |  |       }); | 
 |  |  |         this.goSignDo() | 
 |  |  |       // this.visiblePhone = true | 
 |  |  |       // this.$nextTick(() => { | 
 |  |  |       //   this.$refs.form.resetFields() | 
 |  |  |       // }); | 
 |  |  |     }, | 
 |  |  |     goSignDo(){ | 
 |  |  |       this.$refs.form.validate((valid) => { | 
 |  |  |         if (!valid) { | 
 |  |  |           return | 
 |  |  |         } | 
 |  |  |         this.isWorking = true | 
 |  |  |       // this.$refs.form.validate((valid) => { | 
 |  |  |       //   if (!valid) { | 
 |  |  |       //     return | 
 |  |  |       //   } | 
 |  |  |       //   this.isWorking = true | 
 |  |  |         this.loading = true | 
 |  |  |         if(this.form.type===0){ | 
 |  |  |           getSignTBQRSLink(this.form).then(res => { | 
 |  |  |             setTimeout(() => { | 
 |  |  |               this.loading = false | 
 |  |  |             // setTimeout(() => { | 
 |  |  |             //   this.visiblePhone=false | 
 |  |  |               window.open(res) | 
 |  |  |             }, 500) | 
 |  |  |             // }, 500) | 
 |  |  |           }).catch(err => { | 
 |  |  |             this.$tip.apiFailed(err) | 
 |  |  |           }).finally(() => { | 
 |  |  |             this.loading = false | 
 |  |  |           }) | 
 |  |  |         } else if (flag === 1) { | 
 |  |  |         } else if (this.form.type === 1) { | 
 |  |  |           getMemberListOnlineSignLink(this.form).then(res => { | 
 |  |  |             setTimeout(() => { | 
 |  |  |               this.loading = false | 
 |  |  |             // setTimeout(() => { | 
 |  |  |             //   this.visiblePhone=false | 
 |  |  |               window.open(res) | 
 |  |  |             }, 500) | 
 |  |  |             // }, 500) | 
 |  |  |           }).catch(err => { | 
 |  |  |             this.$tip.apiFailed(err) | 
 |  |  |           }).finally(() => { | 
 |  |  |             this.loading = false | 
 |  |  |           }) | 
 |  |  |         } else if (flag === 2) { | 
 |  |  |           getSignLink(this.dataId).then(res => { | 
 |  |  |             setTimeout(() => { | 
 |  |  |         } else if (this.form.type === 2) { | 
 |  |  |           getSignWTBTBDLink(this.form).then(res => { | 
 |  |  |               this.loading = false | 
 |  |  |             // setTimeout(() => { | 
 |  |  |             //   this.visiblePhone=false | 
 |  |  |               window.open(res) | 
 |  |  |             }, 500) | 
 |  |  |             // }, 500) | 
 |  |  |           }).catch(err => { | 
 |  |  |             this.$tip.apiFailed(err) | 
 |  |  |           }).finally(() => { | 
 |  |  |             this.loading = false | 
 |  |  |           }) | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |       // }) | 
 |  |  |     }, | 
 |  |  |     send () { | 
 |  |  |       sendSms({ | 
 |  |  | 
 |  |  |         this.num = this.num - 1 | 
 |  |  |       }, 1000) | 
 |  |  |     }, | 
 |  |  |     // 关闭订单 | 
 |  |  |     // 关闭申请 | 
 |  |  |     closeOrder () { | 
 |  |  |       this.$confirm('确认关闭此订单吗?', '提示', { | 
 |  |  |         confirmButtonText: '确定', | 
 |  |  | 
 |  |  |     exportExcel () { | 
 |  |  |       if (this.activeName === '0') { | 
 |  |  |         exportExcel({ | 
 |  |  |           capacity: 10, | 
 |  |  |           capacity: 60000, | 
 |  |  |           page: this.currentPage, | 
 |  |  |           model: { | 
 |  |  |             solutionName: this.tableData[0].solutionsName, | 
 |  |  | 
 |  |  |         }) | 
 |  |  |       } else { | 
 |  |  |         applyChagneDetailExcel({ | 
 |  |  |           capacity: 10, | 
 |  |  |           capacity: 60000, | 
 |  |  |           page: this.currentPage, | 
 |  |  |           model: { | 
 |  |  |             applyId: this.dataId, | 
 |  |  | 
 |  |  |         this.$tip.apiFailed(err) | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     goYjxb(){ | 
 |  |  |       this.$refs.OperaInsuranceApplyAddWindow.open('续保', {id: this.dataId,type: 1 }) | 
 |  |  |     }, | 
 |  |  |     viewToubaodan () { | 
 |  |  |       if (this.model.toubaodanSignedFile && this.model.toubaodanSignedFile.fileurlFull) { | 
 |  |  |         setTimeout(() => { | 
 |  |  |           window.open(this.model.toubaodanSignedFile.fileurlFull) | 
 |  |  |           this.$refs.OperaPdfViewerWindow.open('查看投保单',this.model.toubaodanSignedFile.fileurlFull) | 
 |  |  |           // window.open(this.model.toubaodanSignedFile.fileurlFull) | 
 |  |  |         }, 500) | 
 |  |  |       } else if (this.model.toubaodanFile && this.model.toubaodanFile.fileurlFull) { | 
 |  |  |         setTimeout(() => { | 
 |  |  |           window.open(this.model.toubaodanFile.fileurlFull) | 
 |  |  |           this.$refs.OperaPdfViewerWindow.open('查看投保单',this.model.toubaodanFile.fileurlFull) | 
 |  |  |           // window.open(this.model.toubaodanFile.fileurlFull) | 
 |  |  |         }, 500) | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     viewBaoxiandan () { | 
 |  |  |       if (this.model.baoxiandanFile && this.model.baoxiandanFile.fileurlFull) { | 
 |  |  |         window.open(this.model.baoxiandanFile.fileurlFull) | 
 |  |  |  | 
 |  |  |         this.$refs.OperaPdfViewerWindow.open('查看保险单',this.model.baoxiandanFile.fileurlFull) | 
 |  |  |         // window.open(this.model.baoxiandanFile.fileurlFull) | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     viewFanganshu () { | 
 |  |  |       if (this.model.baoxiandanFile && this.model.baoxiandanFile.fileurlFull) { | 
 |  |  |         window.open(this.model.baoxiandanFile.fileurlFull) | 
 |  |  |       if (this.model.fanganFile && this.model.fanganFile.fileurlFull) { | 
 |  |  |         this.$refs.OperaPdfViewerWindow.open('查看方案确认书',this.model.fanganFile.fileurlFull) | 
 |  |  |  | 
 |  |  |         // window.open(this.model.fanganFile.fileurlFull) | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     viewShenqingdan () { | 
 |  |  |       if (this.model.baoxiandanFile && this.model.baoxiandanFile.fileurlFull) { | 
 |  |  |         window.open(this.model.baoxiandanFile.fileurlFull) | 
 |  |  |       if (this.model.shenqingdanFile && this.model.shenqingdanFile.fileurlFull){ | 
 |  |  |         this.$refs.OperaPdfViewerWindow.open('查看申请单',this.model.shenqingdanFile.fileurlFull) | 
 |  |  |         // window.open(this.model.shenqingdanFile.fileurlFull) | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     handleSizeChange (val) { | 
 |  |  | 
 |  |  |       }).catch(err => { | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     result(flag,param){ | 
 |  |  |       console.log(flag,param) | 
 |  |  |       if(param && param.godetail && param.id){ | 
 |  |  |        this.open('委托保详情',{id:param.id}) | 
 |  |  |       }else{ | 
 |  |  |         this.successEvent() | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     successChangeUnitEvent (param) { | 
 |  |  |       this.$refs.OperaApplyChangeUnitDetailWindow.open('更换派遣单位详情', param) | 
 |  |  |       this.successEvent() | 
 |  |  |     }, | 
 |  |  |     successChangeEvent (param) { | 
 |  |  |       this.$refs.OperaApplyChangeDetailWindow.open('加减保详情',param) | 
 |  |  |       this.successEvent() | 
 |  |  |     }, | 
 |  |  |     successEvent () { | 
 |  |  |       // this.visible=false | 
 |  |  |       this.getDetail() |