|  |  |  | 
|---|
|  |  |  | <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 || model.status === 6">保单状态:已关闭</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 || 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 === 7 || 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.reinsurance.open('加减保申请', {id: dataId, applyChangId: modelId})">再次投保</el-button> | 
|---|
|  |  |  | <el-button type="primary" v-if="model.status == 0" @click="goSign">签署申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="[0, 1, 2, 3, 7].includes(model.status)" type="primary" @click="$refs.add_subtract_return.open('申请退回', { id: modelId })">申请退回</el-button> | 
|---|
|  |  |  | <el-button type="primary" v-if="model.status == 0" @click="$refs.operaverifyPhoneNumberWindew.open('验证手机号')">签署申请单</el-button> | 
|---|
|  |  |  | <el-button v-if="[0, 1, 3, 7].includes(model.status)" type="danger" @click="$refs.add_subtract_return.open('申请退回', { id: modelId })">申请退回</el-button> | 
|---|
|  |  |  | <el-button v-if="model.status == 5" 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> | 
|---|
|  |  |  | 
|---|
|  |  |  | 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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <reinsurance ref="reinsurance" @success="successEvent" /> | 
|---|
|  |  |  | <!--    换厂申请    --> | 
|---|
|  |  |  | <factoryChange ref="factoryChange" @success="successEvent" /> | 
|---|
|  |  |  | <!--    投保详情    --> | 
|---|
|  |  |  | <insuranceApplyDetails ref="insuranceApplyDetails" @success="successEvent" /> | 
|---|
|  |  |  | <!--    验证手机号    --> | 
|---|
|  |  |  | <operaverifyPhoneNumberWindew ref="operaverifyPhoneNumberWindew" @success="goSign" /> | 
|---|
|  |  |  | <template v-slot:footer> | 
|---|
|  |  |  | <el-button @click="visible=false">返回</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | 
|---|
|  |  |  | import reinsurance from '@/components/enterprise/reinsurance' | 
|---|
|  |  |  | import factoryChange from '@/components/enterprise/factoryChange' | 
|---|
|  |  |  | import add_subtract_return from '@/components/enterprise/add_subtract_return' | 
|---|
|  |  |  | // import insuranceApplyDetails from '@/components/business/OperaInsuranceApplyWindow' | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | getDetail, | 
|---|
|  |  |  | getChangeDetail, | 
|---|
|  |  |  | 
|---|
|  |  |  | } from '@/api/business/insuranceApply' | 
|---|
|  |  |  | import { applyChangeOpt } from '@/api/business/applyChange' | 
|---|
|  |  |  | import OperaInsuranceApply from '@/components/enterprise/OperaInsuranceApplyWindow' | 
|---|
|  |  |  | import operaverifyPhoneNumberWindew from '@/components/business/operaverifyPhoneNumberWindew' | 
|---|
|  |  |  | import { mapState } from 'vuex' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaApplyChangeDetailWindow', | 
|---|
|  |  |  | name: 'OperaApplyChangeDetailWindow1', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | GlobalWindow, | 
|---|
|  |  |  | 
|---|
|  |  |  | add_subtract_return, | 
|---|
|  |  |  | OperaInsuranceApply, | 
|---|
|  |  |  | reinsurance, | 
|---|
|  |  |  | factoryChange | 
|---|
|  |  |  | factoryChange, | 
|---|
|  |  |  | operaverifyPhoneNumberWindew, | 
|---|
|  |  |  | insuranceApplyDetails: () => import ('@/components/business/OperaInsuranceApplyWindow') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | 
|---|
|  |  |  | memberName: '', | 
|---|
|  |  |  | types: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | reverse: true, | 
|---|
|  |  |  | reverse: false, | 
|---|
|  |  |  | radio: 0, | 
|---|
|  |  |  | activities: [], | 
|---|
|  |  |  | tableData: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: this.currentPage, | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | applyChangId: this.modelId, | 
|---|
|  |  |  | applyChangeId: this.modelId, | 
|---|
|  |  |  | types:[ this.activeName] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | margin-bottom: 10px; | 
|---|
|  |  |  | .desc_item_label_left { | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | span { | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | color: black; | 
|---|