|  |  | 
 |  |  |                 <div class="desc_item_label"> | 
 |  |  |                     <div class="desc_item_label_left"> | 
 |  |  |                         <span>投保人:{{ model.shopName}}</span> | 
 |  |  |                         <span v-if="model.status === 0">保单状态:<span  :class="'change-status'+model.status" >待签署</span></span> | 
 |  |  |                         <span v-if="model.status === 1">保单状态:<span  :class="'change-status'+model.status" >待审核</span></span> | 
 |  |  |                         <span v-if="model.status === 2">保单状态:<span  :class="'change-status'+model.status" >已生效</span></span> | 
 |  |  |                         <span v-if="model.status === 3">保单状态:<span  :class="'change-status'+model.status" >已退回</span></span> | 
 |  |  |                       <span v-if="model.status === 0">保单状态:<span  :class="'change-status'+model.status" >待签署</span></span> | 
 |  |  |                       <span v-if="model.status === 1">保单状态:<span  :class="'change-status'+model.status" >待审核</span></span> | 
 |  |  |                       <span v-if="model.status === 2">保单状态:<span  :class="'change-status'+model.status" >已生效</span></span> | 
 |  |  |                       <span v-if="model.status === 7">保单状态:<span  :class="'change-status'+model.status" >待出单</span></span> | 
 |  |  |                       <span v-if="model.status === 9">保单状态:<span  :class="'change-status'+model.status" >批改申请中</span></span> | 
 |  |  |                       <span v-if="model.status === 3 || model.status === 4">保单状态:<span  :class="'change-status'+model.status" >退回申请</span></span> | 
 |  |  |                       <span v-if="model.status === 5 || model.status === 8">保单状态:<span  :class="'change-status'+model.status" >已退回</span></span> | 
 |  |  |                       <span v-if=" model.status === 6">保单状态:<span  :class="'change-status'+model.status" >已关闭</span></span> | 
 |  |  |                         <span>提交时间:{{ model.createDate }}</span> | 
 |  |  |                     </div> | 
 |  |  |                   <div class="desc_item_label_right"> | 
 |  |  |                         <template v-if="2"> | 
 |  |  |                             <el-button type="primary"  @click="$refs.ApplyChangeDetails.open('更换派遣单位详单',model,0)">导出详单</el-button> | 
 |  |  |                             <el-button v-if="[1,2].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button> | 
 |  |  |                             <el-button v-if="[0].includes(model.status)" type="primary" @click="getSignLink(0)">签署申请单</el-button> | 
 |  |  |                             <el-button v-if="[0].includes(model.status)" type="primary" :disabled="loading" :loading="loading" @click="getSignLink(0)">签署申请单</el-button> | 
 |  |  |                             <el-button v-if="[2].includes(model.status)" type="primary" @click="viewPidan">查看批单</el-button> | 
 |  |  |                             <el-button v-if=" [1].includes(model.status)" type="primary" @click="$refs.OperaUnionChangeCheckWindow.open('上传批单',model,3)">上传批单</el-button> | 
 |  |  |                             <el-button  v-if="[0,1].includes(model.status)" type="danger" @click="$refs.OperaUnionChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button> | 
 |  |  | 
 |  |  |                         <template  v-if="0"> | 
 |  |  |                           <el-button type="primary"  @click="$refs.ApplyChangeDetails.open('更换派遣单位详单',model,0)">导出详单</el-button> | 
 |  |  |                           <el-button v-if="[1,2].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button> | 
 |  |  |                           <el-button v-if="[0].includes(model.status)" type="primary" @click="getSignLink(0)">签署申请单</el-button> | 
 |  |  |                           <el-button v-if="[0].includes(model.status)" type="primary" :disabled="loading" :loading="loading" @click="getSignLink(0)">签署申请单</el-button> | 
 |  |  |                           <el-button v-if="[2].includes(model.status)" type="primary" @click="viewPidan">查看批单</el-button> | 
 |  |  |                          </template> | 
 |  |  |                   </div> | 
 |  |  | 
 |  |  |                       <el-table-column | 
 |  |  |                           prop="applyStartTime" | 
 |  |  |                           align="center" | 
 |  |  |                           label="批单生效起期"> | 
 |  |  |                           :label="getUnionChangTimeTitle(2,model)"> | 
 |  |  |                       </el-table-column> | 
 |  |  |                     </el-table> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="desc_item_review" v-if="model.applyLogList"> | 
 |  |  |                     <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 model.applyLogList" | 
 |  |  | 
 |  |  |                                     </span> | 
 |  |  |                                 </span> | 
 |  |  |                         <span style="margin-top: 5px; font-size: 12px; font-weight: 400; color: #999999;"> | 
 |  |  |                                     操作员-{{activity.creatorName}}({{activity.creatorType==1? activity.companyName: (activity.creatorType==2? activity.companyName: "平台端") }}}){{activity.createDate}} | 
 |  |  |                                     操作员-{{activity.creatorName}}({{activity.creatorType==1? activity.companyName: (activity.creatorType==2? activity.companyName: "平台端") }}){{activity.createDate}} | 
 |  |  |                                 </span> | 
 |  |  |                       </div> | 
 |  |  |                     </el-timeline-item> | 
 |  |  | 
 |  |  |         <OperaInsuranceApply ref="OperaInsuranceApply" @success="successEvent" /> | 
 |  |  |         <!--    更换派遣单位申请    --> | 
 |  |  |         <reinsurance ref="reinsurance" @success="successEvent" /> | 
 |  |  |         <OperaPdfViewerWindow ref="OperaPdfViewerWindow" @success="successEvent" /> | 
 |  |  |         <!--    更换派遣单位申请    --> | 
 |  |  |         <factoryChange ref="factoryChange" @success="successEvent" /> | 
 |  |  |         <!--    投保详情    --> | 
 |  |  | 
 |  |  |       <el-dialog | 
 |  |  |           title="查看保险单" | 
 |  |  |           :visible.sync="visibleFile" | 
 |  |  |           width="500px" | 
 |  |  |           width="800px" | 
 |  |  |           :modal="true" | 
 |  |  |           :show-close="true" | 
 |  |  |           :close-on-click-modal="false" | 
 |  |  | 
 |  |  |         <div class="desc_item_from" v-for="(item, index) in pidanFileData" :key="index"  style="margin-bottom: 15px"> | 
 |  |  |           <span v-if="index ==0">{{item.name}}:</span> | 
 |  |  |           <span v-if="index >0">被保险人({{item.name}})保险单:</span> | 
 |  |  |           <a style="cursor: pointer;color: #2E68EC" v-if="item.file && item.file.fileurl" @click="openFile(item.file.fileurlFull)">在线预览</a><span v-if="!item.file || !item.file.fileurl">未上传</span> | 
 |  |  |           <a  style="cursor: pointer;color: #2E68EC" v-if="item.file && item.file.fileurl && index ==0" @click="openFile(item.file.fileurlFull,item.name)">在线预览</a> | 
 |  |  |           <a  style="cursor: pointer;color: #2E68EC" v-if="item.file && item.file.fileurl && index !=0 " @click="openFile(item.file.fileurlFull,'被保险人('+item.name+')保险单')">在线预览</a> | 
 |  |  |           <span v-if="!item.file || !item.file.fileurl">未上传</span> | 
 |  |  |         </div> | 
 |  |  | <!-- | 
 |  |  |         <div class="desc_item_from" v-for="(item, index) in pidanFileData" :key="index"  style="margin-bottom: 15px"> | 
 |  |  |           <span v-if="index ==0">{{item.name}}:</span> | 
 |  |  |           <span v-if="index >0">被保险人({{item.name}})保险单:</span> | 
 |  |  |           <a style="cursor: pointer;color: #2E68EC" v-if="item.file && item.file.fileurl" @click="openFile(item.file.fileurlFull)">在线预览</a><span v-if="!item.file || !item.file.fileurl">未上传</span> | 
 |  |  |         </div>--> | 
 |  |  |         <span slot="footer" class="dialog-footer"> | 
 |  |  |                 <el-button @click="visibleFile=false">关 闭</el-button> | 
 |  |  |             </span> | 
 |  |  | 
 |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
 |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
 |  |  | import UnionChangeUnitDetails from '@/components/business/UnionChangeUnitDetails' | 
 |  |  | import OperaUnionChangeCheckWindow from '@/components/business/OperaUnionChangeCheckWindow' | 
 |  |  | import OperaUnionChangeCheckWindow from '@/components/business/OperaUnionChangeUnitCheckWindow' | 
 |  |  | import reinsurance from '@/components/enterprise/reinsurance' | 
 |  |  | import factoryChange from '@/components/enterprise/factoryChange' | 
 |  |  | import add_subtract_return from '@/components/enterprise/add_subtract_return' | 
 |  |  | 
 |  |  | import {applyChangeOpt, listAll as applyList} from '@/api/business/applyChange' | 
 |  |  |  | 
 |  |  | import {sendSms} from "@/api/business/smsEmail"; | 
 |  |  | import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow' | 
 |  |  | import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyAddWindow' | 
 |  |  | import { mapState } from 'vuex' | 
 |  |  |  | 
 |  |  | import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow' | 
 |  |  | export default { | 
 |  |  |   name: 'OperaUnionChangeDetailWindow', | 
 |  |  |   extends: BaseOpera, | 
 |  |  |   components: { | 
 |  |  |       GlobalWindow, | 
 |  |  |     OperaPdfViewerWindow, | 
 |  |  |     UnionChangeUnitDetails, | 
 |  |  |     OperaUnionChangeCheckWindow, | 
 |  |  |       add_subtract_return, | 
 |  |  | 
 |  |  |         list: [], | 
 |  |  |       activeName: '0', | 
 |  |  |         total: 0, | 
 |  |  |       currentPage: 1 | 
 |  |  |       currentPage: 1, | 
 |  |  |         loading: false | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  | 
 |  |  |         this.setTime() | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     openFile (url) { | 
 |  |  |     openFile (url,title) { | 
 |  |  |       setTimeout(() => { | 
 |  |  |         window.open(url) | 
 |  |  |  | 
 |  |  |         this.$refs.OperaPdfViewerWindow.open(title || '在线预览',url) | 
 |  |  |         // window.open(url) | 
 |  |  |       }, 500) | 
 |  |  |     }, | 
 |  |  |     setTime () { | 
 |  |  | 
 |  |  |     getSignLink (flag) { | 
 |  |  |         this.signTitle = '签署申请单' | 
 |  |  |       this.form.type = flag | 
 |  |  |       this.visiblePhone = true | 
 |  |  |       this.$nextTick(() => { | 
 |  |  |         this.$refs.form.resetFields() | 
 |  |  |       }); | 
 |  |  |         this.loading = true | 
 |  |  |         getSignLink(this.form).then(res => { | 
 |  |  |             this.loading = false | 
 |  |  |             window.open(res) | 
 |  |  |         }).catch(err => { | 
 |  |  |             this.loading = false | 
 |  |  |             this.$tip.apiFailed(err) | 
 |  |  |         }) | 
 |  |  |       // this.visiblePhone = true | 
 |  |  |       // this.$nextTick(() => { | 
 |  |  |       //   this.$refs.form.resetFields() | 
 |  |  |       // }); | 
 |  |  |     }, | 
 |  |  |     goSignDo(){ | 
 |  |  |       this.$refs.form.validate((valid) => { | 
 |  |  | 
 |  |  |       }, | 
 |  |  |     viewApplyFile(){ | 
 |  |  |        if(this.model.applyFile && this.model.applyFile.fileurlFull){ | 
 |  |  |         window.open(this.model.applyFile.fileurlFull) | 
 |  |  |          this.$refs.OperaPdfViewerWindow.open('查看申请单',this.model.applyFile.fileurlFull) | 
 |  |  |         // window.open(this.model.applyFile.fileurlFull) | 
 |  |  |        } | 
 |  |  |     }, | 
 |  |  |     viewPidan(){ | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     handleCurrentChange(val){ | 
 |  |  |         console.log(val) | 
 |  |  |         this.page = val | 
 |  |  |         this.currentPage = val | 
 |  |  |         this.getList() | 
 |  |  |     }, | 
 |  |  |     onSubmit(){ |