|  |  |  | 
|---|
|  |  |  | <div class="desc_item_label"> | 
|---|
|  |  |  | <div class="desc_item_label_left"> | 
|---|
|  |  |  | <span>投保企业:{{ apply.companyName }}</span> | 
|---|
|  |  |  | <span v-if="model.status === 0">保单状态:待签署</span> | 
|---|
|  |  |  | <span v-if="model.status === 1">保单状态:已签章</span> | 
|---|
|  |  |  | <span v-if="model.status === 2">保单状态:已生效</span> | 
|---|
|  |  |  | <span v-if="model.status === 3 || model.status === 4">保单状态:退回申请</span> | 
|---|
|  |  |  | <span v-if="model.status === 5 || model.status === 8">保单状态:已退回</span> | 
|---|
|  |  |  | <span v-if="model.status ===7">保单状态:已关闭</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="userInfo.type === 1"> | 
|---|
|  |  |  | <el-button type="primary" @click="$refs.ApplyChangeDetails.open('加减保详单',apply,model)">导出详单</el-button> | 
|---|
|  |  |  | <el-button v-if="[5, 8].includes(model.status)" type="primary" @click="$refs.additionSubtractionApplication.open('加减保申请', {id: dataId})">再次投保</el-button> | 
|---|
|  |  |  | <el-button type="primary" v-if="model.status == 0" @click="goSign">签署申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="[2, 3, 7].includes(model.status)" type="primary">申请退回</el-button> | 
|---|
|  |  |  | <el-button v-if="model.status == 5" type="primary" @click="viewApplyFile">查看申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="model.status == 5" type="primary" @click="viewPidan">查看批单</el-button> | 
|---|
|  |  |  | <el-button v-if="[5, 8].includes(model.status)" type="primary" @click="closeOrder">关闭订单</el-button> | 
|---|
|  |  |  | <el-button type="primary"  v-if="[5,8,6].includes(model.status)"  @click="$refs.reinsurance.open('加减保申请', {id: dataId, applyChangId: modelId})">再次投保</el-button> | 
|---|
|  |  |  | <el-button type="primary"  @click="$refs.ApplyChangeDetails.open('加减保详单',apply,model,0)">导出详单</el-button> | 
|---|
|  |  |  | <el-button type="primary" v-if="model.status == 0" @click="getSignLink(0)">签署申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="[0, 1, 3, 7].includes(model.status) && model.solutionType == 0" type="danger" @click="$refs.add_subtract_return.open('申请退回', { id: modelId })">申请退回</el-button> | 
|---|
|  |  |  | <el-button v-if="[1,2,4,7,9].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="model.status == 2" type="primary" @click="viewPidan">查看批单</el-button> | 
|---|
|  |  |  | <el-button v-if="[5,8].includes(model.status)" type="primary" @click="closeOrder">关闭订单</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template v-else> | 
|---|
|  |  |  | <el-button type="primary" @click="$refs.ApplyChangeDetails.open('加减保详单',apply,model)">导出详单</el-button> | 
|---|
|  |  |  | <el-button v-if="[1,2,4].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button> | 
|---|
|  |  |  | <template v-if="userInfo.type ===2"> | 
|---|
|  |  |  | <el-button type="primary"  @click="$refs.ApplyChangeDetails.open('加减保详单',apply,model,0)">导出详单</el-button> | 
|---|
|  |  |  | <el-button v-if="[1,2,4,7,9].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</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.OperaApplyChangeCheckWindow.open('上传批单',model,3)">上传批单</el-button> | 
|---|
|  |  |  | <el-button  v-if="[3,4].includes(model.status)"  type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('驳回退回申请',model,5)">驳回退回申请</el-button> | 
|---|
|  |  |  | <el-button  v-if="[0,1,3,4].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button> | 
|---|
|  |  |  | <el-button  v-if="[2].includes(model.status)"  type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('修改批单',model,4)">修改批单</el-button> | 
|---|
|  |  |  | <el-button v-if=" model.solutionType == 1 && [1].includes(model.status)" type="primary" @click="$refs.ApplyChangeDetails.open('投保审核',apply,model,1)">投保审核</el-button> | 
|---|
|  |  |  | <el-button v-if=" model.solutionType == 1 && [0,1].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回申请',model,1)">退回申请</el-button> | 
|---|
|  |  |  | <el-button v-if=" model.solutionType == 1 && [7].includes(model.status)" type="danger" @click="closeOrder">关闭订单</el-button> | 
|---|
|  |  |  | <el-button v-if=" model.solutionType == 0 && [1].includes(model.status)" type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('上传批单',model,3)">上传批单</el-button> | 
|---|
|  |  |  | <el-button  v-if="model.solutionType == 0 &&[3,4].includes(model.status)"  type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('驳回退回申请',model,5)">驳回退回申请</el-button> | 
|---|
|  |  |  | <el-button  v-if="model.solutionType == 0 &&[0,1,3,4].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button> | 
|---|
|  |  |  | <el-button  v-if="model.solutionType == 0 &&[2].includes(model.status)"  type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('修改批单',model,4)">修改批单</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template  v-if="userInfo.type ===0"> | 
|---|
|  |  |  | <el-button type="primary" @click="$refs.ApplyChangeDetails.open('加减保详单',apply,model,0)">导出详单</el-button> | 
|---|
|  |  |  | <el-button v-if="[1,2,4,7,9].includes(model.status)" type="primary" @click="viewApplyFile">查看申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="[2].includes(model.status)" type="primary" @click="viewPidan">查看批单</el-button> | 
|---|
|  |  |  | <el-button v-if=" model.solutionType == 0 && [1].includes(model.status)" type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('上传批单',model,3)">上传批单</el-button> | 
|---|
|  |  |  | <el-button  v-if="model.solutionType == 0 &&[3,4].includes(model.status)"  type="primary" @click="$refs.OperaApplyChangeCheckWindow.open('驳回退回申请',model,5)">驳回退回申请</el-button> | 
|---|
|  |  |  | <el-button  v-if="model.solutionType == 0 &&[0,1,3,4].includes(model.status)" type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('退回投保',model,1)">退回投保</el-button> | 
|---|
|  |  |  | <el-button  v-if="model.solutionType == 0 &&[2].includes(model.status)"  type="danger" @click="$refs.OperaApplyChangeCheckWindow.open('修改批单',model,4)">修改批单</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | label="批单号"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="applyCode" | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | label="保单号"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="$refs.insuranceApplyDetails.open('投保详情', { id: row.applyId })">{{row.applyCode}}</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="solutionsName" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="fee" | 
|---|
|  |  |  | label="产生费用(元)"> | 
|---|
|  |  |  | label="已产生费用(元)"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <div class="desc_item_from_page"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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.companyName: (activity.creatorType==2? activity.companyName: "平台端") }}}){{activity.createDate}} | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-timeline-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | <ApplyChangeDetails ref="ApplyChangeDetails" @success="successEvent" /> | 
|---|
|  |  |  | <OperaApplyChangeCheckWindow ref="OperaApplyChangeCheckWindow" @success="successEvent" /> | 
|---|
|  |  |  | <!--    企业申请退回    --> | 
|---|
|  |  |  | <applyReturn ref="applyReturn" @success="successEvent" /> | 
|---|
|  |  |  | <!--        <applyReturn ref="applyReturn" @success="successEvent" />--> | 
|---|
|  |  |  | <add_subtract_return ref="add_subtract_return" @success="successEvent" /> | 
|---|
|  |  |  | <!--    新增投保    --> | 
|---|
|  |  |  | <OperaInsuranceApply ref="OperaInsuranceApply" @success="successEvent" /> | 
|---|
|  |  |  | <!--    加减保申请    --> | 
|---|
|  |  |  | <additionSubtractionApplication ref="additionSubtractionApplication" @success="successEvent" /> | 
|---|
|  |  |  | <!--    换厂申请    --> | 
|---|
|  |  |  | <reinsurance ref="reinsurance" @success="successEvent" /> | 
|---|
|  |  |  | <!--    更换派遣单位申请    --> | 
|---|
|  |  |  | <factoryChange ref="factoryChange" @success="successEvent" /> | 
|---|
|  |  |  | <!--    投保详情    --> | 
|---|
|  |  |  | <insuranceApplyDetails ref="insuranceApplyDetails" @success="successEvent" /> | 
|---|
|  |  |  | <!-- 修改手机号 --> | 
|---|
|  |  |  | <el-dialog | 
|---|
|  |  |  | :title="signTitle" | 
|---|
|  |  |  | :visible.sync="visiblePhone" | 
|---|
|  |  |  | width="500px" | 
|---|
|  |  |  | :modal="false" | 
|---|
|  |  |  | :show-close="false" | 
|---|
|  |  |  | :close-on-click-modal="false" | 
|---|
|  |  |  | center> | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules"> | 
|---|
|  |  |  | <el-form-item label="手机号" prop="phone"> | 
|---|
|  |  |  | <el-input v-model="form.phone" placeholder="请输入" disabled v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="验证码" prop="code"> | 
|---|
|  |  |  | <div style="width: 100%; display: flex; align-items: center;"> | 
|---|
|  |  |  | <el-input v-model="form.code" placeholder="请输入" v-trim/> | 
|---|
|  |  |  | <el-button type="primary" style="margin-left: 15px;" @click="send" v-if="num === 0">发送验证码</el-button> | 
|---|
|  |  |  | <el-button type="primary" style="margin-left: 15px;" v-else>{{num}}s</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <span slot="footer" class="dialog-footer"> | 
|---|
|  |  |  | <el-button type="primary" @click="goSignDo()">确  定</el-button> | 
|---|
|  |  |  | <el-button @click="visiblePhone=false">取 消</el-button> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  | <template v-slot:footer> | 
|---|
|  |  |  | <el-button @click="visible=false">返回</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import ApplyChangeDetails from '@/components/business/ApplyChangeDetails' | 
|---|
|  |  |  | import OperaApplyChangeCheckWindow from '@/components/business/OperaApplyChangeCheckWindow' | 
|---|
|  |  |  | import additionSubtractionApplication from '@/components/enterprise/additionSubtractionApplication' | 
|---|
|  |  |  | import reinsurance from '@/components/enterprise/reinsurance' | 
|---|
|  |  |  | import factoryChange from '@/components/enterprise/factoryChange' | 
|---|
|  |  |  | import applyReturn from '@/components/enterprise/applyReturn' | 
|---|
|  |  |  | import add_subtract_return from '@/components/enterprise/add_subtract_return' | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | getDetail, | 
|---|
|  |  |  | getChangeDetail, | 
|---|
|  |  |  | applyChagneDetailPage, | 
|---|
|  |  |  | getJiajianBaoSignLink | 
|---|
|  |  |  | applyChagneDetailPage | 
|---|
|  |  |  | } from '@/api/business/insuranceApply' | 
|---|
|  |  |  | import { applyChangeOpt } from '@/api/business/applyChange' | 
|---|
|  |  |  | import { applyChangeOpt , | 
|---|
|  |  |  | getChangeMemberListOnlineSignLink} from '@/api/business/applyChange' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | import {sendSms} from "@/api/business/smsEmail"; | 
|---|
|  |  |  | import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow' | 
|---|
|  |  |  | import { mapState } from 'vuex' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaApplyChangeDetailWindow', | 
|---|
|  |  |  | name: 'OperaApplyChangeDetailWindow1', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | GlobalWindow, | 
|---|
|  |  |  | ApplyChangeDetails, | 
|---|
|  |  |  | OperaApplyChangeCheckWindow, | 
|---|
|  |  |  | applyReturn, | 
|---|
|  |  |  | add_subtract_return, | 
|---|
|  |  |  | OperaInsuranceApply, | 
|---|
|  |  |  | additionSubtractionApplication, | 
|---|
|  |  |  | factoryChange | 
|---|
|  |  |  | reinsurance, | 
|---|
|  |  |  | factoryChange, | 
|---|
|  |  |  | insuranceApplyDetails: () => import ('@/components/business/OperaInsuranceApplyWindow') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | 
|---|
|  |  |  | dataId:null, | 
|---|
|  |  |  | modelId:null, | 
|---|
|  |  |  | apply:{}, | 
|---|
|  |  |  | num: 0, | 
|---|
|  |  |  | timer: null, | 
|---|
|  |  |  | signTitle: '手机号验证', | 
|---|
|  |  |  | model: {}, | 
|---|
|  |  |  | visiblePhone: false, | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | businessId: null, | 
|---|
|  |  |  | phone: this.$store.state.userInfo.company? this.$store.state.userInfo.company.phone:null, | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | editDate: '' | 
|---|
|  |  |  | editDate: '', | 
|---|
|  |  |  | code:null | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | 
|---|
|  |  |  | memberName: '', | 
|---|
|  |  |  | types: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | reverse: true, | 
|---|
|  |  |  | reverse: false, | 
|---|
|  |  |  | radio: 0, | 
|---|
|  |  |  | activities: [], | 
|---|
|  |  |  | tableData: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.dataId = target.applyId | 
|---|
|  |  |  | this.modelId = target.id | 
|---|
|  |  |  | this.model={} | 
|---|
|  |  |  | this.apply={} | 
|---|
|  |  |  | this.form.businessId = target.id | 
|---|
|  |  |  | this.num=0 | 
|---|
|  |  |  | this.timer=null | 
|---|
|  |  |  | this.getDetail() | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | send () { | 
|---|
|  |  |  | sendSms({ | 
|---|
|  |  |  | phone: this.form.phone | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.num = 60 | 
|---|
|  |  |  | this.setTime() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | setTime () { | 
|---|
|  |  |  | this.timer = setInterval(() => { | 
|---|
|  |  |  | if (this.num === 0) { | 
|---|
|  |  |  | clearInterval(this.timer) | 
|---|
|  |  |  | this.timer = null | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.num = this.num - 1 | 
|---|
|  |  |  | }, 1000) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getSignLink (flag) { | 
|---|
|  |  |  | this.signTitle = '签署申请单' | 
|---|
|  |  |  | this.form.type = flag | 
|---|
|  |  |  | this.visiblePhone = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.form.resetFields() | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | goSignDo(){ | 
|---|
|  |  |  | this.$refs.form.validate((valid) => { | 
|---|
|  |  |  | if (!valid) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.isWorking = true | 
|---|
|  |  |  | if(this.form.type===0){ | 
|---|
|  |  |  | getChangeMemberListOnlineSignLink(this.form).then(res => { | 
|---|
|  |  |  | setTimeout(() => { | 
|---|
|  |  |  | this.visiblePhone=false | 
|---|
|  |  |  | window.open(res) | 
|---|
|  |  |  | }, 500) | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | this.$tip.apiFailed(err) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | resetting() { | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | closeOrder() { | 
|---|
|  |  |  | this.$confirm('确认关闭次保单吗?', '提示', { | 
|---|
|  |  |  | this.$confirm('确认关闭此订单吗?', '提示', { | 
|---|
|  |  |  | confirmButtonText: '确定', | 
|---|
|  |  |  | cancelButtonText: '取消', | 
|---|
|  |  |  | type: 'warning' | 
|---|
|  |  |  | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: this.currentPage, | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | applyChangId: this.modelId, | 
|---|
|  |  |  | applyChangeId: this.modelId, | 
|---|
|  |  |  | types:[ this.activeName] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.activeName = e.index | 
|---|
|  |  |  | this.resetting() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | goSign(){ | 
|---|
|  |  |  | getJiajianBaoSignLink({id:this.modelId}).then(res => { | 
|---|
|  |  |  | setTimeout(() => { | 
|---|
|  |  |  | window.open(res) | 
|---|
|  |  |  | }, 500); | 
|---|
|  |  |  | }).catch(err => { | 
|---|
|  |  |  | this.$tip.apiFailed(err) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | viewApplyFile(){ | 
|---|
|  |  |  | if(this.model.applyFile && this.model.applyFile.fileurlFull){ | 
|---|
|  |  |  | window.open(this.model.applyFile.fileurlFull) | 
|---|
|  |  |  | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | margin-bottom: 10px; | 
|---|
|  |  |  | .desc_item_label_left { | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | span { | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | color: black; | 
|---|