git ch

k94314517

2025-07-04 50fb58286ed3b718c39a97e0987ee7561a295651

 company/src/components/business/OperaSettleClaimsWindow.vue

@@ -2,840 +2,1249 @@
    <GlobalWindow
        :title="title"
        width="100%"
        :withFooter="false"
        :visible.sync="visible"
        :confirm-working="isWorking"
        @confirm="confirm"
    >
        <div class="desc">
            <div class="desc_label">
                <div class="desc_label_left">
                    <span class="desc_label_left_title">
                        报案详情
                    </span>
                    <span class="desc_label_left_time" :style="contrast(model.createDate, model.baoxianEndTime) ? 'rgba(249, 86, 1, 0.996)' : 'black'">
                        报案日期：{{ model.createDate }}
                    </span>
                    <span class="desc_label_left_code">
                        报案号：{{ model.reportNum || '-' }}
                    </span>
                </div>
                <div class="desc_label_right">
                    <template v-if="userInfo.type === 0">
                        <el-button type="primary" v-if="model.status !=1 && model.status !=4" @click="$refs.operaInsuranceApplyCheckWindow.open('添加报案号',model,remarkLogList,1)">添加报案号</el-button>
                        <el-button type="primary" v-if="model.status !=1 && model.status !=4"  @click="$refs.operaInsuranceApplyCheckWindow.open('理赔处理',model,remarkLogList,2)">理赔处理</el-button>
                        <el-button type="primary" v-if="model.status !=1 && model.status !=4"  @click="$refs.operaInsuranceApplyCheckWindow.open('结案提交',model,remarkLogList,4)">结案提交</el-button>
                        <el-button type="danger" v-if="model.status !=1 && model.status !=4" @click="$refs.operaInsuranceApplyCheckWindow.open('撤销申请',model,remarkLogList,3)">撤销申请</el-button>
                    </template>
                    <template v-else>
                        <el-button type="primary" @click="edit" v-if="model.status === 0">修改信息</el-button>
                        <el-button type="primary" @click="$refs.supplementaryExplanation.open('补充说明', model.id)" v-if="model.status === 0">补充说明</el-button>
                    </template>
        <div class="box" v-if="info">
            <div class="box_status">
                <div class="box_status_row" v-for="(item, index) in info.parentStatusVOList" :key="index">
                    <div v-if="info.parentStatusVOList.length - 1 !== index" :class="item.optDate ? 'box_status_row_xian statusColor1' : 'box_status_row_xian'"></div>
                    <div :class="item.optDate ? 'box_status_row_icon statusColor1' : info.parentStatusVOList[index - 1].optDate ? 'box_status_row_icon statusColor2 statusColor3' : 'box_status_row_icon'"></div>
                    <div class="box_status_row_info">
                        <div class="title">{{item.parentTitle}}</div>
                        <div class="info" v-if="item.childTitle">{{item.childTitle}}</div>
                        <div class="info" v-if="item.optDate">{{item.optDate}}</div>
                    </div>
                </div>
            </div>
            <div class="desc_list">
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        出险人姓名：
                    </div>
                    <div class="desc_list_item_val">
                      {{model.memberName}}
                    </div>
            <div class="box_dk" v-if="[13].includes(info.status)">
                <div class="box_dk_title">
                    <i class="el-icon-success"></i>
                    <span style="font-weight: bold">已打款</span>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        出险人身份证号：
                <div class="box_dk_list">
                    <div class="box_dk_list_row">
                        <div class="box_dk_list_row_label">打款时间：</div>
                        <div class="box_dk_list_row_value">{{info.refuseSettleClaimsLog.createDate}}</div>
                    </div>
                    <div class="desc_list_item_val">
                      {{ model.memberIdcardNo }}
                    <div class="box_dk_list_row">
                        <div class="box_dk_list_row_label">打款说明：</div>
                        <div class="box_dk_list_row_value">{{info.refuseSettleClaimsLog.content}}</div>
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        事故发生时间：
                    </div>
                    <div class="desc_list_item_val" :style="contrast24(model.createDate, model.baoxianStartTime) ? 'rgba(249, 86, 1, 0.996)' : 'black'">
                      {{ model.createDate }}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        所属保单号：
                    </div>
                    <div class="desc_list_item_val" style="cursor: pointer; color: rgba(39, 157, 255, 0.968627450980392);">
                      {{ model.applyCode || '-' }}
                        <el-button v-if="model.baoxiandanFile && model.baoxiandanFile.fileurlFull" type="primary" style="margin-left: 10px;" @click="openBaoxiandan">查看保险单</el-button>
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        保险生效起期：
                    </div>
                    <div class="desc_list_item_val">
                      {{ model.baoxianStartTime }}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        保险生效止期：
                    </div>
                    <div class="desc_list_item_val">
                      {{ model.baoxianEndTime }}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        派遣单位：
                    </div>
                    <div class="desc_list_item_val">
                      {{ model.duName }}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        所属工种：
                    </div>
                    <div class="desc_list_item_val">
                      {{ model.worktypeName }}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        就诊医疗机构：
                    </div>
                    <div class="desc_list_item_val">
                      {{ model.hospital }}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        事故类型：
                    </div>
                    <div class="desc_list_item_val"  v-if="model.medicalInsurance ===1">上下班途中受伤</div>
                    <div class="desc_list_item_val" v-else-if="model.medicalInsurance ===2">非工作时间受伤</div>
                    <div class="desc_list_item_val"  v-else-if="model.medicalInsurance ===3">意外受</div>
                    <div class="desc_list_item_val"  v-else>工作期间受伤</div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        是否住院：
                    </div>
                    <div class="desc_list_item_val">
                        <div class="desc_list_item_val"  v-if="model.inHospital ===1">是</div>
                        <div class="desc_list_item_val"  v-else>否</div>
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        是否有医疗保险：
                    </div>
                    <div class="desc_list_item_val">{{ model.medicalInsurance ===1?"是":"否" }}</div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        出险地区：
                    </div>
                    <div class="desc_list_item_val">
                      {{model.areaInfo}}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label">
                        报案人姓名：
                    </div>
                    <div class="desc_list_item_val">
                      {{model.informantName}}
                    </div>
                </div>
                <div class="desc_list_item">
                    <div class="desc_list_item_label"> 报案人联系方式：  </div>
                    <div class="desc_list_item_val">  {{model.informantPhone}} </div>
                </div>
                <div class="desc_list_item" style="width: 100%;">
                    <div class="desc_list_item_label"> 事故描述： </div>
                    <div class="desc_list_item_val">{{model.content}}</div>
                </div>
                <div class="desc_list_item" style="width: 100%;">
                    <div class="desc_list_item_label">
                        报案视频：
                    </div>
                    <div class="desc_list_item_videos" v-if="model.reportFileList && model.reportFileList.length > 0">
                        <div class="desc_list_item_imgs_video" v-for="(item, index) in model.reportFileList" :key="index">
                            <img :src="item.fileurlFull" v-if="item.type === 2" />
                            <video controls autoplay :src="item.fileurlFull" v-if="item.type === 1"></video>
                    <div class="box_dk_list_row">
                        <div class="box_dk_list_row_label">打款凭证：</div>
                        <div class="box_dk_list_row_l" v-if="info.payFileList">
                            <div class="box_dk_list_row_l_img" v-for="(item, index) in info.payFileList" :key="index">
                                <el-image
                                    style="width: 80px; height: 80px"
                                    :src="item.fileurlFull"
                                    :preview-src-list="[item.fileurlFull]">
                                </el-image>
                            </div>
                        </div>
                    </div>
                    <div v-else class="desc_list_item_videos">-</div>
                </div>
            </div>
            <div class="desc_xian"></div>
            <div class="desc_label">
                <div class="desc_label_left">
                    <span class="desc_label_left_title">
                        理赔资料
                    </span>
                    <span v-if="doneFileDate!=null" class="desc_label_left_time" style="color: black">
                        资料完成日期：{{doneFileDate}}
                    </span>
            <template v-if="userInfo.type === 1">
                <div class="box_tui" v-if="[9].includes(info.status) && info.waitSupplement === 1">
                    <span class="box_tui_status" style="background-color: rgba(255,162,63,0.15); color: #FFA23F;">材料补充</span>
                    <div class="box_tui_title">补充说明</div>
                    <div class="box_tui_info">时间：{{info.refuseSettleClaimsLog.createDate}}</div>
                    <div class="box_tui_info">人员：平台理赔人员-{{info.refuseSettleClaimsLog.creatorName}}</div>
                    <div class="box_tui_row"><div class="yuan"></div>{{info.refuseSettleClaimsLog.content}}</div>
                </div>
                <div class="desc_label_right">
                    <template v-if="userInfo.type === 0">
                        <el-button type="primary"  v-if="model.status !=1 && model.status !=4"  @click="$refs.operaInsuranceApplyCheckWindow.open('备注标签',model,remarkLogList,5)">备注标签</el-button>
                        <el-button type="primary"  v-if="model.status !=1 && model.status !=4" @click="submit(0)">资料确认</el-button>
                    </template>
                    <el-button type="primary"  @click="submit(1)">资料下载</el-button>
                <div class="box_tui" v-if="[6,8].includes(info.status)">
                    <span class="box_tui_status">已拒绝</span>
                    <div class="box_tui_title">拒绝原因</div>
                    <div class="box_tui_info">时间：{{info.refuseSettleClaimsLog.createDate}}</div>
                    <div class="box_tui_info">人员：平台理赔人员-{{info.refuseSettleClaimsLog.creatorName}}</div>
                    <div class="box_tui_row"><div class="yuan"></div>{{info.refuseSettleClaimsLog.content}}</div>
                </div>
                <div class="box_tui" v-if="[4].includes(info.status)">
                    <span class="box_tui_status">已退回</span>
                    <div class="box_tui_title">退回说明</div>
                    <div class="box_tui_info">时间：{{info.refuseSettleClaimsLog.createDate}}</div>
                    <div class="box_tui_info">人员：平台理赔人员-{{info.refuseSettleClaimsLog.creatorName}}</div>
                    <div class="box_tui_row"><div class="yuan"></div>{{info.refuseSettleClaimsLog.content}}</div>
                </div>
                <div class="box_comInfo" v-if="[10,11,12,13].includes(info.status)">
                    <div class="box_comInfo_title">
                        <i class="el-icon-info"></i>
                        <span>重要提示</span>
                    </div>
                    <div class="box_comInfo_text">
                        <span>• 赔付款项将在确认后 1-3 个工作日内到账</span>
                        <span>• 请确认收款账户信息准确无误</span>
                        <span>• 如有疑问请及时联系客服 0551-77738493</span>
                    </div>
                </div>
                <div class="box_price" v-if="[10,11,12,13].includes(info.status)">
                    <span class="box_price_title" v-if="[11].includes(info.status) && info.feeUpdate === 1">赔付金额已变更</span>
                    <span class="box_price_title" v-else-if="[11].includes(info.status) && info.feeUpdate === 0">赔付金额已确认</span>
                    <span class="box_price_title" v-else>赔付金额已确认</span>
                    <span class="box_price_jine">¥{{info.hpAccount + info.hpOtherAccount}}</span>
                    <el-button type="text" style="margin-bottom: 5px;" @click="$refs.compensationDetails.open('赔付详情', info.hpAccountContent)">查看赔付详情</el-button>
                    <el-button type="primary" @click="confirmFeeInfo" v-if="[11].includes(info.status)">确认</el-button>
                </div>
                <div class="box_sinfo" v-if="[10,11,12].includes(info.status)">
                    <div class="box_sinfo_title">
                        <span>收款信息</span>
                        <span @click="$refs.paymentInformation.open('修改收款信息', {
                            id: info.id,
                            receiveBank: info.receiveBank,
                            receiveAccount: info.receiveAccount,
                            receiveUserName: info.receiveUserName
                        })">修改</span>
                    </div>
                    <div class="box_sinfo_row">
                        <div class="box_sinfo_row_label">开户银行：</div>
                        <div class="box_sinfo_row_val">{{info.receiveBank}}</div>
                    </div>
                    <div class="box_sinfo_row">
                        <div class="box_sinfo_row_label">账号：</div>
                        <div class="box_sinfo_row_val">{{info.receiveAccount}}</div>
                    </div>
                    <div class="box_sinfo_row">
                        <div class="box_sinfo_row_label">户名：</div>
                        <div class="box_sinfo_row_val">{{info.receiveUserName}}</div>
                    </div>
                </div>
            </template>
            <div class="box_desc" v-if="[11,12,13].includes(info.status) && userInfo.type === 0">
                <div class="box_desc_head">
                    <div class="box_desc_title" v-if="[11].includes(info.status)">
                        <i class="el-icon-success" style="color: #FF9502;"></i>
                        <span class="box_desc_title_val" style="color: #FF9502;">核赔待确认</span>
                    </div>
                    <div class="box_desc_title" v-else>
                        <i class="el-icon-success" style="color: #34C758;"></i>
                        <span class="box_desc_title_val" style="color: #34C758;">核赔已确认</span>
                    </div>
                </div>
                <div class="box_desc_ls">
                    <span>核赔赔付金额合计：</span>
                    <span>¥{{info.hpAccount + info.hpOtherAccount}}</span>
                </div>
                <div class="box_desc_lslist">
                    <div class="box_desc_lslist_title">赔付详情</div>
                    <div class="box_desc_lslist_l">
                        <div class="box_desc_lslist_l_row" v-for="(item, index) in JSON.parse(info.hpAccountContent).filter(row => row.type === 0)" :key="index">
                            <span>{{item.name}}</span>
                            <span>{{item.fee}}</span>
                            <span>{{item.describe}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="desc_data">
                <div class="desc_data_label">1. 员工关系证明资料</div>
                <div class="desc_data_list">
                    <template v-if="model.relationFileList && model.relationFileList.length > 0">
                      <div class="desc_data_list_item" v-for="(item, index) in model.relationFileList" :key="index">
                        <div class="desc_data_list_item_dele" @click="delFile(item.id)">删除</div>
                        <div class="desc_data_list_item_img" v-if="item.type == 0 && item.fileurlFull != null">
                          <img :src="item.fileurlFull" />
            <div class="box_desc" v-if="[10,11,12,13].includes(info.status) && userInfo.type === 0">
                <div class="box_desc_head">
                    <div class="box_desc_title">
                        <i class="el-icon-success"></i>
                        <span class="box_desc_title_val" style="color: #34C758;">理算完成</span>
                    </div>
                </div>
                <div class="box_desc_ls">
                    <span>理算赔付金额合计：</span>
                    <span>¥{{info.claimAccount + info.otherAccount}}</span>
                </div>
                <div class="box_desc_lslist">
                    <div class="box_desc_lslist_title">赔付详情</div>
                    <div class="box_desc_lslist_l">
                        <div class="box_desc_lslist_l_row" v-for="(item, index) in JSON.parse(info.accountContent).filter(row => row.type === 0)" :key="index">
                            <span>{{item.name}}</span>
                            <span>{{item.fee}}</span>
                            <span>{{item.describe}}</span>
                        </div>
                        <div class="desc_data_list_item_img" v-if="item.type == 1 && item.fileurlFull != null">
                            <video controls :src="item.fileurlFull" />
                    </div>
                </div>
            </div>
            <div class="box_desc">
                <div class="box_desc_head">
                    <div class="box_desc_title">
                        <span class="box_desc_title_val">报案详情</span>
                        <div class="box_desc_title_zt" v-if="info.statusName">{{info.statusName}}</div>
                        <div class="box_desc_title_tips" @click="$refs.riskCaseReminder.open('风险案件提醒', info.riskContent)" v-if="info.isRisk === 1">
                            <i class="el-icon-warning"></i>
                            <span>风险案件</span>
                        </div>
                        <div class="desc_data_list_item_info">
                          <span>{{ item.name }}</span>
                          <span>操作员-{{ item.creatorName }}</span>
                          <span>{{ item.createDate }}</span>
                        </div>
                      </div>
                    </template>
                  <template v-else>
                    <span style=" width:100%;text-align:center;color: #8c939d;font-size: 12px" v-if="model.status ==2 || model.status ==4">暂无数据</span>
                  </template>
                    <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 2)" />
<!--                    <div class="desc_data_list_item">-->
<!--                      <UploadFileCommon :uploadData="{ folder: 'settle' }" />-->
<!--                      <div class="desc_data_list_item_upload">-->
<!--                            <el-button type="primary">上传</el-button>-->
<!--                            <el-button>取消</el-button>-->
                        <template v-if="userInfo.type === 0">
                            <el-select v-model="info.caseType" @change="setCaseType" style="width: 100px;" placeholder="案件类型" v-if="[9,10,11,12].includes(info.status)">
                                <el-option label="医疗" :value="1"></el-option>
                                <el-option label="伤残" :value="2"></el-option>
                                <el-option label="死亡" :value="3"></el-option>
                            </el-select>
                        </template>
                    </div>
                    <div class="box_desc_btns">
                        <template v-if="userInfo.type === 1">
                            <el-button type="danger" @click="revoke()" v-if="[1,2,3,4,5,9,7,10].includes(info.status)">撤销报案</el-button>
                            <el-button type="primary" @click="$refs.additionMaterial_ba.open('补充材料', info.id)" v-if="[9].includes(info.status) && info.waitSupplement === 1">补充材料</el-button>
                        </template>
                        <template v-if="userInfo.type === 0">
                            <el-button type="danger" @click="returnCase" v-if="[1,2].includes(info.status)">退回</el-button>
                            <el-button type="primary" @click="register" v-if="[1,2].includes(info.status)">立案</el-button>
                            <el-button type="primary" @click="$refs.acceptance.open('案件受理', info.id)" v-if="[3,5].includes(info.status)">受理</el-button>
                            <el-button type="primary" @click="addRemark" v-if="![0,1,2,4,14].includes(info.status)">备注</el-button>
                            <el-button type="primary" @click="addReport(1)" v-if="[3,9].includes(info.status) && info.reportNumStatus === 0">添加报案号</el-button>
                            <el-button type="primary" @click="addReport(2)" v-if="[9].includes(info.status) && info.reportNumStatus === 1">编辑报案号</el-button>
                            <el-button type="primary" @click="$refs.adjustment.open('理算', info.id, 1)" v-if="[9].includes(info.status)">理算</el-button>
                            <el-button type="primary" @click="$refs.adjustment.open('重新理算', info.id, 1)" v-if="[10].includes(info.status)">重新理算</el-button>
                            <el-button type="primary" @click="$refs.adjustment.open('核赔', info.id, 2)" v-if="[10].includes(info.status)">核赔</el-button>
                            <el-button type="primary" @click="$refs.adjustment.open('修改金额', info.id, 2)" v-if="[11,12].includes(info.status)">修改金额</el-button>
                            <el-button type="primary" @click="$refs.makePayment.open('打款', info.id)" v-if="[12].includes(info.status)">打款</el-button>
                            <el-button type="primary" @click="$refs.discussAudit.open('商议审批', info.id)" v-if="[7].includes(info.status)">商议审批</el-button>
                            <el-button type="primary" @click="supplementaryMaterials" v-if="[9].includes(info.status)">补充材料</el-button>
                            <el-button type="primary" @click="$refs.additionMaterial_ba.open('添加材料', info.id)" v-if="[9,10].includes(info.status)">添加材料</el-button>
                        </template>
                        <el-button icon="el-icon-refresh-left" type="primary" title="查看案件进度" circle @click="$refs.caseProgress.open('案件进度', info.settleClaimsLogList)" v-if="![0].includes(info.status)"></el-button>
                    </div>
                </div>
                <div class="box_desc_list">
                    <div class="box_desc_list_row">
                        报案时间：{{info.createDate}}
                    </div>
                    <div class="box_desc_list_row">
                        报案号：{{info.code}}
                    </div>
                    <div class="box_desc_list_row">
                        保司报案号：{{info.reportNum}}
                    </div>
                    <div class="box_desc_list_row">
                        所属保单：{{info.applyCode}}
                    </div>
                    <div class="box_desc_list_row">
                        报案人：{{info.informantName}}
                    </div>
                    <div class="box_desc_list_row">
                       报案人联系方式：{{info.informantPhone}}
                    </div>
                    <div class="box_desc_list_zw"></div>
                </div>
            </div>
            <div class="box_fx" v-if="info.isRisk === 1 && showIsRisk ===true ">
                <div class="box_fx_left">
                    <i class="el-icon-warning"></i>
                    <span class="box_fx_left_a">注意，该案件有{{info.riskContent.length}}条风险信息</span>
                    <span class="box_fx_left_b" @click="$refs.riskCaseReminder.open('风险案件提醒', info.riskContent)">查看详情</span>
                </div>
                <i class="el-icon-close" @click="closeRiskTip"></i>
            </div>
            <div class="box_desc">
                <div class="box_desc_head">
                    <div class="box_desc_title">
                        <span class="box_desc_title_val">出险人信息</span>
                    </div>
<!--                    <div class="box_desc_btns">-->
<!--                        <div class="box_desc_btns_operate">-->
<!--                            <i class="el-icon-arrow-down"></i>-->
<!--                            <span>收起</span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
                </div>
                <div class="box_desc_list">
                    <div class="box_desc_list_row">
                        出险人姓名：{{info.memberName}}
                    </div>
                    <div class="box_desc_list_row">
                        出险人身份证号：{{info.idcardNo}}
                    </div>
                    <div style="width: 33%; height: 0;"></div>
                </div>
                <div class="box_desc_head">
                    <div class="box_desc_title">
                        <span class="box_desc_title_val">保险方案</span>
                    </div>
                </div>
                <div class="box_desc_f">
                    <div class="box_desc_fa">
                        <div class="box_desc_fa_title">{{info.solutionName}}</div>
                        <div class="box_desc_fa_row">保单号：{{info.applyCode}}</div>
                        <div class="box_desc_fa_row">保障期限：{{info.baoxianStartTime}}～{{info.baoxianEndTime}}</div>
                        <div class="box_desc_fa_row">投保单位：{{info.companyName}}</div>
                        <div class="box_desc_fa_row">派遣单位：{{info.duName}}</div>
                        <div class="box_desc_fa_row">所属工种：{{info.worktypeName}}</div>
                    </div>
                </div>
                <div class="box_desc_head">
                    <div class="box_desc_title">
                        <span class="box_desc_title_val">出险信息</span>
                    </div>
                </div>
                <div class="box_desc_list">
                    <div class="box_desc_list_row">
                        出险时间：{{info.happenTime}}
                    </div>
                    <div class="box_desc_list_row">
                        就诊医疗机构：{{info.hospital}}
                    </div>
                    <div class="box_desc_list_row">
                        出险地区：{{info.areaInfo}}
                    </div>
                    <div class="box_desc_list_row" style="width: 100%;">
                        出险经过：{{info.content}}
                    </div>
                    <div class="box_desc_list_row" style="width: 100%;">
                        事故类型：{{returnType(info.type)}}
                    </div>
                    <div class="box_desc_list_row">
                        是否伤残：{{returnName(info.hurtType)}}
                    </div>
                    <div class="box_desc_list_row">
                        是否有医保：{{returnName(info.medicalInsurance)}}
                    </div>
                    <div class="box_desc_list_row">
                        就诊类型：{{returnInHospital(info.inHospital)}}
                    </div>
                    <div class="box_desc_list_zw"></div>
                    <div class="box_desc_list_img">
                        <span>事故视频/照片：</span>
                        <div class="box_desc_list_img_files">
                            <PreviewArea :list="info.reportFileList || []" />
                        </div>
                    </div>
                </div>
                <div class="box_desc_head" style="margin-top: 30px;">
                    <div class="box_desc_title">
                        <span class="box_desc_title_val">收款信息</span>
                    </div>
                </div>
                <div class="box_desc_list">
                    <div class="box_desc_list_row">
                        收款银行：{{info.receiveBank}}
                    </div>
                    <div class="box_desc_list_row">
                        收款人：{{info.receiveUserName}}
                    </div>
                    <div class="box_desc_list_row">
                        收款账号：{{info.receiveAccount}}
                    </div>
                </div>
            </div>
            <div class="desc_data">
                <div class="desc_data_label">2. 医疗资料</div>
                <div class="desc_data_cate">
                    <el-tabs v-model="activeName" @tab-click="handleClick">
                        <el-tab-pane label="门诊" name="first"></el-tab-pane>
                        <el-tab-pane label="住院资料" name="second"></el-tab-pane>
                        <el-tab-pane label="伤残" name="third"></el-tab-pane>
                    </el-tabs>
                </div>
                <div class="desc_data_list" v-if="activeName === 'first'">
                  <template v-if="model.outpatientFileList && model.outpatientFileList">
                    <div class="desc_data_list_item" v-for="(item, index) in model.outpatientFileList" :key="index">
                      <div class="desc_data_list_item_dele" @click="delFile(item.id)">删除</div>
                        <div class="desc_data_list_item_img" v-if="item.type == 0 && item.fileurlFull != null">
                            <img :src="item.fileurlFull" />
                        </div>
                        <div class="desc_data_list_item_img" v-if="item.type == 1 && item.fileurlFull != null">
                            <video controls :src="item.fileurlFull" />
                        </div>
                      <div class="desc_data_list_item_info">
                        <span>{{ item.name }}</span>
                        <span>操作员-{{ item.creatorName }}</span>
                        <span>{{ item.createDate }}</span>
                      </div>
            <div class="box_desc">
                <div class="box_desc_head">
                    <div class="box_desc_title">
                        <span class="box_desc_title_val">理赔材料</span>
                    </div>
                  </template>
                  <template v-else>
                    <span style=" width:100%;text-align:center;color: #8c939d;font-size: 12px" v-if="model.status ==2 || model.status ==4">暂无数据</span>
                  </template>
                    <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 3)" />
<!--                    <div class="desc_data_list_item">-->
<!--                        <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">-->
<!--                            <i class="el-icon-plus"></i>-->
<!--                        </div>-->
<!--                        <div class="desc_data_list_item_upload">-->
<!--                            <el-button type="primary">上传</el-button>-->
<!--                            <el-button>取消</el-button>-->
<!--                    <div class="box_desc_btns">-->
<!--                        <div class="box_desc_btns_operate">-->
<!--                            <i class="el-icon-arrow-down"></i>-->
<!--                            <span>收起</span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
                </div>
                <div class="desc_data_list" v-else-if="activeName === 'second'">
                  <template v-if="model.hospitalFileList && model.hospitalFileList">
                    <div class="desc_data_list_item" v-for="(item, index) in model.hospitalFileList" :key="index">
                      <div class="desc_data_list_item_dele" @click="delFile(item.id)">删除</div>
                        <div class="desc_data_list_item_img" v-if="item.type == 0 && item.fileurlFull != null">
                            <img :src="item.fileurlFull" />
                        </div>
                        <div class="desc_data_list_item_img" v-if="item.type == 1 && item.fileurlFull != null">
                            <video controls :src="item.fileurlFull" />
                        </div>
                      <div class="desc_data_list_item_info">
                        <span>{{ item.name }}</span>
                        <span>操作员-{{ item.creatorName }}</span>
                        <span>{{ item.createDate }}</span>
                      </div>
                <div class="box_desc_cailiao">
                    <div class="box_desc_cailiao_title">
                        <div class="box_desc_cailiao_title_x"></div>
                        <span>员工关系证明材料</span>
                    </div>
                  </template>
                  <template v-else>
                      <span style=" width:100%;text-align:center;color: #8c939d;font-size: 12px" v-if="model.status ==2 || model.status ==4">暂无数据</span>
                  </template>
                    <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 4)" />
<!--                    <div class="desc_data_list_item">-->
<!--                        <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">-->
<!--                            <i class="el-icon-plus"></i>-->
<!--                        </div>-->
<!--                        <div class="desc_data_list_item_upload">-->
<!--                            <el-button type="primary">上传</el-button>-->
<!--                            <el-button>取消</el-button>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
                </div>
                <div class="desc_data_list" v-else-if="activeName === 'third'">
                  <template v-if="model.disabilityFileList && model.disabilityFileList">
                    <div class="desc_data_list_item" v-for="(item, index) in model.disabilityFileList" :key="index">
                      <div class="desc_data_list_item_dele" @click="delFile(item.id)">删除</div>
                        <div class="desc_data_list_item_img" v-if="item.type == 0 && item.fileurlFull != null">
                            <img :src="item.fileurlFull" />
                        </div>
                        <div class="desc_data_list_item_img" v-if="item.type == 1 && item.fileurlFull != null">
                            <video controls :src="item.fileurlFull" />
                        </div>
                      <div class="desc_data_list_item_info">
                        <span>{{ item.name }}</span>
                        <span>操作员-{{ item.creatorName }}</span>
                        <span>{{ item.createDate }}</span>
                      </div>
                    <div class="box_desc_cailiao_list">
                        <PreviewArea :list="info.relationFileList || []" />
                    </div>
                  </template>
                  <template v-else>
                    <span style=" width:100%;text-align:center;color: #8c939d;font-size: 12px" v-if="model.status ==2 || model.status ==4">暂无数据</span>
                  </template>
                    <upload  v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 5)" />
<!--                    <div class="desc_data_list_item">-->
<!--                      <UploadFileCommon :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" />-->
<!--&lt;!&ndash;                      <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">-->
<!--                            <i class="el-icon-plus"></i>-->
<!--                        </div>&ndash;&gt;-->
<!--                        <div class="desc_data_list_item_upload">-->
<!--                            <el-button type="primary">上传</el-button>-->
<!--                            <el-button>取消</el-button>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
                </div>
            </div>
            <div class="desc_data">
                <div class="desc_data_label">3. 赔付结案资料</div>
                <div class="desc_data_list">
                  <template v-if="model.compensationFileList && model.compensationFileList">
                    <div class="desc_data_list_item" v-for="(item, index) in model.compensationFileList" :key="index">
                      <div class="desc_data_list_item_dele" @click="delFile(item.id)">删除</div>
                        <div class="desc_data_list_item_img" v-if="item.type == 0 && item.fileurlFull != null">
                            <img :src="item.fileurlFull" />
                        </div>
                        <div class="desc_data_list_item_img" v-if="item.type == 1 && item.fileurlFull != null">
                            <video controls :src="item.fileurlFull" />
                        </div>
                      <div class="desc_data_list_item_info">
                        <span>{{ item.name }}</span>
                        <span>操作员-{{ item.creatorName }}</span>
                        <span>{{ item.createDate }}</span>
                      </div>
                <div class="box_desc_cailiao">
                    <div class="box_desc_cailiao_title">
                        <div class="box_desc_cailiao_title_x"></div>
                        <span>门诊</span>
                    </div>
                  </template>
                  <template v-else>
                    <span style=" width:100%;text-align:center;color: #8c939d;font-size: 12px" v-if="model.status ==2 || model.status ==4">暂无数据</span>
                  </template>
                    <upload v-if="model.status !=2 && model.status !=4" width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 6)" />
<!--                    <div class="desc_data_list_item">-->
<!--                        <div class="desc_data_list_item_img" style="cursor: pointer; background: #8c939d;">-->
<!--                            <i class="el-icon-plus"></i>-->
<!--                        </div>-->
<!--                        <div class="desc_data_list_item_upload">-->
<!--                            <el-button type="primary">上传</el-button>-->
<!--                            <el-button>取消</el-button>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
<!--                    <div class="desc_data_list_item1"></div>-->
                    <div class="box_desc_cailiao_list">
                        <PreviewArea :list="info.outpatientFileList || []" />
                    </div>
                </div>
            </div>
            <div class="desc_label">
                <div class="desc_label_left">
                    <span class="desc_label_left_title">
                        案件进度
                    </span>
                <div class="box_desc_cailiao">
                    <div class="box_desc_cailiao_title">
                        <div class="box_desc_cailiao_title_x"></div>
                        <span>住院</span>
                    </div>
                    <div class="box_desc_cailiao_list">
                        <PreviewArea :list="info.hospitalFileList || []" />
                    </div>
                </div>
            </div>
            <div class="desc_times">
                <el-timeline :reverse="reverse">
                    <el-timeline-item
                        v-for="(activity, index) in model.settleClaimsLogList"
                        :key="index"
                        :timestamp="activity.timestamp">
                      <div style="display: flex;  flex-direction: column;" v-if="activity.objType==3">
                                <span style="font-size: 16px; font-weight: bold; color: #0d5ada;">
                                    {{activity.title}}
                                      <span style="font-size: 16px; font-weight: bold; color: #0d5ada; margin-left: 10px;" >
                                      <span v-if=" model.ylClaimAccount &&  model.ylClaimAccount>0">医疗理赔{{ model.ylClaimAccount }}元；</span>
                                      <span v-if=" model.wgClaimAccount &&  model.wgClaimAccount>0">误工理赔{{ model.wgClaimAccount }}元；</span>
                                      <span v-if=" model.scClaimAccount &&  model.scClaimAccount>0">伤残理赔{{ model.scClaimAccount }}元；</span>
                                      <span v-if=" model.swClaimAccount &&  model.swClaimAccount>0">死亡理赔{{ model.swClaimAccount }}元；</span>
                                      理赔总额：{{ model.claimAccount }}元
                                    </span>
                                </span>
                                 <span style="margin-top: 5px; font-size: 12px; font-weight: 400; color: #999999;">
                                        {{activity.content}}
                                 </span>
                                 <span style="margin-top: 5px; font-size: 12px; font-weight: 400; color: #999999;">
                                    操作员-{{activity.creatorName}}（{{activity.creatorType==1? activity.companyName: "平台端"}}）{{activity.createDate}}
                                </span>
                      </div>
                      <div style="display: flex; flex-direction: column;" v-else>
                                <span style="font-size: 16px; font-weight: 400; color: black;">
                                    {{activity.title}}
                                    <span style="font-size: 16px; font-weight: 400; color: black; margin-left: 10px;" >
                                       {{activity.content}}
                                    </span>
                                </span>
                                 <span style="margin-top: 5px; font-size: 12px; font-weight: 400; color: #999999;">
                                    操作员-{{activity.creatorName}}（{{activity.creatorType==1? activity.companyName: "平台端"}}）{{activity.createDate}}
                                </span>
                      </div>
                    </el-timeline-item>
                </el-timeline>
                <div class="box_desc_cailiao">
                    <div class="box_desc_cailiao_title">
                        <div class="box_desc_cailiao_title_x"></div>
                        <span>伤残</span>
                    </div>
                    <div class="box_desc_cailiao_list">
                        <PreviewArea :list="info.disabilityFileList || []" />
                    </div>
                </div>
                <div class="box_desc_cailiao">
                    <div class="box_desc_cailiao_title">
                        <div class="box_desc_cailiao_title_x"></div>
                        <span>其他材料</span>
                    </div>
                    <div class="box_desc_cailiao_list">
                        <PreviewArea :list="info.otherFileList || []" />
                    </div>
                </div>
                <div class="box_desc_cailiao">
                    <div class="box_desc_cailiao_title">
                        <div class="box_desc_cailiao_title_x"></div>
                        <span>补充材料</span>
                    </div>
                    <div class="box_desc_cailiao_list">
                        <PreviewArea   :list="info.supplementFileList || []" />
                    </div>
                </div>
            </div>
        </div>
      <template v-slot:footer>
        <el-button @click="visible=false">返回</el-button>
      </template>
      <OperaSettleClaimsCheckWindow ref="operaInsuranceApplyCheckWindow"  @success="callback" />
        <!--    在线报案    -->
        <onlineReporting ref="onlineReporting" @success="callback" />
        <!--    补充说明    -->
        <supplementaryExplanation ref="supplementaryExplanation" @success="callback" />
        <!--    风险案件提醒    -->
        <RiskCaseReminder ref="riskCaseReminder" />
        <!--    案件进度    -->
        <CaseProgress ref="caseProgress" />
        <!--    受理    -->
        <Acceptance ref="acceptance" @success="getDetail" />
        <discussAudit ref="discussAudit" @success="getDetail" />
        <!--    添加材料    -->
        <AdditionMaterial_ba ref="additionMaterial_ba" @success="getDetail" />
        <!--    理算    -->
        <adjustment ref="adjustment" @success="getDetail" />
        <!--  赔付详情  -->
        <CompensationDetails ref="compensationDetails" />
        <!--    修改收款信息    -->
        <PaymentInformation ref="paymentInformation" @success="getDetail" />
        <!--   打款     -->
        <MakePayment ref="makePayment" @success="getDetail" />
    </GlobalWindow>
</template>

<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import { findById } from '@/api/business/settleClaims'
import {
  register,
  addReportNum,
  addRemark,
  saveSupplementDescribe,
  updCaseType,
  confirmFee,
  returnSettle
} from '@/api/business/settleRisk'
import RiskCaseReminder from '@/components/business/riskCaseReminder'
import CaseProgress from '@/components/business/caseProgress'
import Acceptance from '@/components/business/acceptance'
import discussAudit from '@/components/business/discussAudit'
import AdditionMaterial_ba from '@/components/business/additionMaterial_ba'
import adjustment from '@/components/business/adjustment'
import CompensationDetails from '@/components/business/compensationDetails'
import PaymentInformation from '@/components/business/paymentInformation'
import MakePayment from '@/components/business/makePayment'
import PreviewArea from '@/components/common/previewArea'
import { mapState } from 'vuex'

    import UploadFileCommon from '@/components/common/UploadFileCommon'
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    import OperaSettleClaimsCheckWindow from '@/components/business/OperaSettleClaimsCheckWindow'
    import onlineReporting from '@/components/enterprise/onlineReporting'
    import supplementaryExplanation from '@/components/enterprise/supplementaryExplanation'
    import upload from '@/components/common/upload'
    import {confirmFile, findById,exportFiles,claimsUploadFile,delFile} from '@/api/business/settleClaims'
    import { mapState } from 'vuex'
    export default {
        name: 'OperaSettleClaimsWindow',
        extends: BaseOpera,
        components: { GlobalWindow, OperaSettleClaimsCheckWindow,UploadFileCommon, onlineReporting, supplementaryExplanation, upload },
        data () {
            return {
              doneFileDate: null,
              remarkLogList: [],
              list: [],
              model: {},
              activeName: 'first',
              reverse: true
            }
        },
        computed: {
            ...mapState(['userInfo'])
        },
        created () {
            this.config({
                api: '/business/settleClaims',
                'field.id': 'id'
            })
        },
        methods: {
          open(title,target){
            this.model = {}
            this.model = target
            this.title = title
            this.visible = true
            this.doneFileDate = null
            this.remarkLogList = []
            this.getDetail()
          },
            // 判断两个时间之间相差是否
            contrast24(time1, time2) {
              if (time1 && time2) {
                  let a = new Date(time1)
                  let b = new Date(time2)
                  let timeDiff = Math.abs(a.getTime() - b.getTime());
                  return Math.ceil(timeDiff / (3600 * 1000)) <= 24;
              } else {
                  return false
              }
            },
            contrast(time1, time2) {
              if (time1 && time2) {
                  let a = new Date(time1).getTime()
                  let b = new Date(time2).getTime()
                  return a > b
              } else {
                  return false
              }
            },
            edit() {
              let obj = JSON.parse(JSON.stringify(this.model))
                obj.areaId = obj.areaId.split(',').map(item => Number(item))
              this.$refs.onlineReporting.open('修改信息', obj)
            },
          openBaoxiandan(){
            window.open(this.model.baoxiandanFile.fileurlFull);
          },
          delFile(id){
            this.$dialog.messageConfirm('确认删除该附件吗，一旦删除无法撤回？')
                .then(() => {
                    delFile(this.model.id, id).then(response => {
                        this.getDetail()
                    }).catch(err => {
                        this.$tip.apiFailed(err)
                    })
                })
          },
          getDetail(){
            findById( this.model.id)
                .then(res => {
                  this.model = res
                  this.remarkLogList = []
                  var logList = this.model.settleClaimsLogList
                  if (logList) {
                    logList.forEach(item => {
                       if (item.objType == 2) {
                         this.doneFileDate = item.createDate
                       }
                      if (item.objType==7) {
                        this.remarkLogList.push(item)
                      }
                    })
                  }
                }).catch(err => {

                })
          },
            handleClick(tab) {
                this.activeName = tab.name
            },
          callback(){
            this.getDetail()
            this.$emit('success')
          },
          claimsUploadFile(e, objType) {
                claimsUploadFile({
                    id: this.model.id,
                    objType,
                    fileUrl: e.imgaddr,
                    fileName: e.originname,
                    fileType: e.type
                }).then(response => {
                    this.getDetail()
                }).catch(err => {
                    this.$tip.apiFailed(err)
                })
            },
            submit(type) {
              var that = this
              if (type == 0) {
                this.$dialog.messageConfirm('理赔材料收集完成，请及时提交保险公司！')
                    .then(() => {
                      // this.isWorking = true
                      confirmFile({id:that.model.id})
                          .then(response => {
                            that.getDetail()
                          }).catch(err => {
                        this.$tip.apiFailed(err)
                      })
                    })
              }else if(type == 1){
                //资料下载
                this.$dialog.exportConfirm('确认进行资料下载吗？')
                    .then(() => {
                      this.isWorking = true
                      exportFiles({ id: that.model.id })
                          .then(response => {
                            this.download(response)
                          }).catch(err => {
                            console.log(err)
                            this.$message.error("下载资料失败，请确认资料数据不为空")
                          }).finally(() => {
                            this.isWorking = false
                          })
                    })
                    .catch(() => {
                    })
              }
            }
        }
export default {
  name: 'OperaSettleClaimsWindow',
  extends: BaseOpera,
  components: { GlobalWindow, MakePayment, PreviewArea, PaymentInformation, CompensationDetails, RiskCaseReminder, CaseProgress, Acceptance,discussAudit, AdditionMaterial_ba, adjustment },
  data () {
    return {
      info: null,
      id: null,
      showIsRisk: true
    }
  },
  computed: {
    ...mapState(['userInfo'])
  },
  created () {
    this.config({
      api: '/business/settleClaims',
      'field.id': 'id'
    })
  },
  methods: {
    open (title, id) {
      this.title = title
      this.id = id
      this.getDetail()
    },
    closeRiskTip(){
      this.showIsRisk= false
    },
    setCaseType (e) {
      updCaseType({ id: this.id, caseType: e })
        .then(res => {
          this.getDetail()
        })
        .catch(err => {
            this.$message.error(err.message)
        })
    },
    supplementaryMaterials () {
      this.$prompt('补充说明', '补充材料', {
        confirmButtonText: '提交',
        cancelButtonText: '取消',
        inputType: 'textarea',
        inputPattern: /^(?:.|\n)+$/,
        inputErrorMessage: '补充说明不能为空！',
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            instance.confirmButtonLoading = true
            saveSupplementDescribe({ id: this.id, describe: instance.inputValue })
                .then((res) => {
                  done()
                })
                .catch((data) => {
                  this.$message.error(data.message)
                })
                .finally(() => {
                  instance.confirmButtonLoading = false
                })
          } else {
            done()
          }
        }
      }).then(({ value }) => {
        this.getDetail()
      }).catch(() => {

      })
    },
    addRemark () {
      this.$prompt('备注', '添加备注', {
        confirmButtonText: '添加',
        cancelButtonText: '取消',
        inputType: 'textarea',
        inputPattern: /^(?:.|\n)+$/,
        inputErrorMessage: '备注不能为空！',
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            instance.confirmButtonLoading = true
            addRemark({ id: this.id, describe: instance.inputValue })
                .then((res) => {
                  done()
                })
                .catch((data) => {
                  this.$message.error(data.message)
                })
                .finally(() => {
                  instance.confirmButtonLoading = false
                })
          } else {
            done()
          }
        }
      }).then(({ value }) => {
        this.getDetail()
      }).catch(() => {

      })
    },
    addReport (type) {
      this.$prompt('报案号', `${type === 1 ? '添加报案号' : '编辑报案号'}`, {
        confirmButtonText: '添加',
        cancelButtonText: '取消',
        inputPattern: /^(?:.|\n)+$/,
        inputErrorMessage: '报案号不能为空！',
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            instance.confirmButtonLoading = true
            addReportNum({ id: this.id, reportNum: instance.inputValue })
              .then((res) => {
                done()
              })
              .catch((data) => {
                this.$message.error(data.message)
              })
              .finally(() => {
                instance.confirmButtonLoading = false
              })
          } else {
            done()
          }
        }
      }).then(({ value }) => {
        this.getDetail()
      }).catch(() => {

      })
    },
    register () {
      this.$prompt('立案说明', '立案', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        inputType: 'textarea',
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            instance.confirmButtonLoading = true
            register({ id: this.id, describe: instance.inputValue, registerStatus: 3 })
                .then((res) => {
                  done()
                })
                .catch((data) => {
                  this.$message.error(data.message)
                })
                .finally(() => {
                  instance.confirmButtonLoading = false
                })
          } else {
            done()
          }
        }
      }).then(({ value }) => {
        this.getDetail()
      }).catch(() => {

      })
    },
    returnCase () {
      this.$prompt('退回说明', '退回', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        inputType: 'textarea',
        inputPattern: /^(?:.|\n)+$/,
        inputErrorMessage: '退回说明不能为空！',
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            instance.confirmButtonLoading = true
            register({ id: this.id, describe: instance.inputValue, registerStatus: 4 })
                .then((res) => {
                  done()
                })
                .catch((data) => {
                  this.$message.error(data.message)
                })
                .finally(() => {
                  instance.confirmButtonLoading = false
                })
          } else {
            done()
          }
        }
      }).then(({ value }) => {
        this.getDetail()
      }).catch(() => {

      })
    },
    getDetail () {
      findById(this.id)
        .then(res => {
          res.riskContent = JSON.parse(res.riskContent)
          this.info = res
          this.info.showIsRisk = true
          this.visible = true
        })
    },
    // 撤销
    revoke () {
      this.$confirm('撤销后，案件直接结束，无法继续进行理赔操作！', '是否撤销报案？', {
        confirmButtonText: '确定撤销',
        cancelButtonText: '我再想想',
        type: 'warning',
      }).then(() => {
        returnSettle({ id: this.info.id })
          .then(res => {
            this.getDetail()
          }).catch(err => {
              console.log(err)
            this.$message.error(err.message)
        })
      }).catch(() => {

      })
    },
    returnInHospital (type) {
      switch (type) {
      case 0:
        return '住院'
      case 1:
        return '门诊'
      }
    },
    returnName (type) {
      switch (type) {
      case 0:
        return '是'
      case 1:
        return '否'
      case 2:
        return '待确定'
      default:
        return ''
      }
    },
    returnType (type) {
      switch (type) {
      case 0:
        return '工作期间受伤'
      case 1:
        return '上下班途中受伤'
      case 2:
        return '非工作时间受伤'
      case 3:
        return '意外受伤'
      }
    },
    confirmFeeInfo () {
      this.$confirm('是否确认赔付金额?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        confirmFee(this.id)
          .then(res => {
            this.getDetail()
          })
      }).catch(() => {

      })
    }
  }
}
</script>
<style>
    .v-modal {
        z-index: 2000 !important;
    }
</style>

<style lang="scss" scoped>
    .form {
    .box {
        //margin-left: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        .form_span {
        .box_tui {
            width: 100%;
            padding: 17px 0;
            box-sizing: border-box;
            margin-bottom: 30px;
            .box_tui_status {
                padding: 3px 8px;
                border-radius: 15px;
                background-color: rgba(254,226,225,1);
                color: rgba(153,27,27,1);
                font-size: 12px;
            }
            .box_tui_title {
                color: rgba(16,16,16,1);
                font-size: 16px;
                margin-top: 15px;
            }
            .box_tui_info {
                color: rgba(154,154,154,1);
                font-size: 14px;
                margin-top: 10px;
            }
            .box_tui_row {
                color: rgba(16,16,16,1);
                font-size: 14px;
                margin-top: 10px;
                display: flex;
                align-items: center;
                .yuan {
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    margin-right: 5px;
                    background-color: rgba(153,27,27,1);
                }
            }
        }
        .box_dk {
            width: 100%;
            display: flex;
            align-items: start;
            flex-direction: column;
            margin-bottom: 20px;
            span {
                font-size: 14px;
                &:nth-child(1) {
                    color: black;
                    margin-bottom: 5px;
                }
                &:nth-child(2) {
                    color: #8c939d;
                }
            }
        }
        .form_item {
            width: 100%;
            display: flex;
            align-items: start;
            margin-bottom: 20px;
            &:last-child {
                margin: 0 !important;
            }
            .form_item_label {
                flex-shrink: 0;
                color: black;
                font-size: 14px;
                span {
                    color: red;
                    font-size: 14px;
                }
            }
            .form_item_val {
                flex: 1;
                /*height: 40px;*/
                margin-left: 20px;
                textarea {
                    width: 100%;
                    height: 70px;
                    border: 1px solid #cbcbcb;
                    padding: 10px;
                    outline: none;
                    box-sizing: border-box;
                }
                input {
                    width: 100%;
                    height: 100%;
                    outline: none;
                    border-radius: 5px;
                    border: 1px solid #cbcbcb;
                    padding: 0 20px;
                    box-sizing: border-box;
                }
            }
        }
    }
    .desc {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        .desc_label {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .desc_label_left {
                flex: 1;
            margin-bottom: 30px;
            .box_dk_title {
                width: 100%;
                display: flex;
                align-items: center;
                .desc_label_left_title {
                margin-bottom: 12px;
                i {
                    font-size: 20px;
                    font-weight: bold;
                    color: black;
                    margin-right: 5px;
                    color: #34C758;
                }
                .desc_label_left_time {
                    font-size: 14px;
                    color: black;
                    /*color: rgba(249, 86, 1, 0.996);*/
                    margin-left: 10px;
                }
                .desc_label_left_code {
                    font-size: 15px;
                    color: black;
                    margin-left: 30px;
                span {
                    color: rgba(52,199,88,1);
                    font-size: 18px;
                }
            }
            .desc_label_right {
                flex-shrink: 0;
            }
        }
        .desc_list {
            width: 100%;
            margin-top: 20px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            .desc_list_item {
                width: 33.3%;
            .box_dk_list {
                width: 100%;
                display: flex;
                align-items: center;
                margin-bottom: 10px;
                .desc_list_item_label {
                    width: 130px;
                    flex-shrink: 0;
                    font-size: 15px;
                    color: black;
                }
                .desc_list_item_val {
                    flex: 1;
                    font-size: 15px;
                    color: black;
                }
                .desc_list_item_videos {
                    flex: 1;
                flex-direction: column;
                .box_dk_list_row {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    .desc_list_item_imgs_video {
                        width: 120px;
                        height: 120px;
                        background: black;
                        margin-right: 10px;
                    align-items: start;
                    margin-bottom: 15px;
                    &:last-child {
                        margin: 0 !important;
                    }
                    .box_dk_list_row_label {
                        flex-shrink: 0;
                        color: rgba(16,16,16,1);
                        font-size: 14px;
                    }
                    .box_dk_list_row_value {
                        flex: 1;
                        color: rgba(16,16,16,1);
                        font-size: 14px;
                    }
                    .box_dk_list_row_l {
                        flex: 1;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        video {
                            width: 100%;
                            height: 100%;
                        }
                        img {
                            width: 100%;
                        flex-wrap: wrap;
                        .box_dk_list_row_l_img {
                            width: 80px;
                            height: 80px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            overflow: hidden;
                            margin-right: 15px;
                            margin-bottom: 15px;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                }
            }
        }
        .desc_xian {
            width: 100%;
            height: 1px;
            margin: 10px 0;
            background: #ececec;
        }
        .desc_data {
        .box_sinfo {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin-top: 20px;
            .desc_data_label {
                font-size: 16px;
                color: black;
                font-weight: 600;
                margin-bottom: 20px;
            }
            .desc_data_cate {
            margin-bottom: 30px;
            .box_sinfo_title {
                width: 100%;
                margin: 0 0 10px 0;
                display: flex;
                align-items: center;
                margin-bottom: 26px;
                span {
                    &:nth-child(1) {
                        color: rgba(16,16,16,1);
                        font-size: 16px;
                        margin-right: 10px;
                    }
                    &:nth-child(2) {
                        color: rgba(22,93,255,1);
                        font-size: 14px;
                        cursor: pointer;
                        text-decoration: underline;
                    }
                }
            }
            .desc_data_list {
            .box_sinfo_row {
                width: 100%;
                margin-bottom: 15px;
                display: flex;
                align-items: center;
                .box_sinfo_row_label {
                    flex-shrink: 0;
                    color: rgba(154,154,154,1);
                    font-size: 14px;
                }
                .box_sinfo_row_val {
                    flex: 1;
                    color: rgba(16,16,16,1);
                    font-size: 14px;
                }
            }
        }
        .box_price {
            width: 100%;
            padding: 30px 0;
            background-color: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            border-bottom: 1px solid #ececec;
            .box_price_title {
                color: rgba(16,16,16,1);
                font-size: 20px;
                margin-bottom: 10px;
            }
            .box_price_jine {
                color: rgba(255,162,63,1);
                font-size: 29px;
                margin-bottom: 10px;
            }
        }
        .box_comInfo {
            width: 100%;
            padding: 11px 21px;
            box-sizing: border-box;
            background-color: rgba(240,246,254,1);
            display: flex;
            flex-direction: column;
            margin-bottom: 30px;
            .box_comInfo_title {
                width: 100%;
                display: flex;
                align-items: center;
                margin-bottom: 12px;
                i {
                    color: #165DFF;
                    font-size: 20px;
                    margin-right: 5px;
                }
                span {
                    color: rgba(16,16,16,1);
                    font-size: 14px;
                }
            }
            .box_comInfo_text {
                width: 100%;
                padding-left: 20px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                span {
                    color: rgba(16,16,16,1);
                    font-size: 14px;
                    margin-bottom: 10px;
                    &:last-child {
                        margin: 0 !important;
                    }
                }
            }
        }
        .box_status {
            width: 100%;
            padding: 30px 0;
            box-sizing: border-box;
            display: flex;
            align-items: start;
            justify-content: center;
            /*margin-bottom: 30px;*/
            .box_status_row {
                width: 200px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                position: relative;
                .box_status_row_xian {
                    position: absolute;
                    right: -55px;
                    top: 5px;
                    width: calc(100% - 80px);
                    height: 1px;
                    background-color: #BEBEBE;
                }
                .statusColor1 {
                    background-color: #165DFF !important;
                }
                .statusColor2 {
                    border: 1px solid #0052D9 !important;
                }
                .statusColor3 {
                    span {
                        color: #ffffff !important;
                    }
                }
                .box_status_row_icon {
                    width: 8px;
                    height: 8px;
                    border: 1px solid #C5C5C5;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    span {
                        color: rgba(78,89,105,1);
                        font-size: 14px;
                    }
                    i {
                        color: #165DFF;
                    }
                }
                .box_status_row_info {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    margin-top: 10px;
                    .title {
                        color: rgba(78,89,105,1);
                        font-size: 16px;
                        font-weight: bold;
                    }
                    .info {
                        color: rgba(154,154,154,1);
                        font-size: 14px;
                        margin-top: 10px;
                    }
                }
            }
        }
        .box_desc {
            width: 100%;
            margin-bottom: 15px;
            .box_desc_cailiao {
                width: 100%;
                margin-bottom: 18px;
                .box_desc_cailiao_title {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    margin-bottom: 15px;
                    .box_desc_cailiao_title_x {
                        width: 5px;
                        height: 14px;
                        background-color: #165DFF;
                    }
                    span {
                        color: rgba(16,16,16,1);
                        font-size: 14px;
                        margin-left: 5px;
                    }
                }
                .box_desc_cailiao_list {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                }
            }
            .box_desc_ls {
                width: 100%;
                display: flex;
                align-items: center;
                margin-bottom: 15px;
                span {
                    &:nth-child(1) {
                        color: rgba(0,0,0,1);
                        font-size: 16px;
                    }
                    &:nth-child(2) {
                        color: rgba(255,162,63,1);
                        font-size: 16px;
                    }
                }
            }
            .box_desc_lslist {
                width: 100%;
                display: flex;
                flex-direction: column;
                margin-bottom: 40px;
                .box_desc_lslist_title {
                    color: rgba(0,0,0,1);
                    font-size: 16px;
                    margin-bottom: 15px;
                }
                .box_desc_lslist_l {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    padding-left: 50px;
                    box-sizing: border-box;
                    .box_desc_lslist_l_row {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        margin-bottom: 13px;
                        &:last-child {
                            margin: 0 !important;
                        }
                        span {
                            &:nth-child(1) {
                                color: rgba(16,16,16,1);
                                font-size: 14px;
                            }
                            &:nth-child(2) {
                                color: rgba(16,16,16,1);
                                font-size: 14px;
                                margin: 0 30px;
                            }
                            &:nth-child(3) {
                                color: rgba(108,108,108,1);
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
            .box_desc_head {
                width: 100%;
                display: flex;
                font-weight: bold;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 26px;
                .box_desc_title {
                    display: flex;
                    align-items: center;
                    .el-icon-success {
                        font-size: 20px;
                        color: #34C758;
                        margin-right: 10px;
                    }
                    .box_desc_title_val {
                        color: rgba(16,16,16,1);
                        font-size: 18px;
                        margin-right: 20px;
                    }
                    .box_desc_title_zt {
                        height: 25px;
                        padding: 0 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-sizing: border-box;
                        border-radius: 15px;
                        background-color: rgba(239,239,239,1);
                        color: rgba(16,16,16,1);
                        font-size: 12px;
                        margin-right: 20px;
                    }
                    .box_desc_title_tips {
                      cursor: pointer;
                        width: 84px;
                        height: 25px;
                        border-radius: 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: rgba(254,226,225,1);
                        margin-right: 20px;
                        .el-icon-warning {
                            color: #FF4D4F;
                            margin-right: 5px;
                        }
                        span {
                            color: #FF4D4F;
                            font-size: 12px;
                        }
                    }
                }
                .box_desc_btns {
                    display: flex;
                    align-items: center;
                    .box_desc_btns_operate {
                        display: flex;
                        align-items: center;
                        margin-left: 10px;
                        cursor: pointer;
                        i {
                            color: #515151;
                        }
                        span {
                            color: rgba(16,16,16,1);
                            font-size: 14px;
                            margin-left: 4px;
                        }
                    }
                }
            }
            .box_desc_list {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                .box_desc_list_zw {
                    width: 33%;
                    height: 0;
                }
                .box_desc_list_row {
                    width: 33%;
                    color: rgba(16,16,16,1);
                    font-size: 14px;
                    margin-bottom: 24px;
                }
                .box_desc_list_img {
                    width: 100%;
                    display: flex;
                    align-items: start;
                    span {
                        color: rgba(16,16,16,1);
                        font-size: 14px;
                    }
                    .box_desc_list_img_files {
                        flex-shrink: 0;
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        .box_desc_list_img_files_row {
                            width: 94px;
                            height: 94px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            overflow: hidden;
                            margin-right: 25px;
                            &:last-child {
                                margin: 0;
                            }
                            background-color: #E5E5E5;
                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }
            .box_desc_f {
                width: 100%;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                .desc_data_list_item1 {
                    width: 24.5%;
                }
                .desc_data_list_item {
                    width: 24.5%;
                    padding: 10px;
                margin-bottom: 30px;
                justify-content: space-between;
                .box_desc_fa {
                    width: 32%;
                    padding: 22px 25px;
                    box-sizing: border-box;
                    border: 1px solid #e2e2e2;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    position: relative;
                    margin-bottom: 10px;
                    margin-right: 20px;
                    &:last-child {
                        margin-right: 0 !important;
                    border-radius: 4px;
                    background-color: rgba(239,239,239,1);
                    .box_desc_fa_title {
                        color: rgba(16,16,16,1);
                        font-size: 18px;
                        font-weight: bold;
                        text-decoration: underline;
                        margin-bottom: 10px;
                    }
                    .desc_data_list_item_dele {
                        position: absolute;
                        top: 10px;
                        right: 10px;
                    .box_desc_fa_row {
                        color: rgba(16,16,16,1);
                        font-size: 14px;
                        cursor: pointer;
                        color: rgba(249, 86, 1, 0.996078431372549);
                    }
                    .desc_data_list_item_upload {
                        flex: 1;
                        height: 80px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    .desc_data_list_item_img {
                        flex-shrink: 0;
                        width: 80px;
                        height: 80px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        margin-right: 10px;
                        .el-icon-plus {
                            font-size: 26px;
                            color: #ffffff;
                        }
                        img {
                            width: 100%;
                            height: 100%;
                        }
                        video {
                            width: 100%;
                        }
                    }
                    .desc_data_list_item_info {
                        flex: 1;
                        height: 80px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        span {
                            &:nth-child(1) {
                                font-size: 14px;
                                color: black;
                            }
                            &:nth-child(2) {
                                font-size: 14px;
                                color: #888888;
                            }
                            &:nth-child(3) {
                                font-size: 14px;
                                color: #888888;
                            }
                        margin-bottom: 10px;
                        &:last-child {
                            margin: 0;
                        }
                    }
                }
            }
        }
        .desc_times {
        .box_fx {
            width: 100%;
            margin-top: 20px;
            height: 49px;
            display: flex;
            padding: 0 17px;
            margin-bottom: 30px;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
            background-color: rgba(254,226,225,1);
            .box_fx_left {
                display: flex;
                align-items: center;
                i {
                    color: #FF4D4F;
                    font-size: 18px;
                }
                .box_fx_left_a {
                    color: rgba(255,77,79,1);
                    font-size: 14px;
                    margin: 0 10px;
                }
                .box_fx_left_b {
                    color: rgba(255,77,79,1);
                    font-size: 14px;
                    text-decoration: underline;
                    cursor: pointer;
                }
            }
            .el-icon-close {
                color: #101010;
                cursor: pointer;
                font-size: 18px;
            }
        }
    }
</style>