| | |
| | | > |
| | | <!-- 退回投保 --> |
| | | <el-form v-if="visible1==true" :model="form" ref="form1" :rules="rules1" style="width: 100%;"> |
| | | <el-form-item label="填写退回说明:" prop="backCheckInfo"> |
| | | <el-input type="textarea" v-model="form.backCheckInfo" placeholder="请输入" v-trim/> |
| | | <el-form-item label="填写退回说明:" prop="backBackInfo"> |
| | | <el-input type="textarea" v-model="form.backWtb" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-form v-if="visible2==true" :model="form" ref="form2" :rules="rules2" style="width: 100%;"> |
| | | <el-form-item label="上传投保单:" prop="toubaodanFile"> |
| | | <UploadFile @remove="dele2" :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList" @uploadSuccess="toubaoFileUploaded" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- 上传保险单 --> |
| | | <el-form v-if="visible3==true" :model="form" ref="form3" :rules="rules3" style="width: 100%;"> |
| | | <el-form-item label="客户期望保险生效起期:"> |
| | | {{ model.applyStartTime }} |
| | | </el-form-item> |
| | | <el-form-item label="" > |
| | | <el-radio-group v-model="form.selectRadio" @change="selectChange"> |
| | | <el-radio :label="0" >与保单一致</el-radio> |
| | | <el-radio :label="1" >与保单不一致</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="保险生效起期:" prop="startTime" v-if="form.selectRadio === 1"> |
| | | <el-date-picker |
| | | v-model="form.startTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="保险生效起期:"> |
| | | {{ form.startTime }} |
| | | </el-form-item> |
| | | <el-form-item label="保单号:" prop="code"> |
| | | <el-input v-model="form.code" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="上传保险单:" prop="baoxianFile"> |
| | | <UploadFile :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- 修改保险单 --> |
| | | <el-form v-if="visible4==true" :model="form" ref="form4" :rules="rules4" style="width: 100%;"> |
| | | <el-form-item label="保险生效起期:"> |
| | | {{ model.startTime }} |
| | | </el-form-item> |
| | | <el-form-item label="保单号:" prop="editCode"> |
| | | <el-input v-model="form.editCode" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="上传保险单:" prop="editBaoxianFile"> |
| | | <UploadFile :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="editBaoxianFileUploaded" /> |
| | | </el-form-item> |
| | | <el-form-item label="修改原因:" prop="editCheckInfo"> |
| | | <el-input type="textarea" v-model="form.editCheckInfo" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-form v-if="visible5==true || visible6==true" :model="form" ref="form5" :rules="rules5" style="width: 100%;"> |
| | | <el-form-item label="填写说明:" prop="dealBackInfo"> |
| | | <el-input type="textarea" v-model="form.dealBackInfo" placeholder="请输入" v-trim/> |
| | | <el-form-item label="填写关闭说明:" prop="dealCloseInfo"> |
| | | <el-input type="textarea" v-model="form.dealCloseInfo" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template v-slot:footer> |
| | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import { |
| | | dealBackApply, |
| | | back, |
| | | uploadBaoxiandan, |
| | | editBaoxiandan, |
| | | uploadToubaodan, |
| | | check |
| | | } from "@/api/business/insuranceApply"; |
| | | import UploadFile from "@/components/common/UploadFile"; |
| | | import {remark} from "@/api/business/settleClaims"; |
| | | import { check, closeWtbForShop } from '@/api/business/insuranceApply' |
| | | export default { |
| | | name: 'OperaWtbApplyCheckWindow', |
| | | extends: BaseOpera, |
| | | components: {UploadFile, GlobalWindow }, |
| | | components: { GlobalWindow }, |
| | | data () { |
| | | return { |
| | | // 表单数据 |
| | |
| | | ] |
| | | }, |
| | | rules2: { |
| | | toubaodanFile: [ |
| | | { required: true, message: '请完善信息' } |
| | | ] |
| | | }, |
| | | rules3: { |
| | | code: [ |
| | | { required: true, message: '请完善信息' } |
| | | ], |
| | | startTime: [ |
| | | { required: true, message: '请完善信息' } |
| | | ], |
| | | baoxianFile: [ |
| | | { required: true, message: '请完善信息' } |
| | | ], |
| | | }, |
| | | rules5: { |
| | | dealBackInfo: [ |
| | | { required: true, message: '请完善信息' } |
| | | ] |
| | | }, |
| | | rules4: { |
| | | editCode: [ |
| | | { required: true, message: '请完善信息' } |
| | | ], |
| | | editBaoxianFile: [ |
| | | { required: true, message: '请完善信息' } |
| | | ], |
| | | editCheckInfo: [ |
| | | dealCloseInfo: [ |
| | | { required: true, message: '请完善信息' } |
| | | ] |
| | | }, |
| | | form: { |
| | | id: null, |
| | | backCheckInfo:'', |
| | | dealBackInfo:'', |
| | | editCheckInfo:'', |
| | | editDate: '', |
| | | editCode: '', |
| | | startTime:null, |
| | | code:null, |
| | | toubaodanFile:null, |
| | | baoxianFile:null, |
| | | editBaoxianFile:null, |
| | | fileList: [], |
| | | fileList1: [], |
| | | fileList2: [], |
| | | selectRadio:0 |
| | | dealCloseInfo: '' |
| | | }, |
| | | visible1: false, |
| | | visible2: false, |
| | | visible3: false, |
| | | visible4: false, |
| | | visible5: false, |
| | | visible6: false, |
| | | visible2: false |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | dele2() { |
| | | this.form.toubaodanFile = '' |
| | | }, |
| | | open(title,target,flag){ |
| | | this.visible=true |
| | | this.model={} |
| | | this.form= { |
| | | id: null, |
| | | backCheckInfo:'', |
| | | dealBackInfo:'', |
| | | editCheckInfo:'', |
| | | editDate: '', |
| | | editCode: '', |
| | | startTime:null, |
| | | code:null, |
| | | toubaodanFile:null, |
| | | baoxianFile:null, |
| | | editBaoxianFile:null, |
| | | fileList: [], |
| | | fileList1: [], |
| | | fileList2: [], |
| | | selectRadio:0 |
| | | backBackInfo: '', |
| | | dealCloseInfo: '' |
| | | }, |
| | | this.model = target |
| | | this.form.startTime = target.startTime |
| | | this.title = title |
| | | this.flag = flag |
| | | this.visible1 = false |
| | | this.visible2 = false |
| | | this.visible3 = false |
| | | this.visible4 = false |
| | | this.visible5 = false |
| | | this.visible6 = false |
| | | if(flag == 1){ |
| | | this.visible1 = true |
| | | } |
| | | if(flag == 2){ |
| | | this.visible2 = true |
| | | } |
| | | if(flag == 3){ |
| | | this.visible3 = true |
| | | } |
| | | if(flag == 4){ |
| | | this.visible4 = true |
| | | this.$nextTick(() => { |
| | | this.$refs.form4.resetFields() |
| | | }) |
| | | } |
| | | if(flag == 5){ |
| | | this.visible5 = true |
| | | } |
| | | if(flag == 6){ |
| | | this.visible6 = true |
| | | } |
| | | }, |
| | | doSubmit(){ |
| | |
| | | if (!valid) { |
| | | return |
| | | } |
| | | this.uploadToubaodan() |
| | | }) |
| | | } else if (this.flag == 3) { |
| | | this.$refs.form3.validate((valid) => { |
| | | // debugger |
| | | if (!valid) { |
| | | return |
| | | } |
| | | this.uploadBaoxiandan() |
| | | }) |
| | | } else if (this.flag == 4) { |
| | | this.$refs.form4.validate((valid) => { |
| | | // debugger |
| | | if (!valid) { |
| | | return |
| | | } |
| | | this.editBaoxiandan() |
| | | }) |
| | | } else if (this.flag == 5) { |
| | | this.$refs.form5.validate((valid) => { |
| | | // debugger |
| | | if (!valid) { |
| | | return |
| | | } |
| | | this.dealBackApply(1) |
| | | }) |
| | | } else if (this.flag == 6) { |
| | | this.$refs.form5.validate((valid) => { |
| | | // debugger |
| | | if (!valid) { |
| | | return |
| | | } |
| | | this.dealBackApply(0) |
| | | this.closeDo() |
| | | }) |
| | | } |
| | | }, |
| | | selectChange(){ |
| | | if(this.form.selectRadio == 0){ |
| | | this.form.startTime = this.model.startTime |
| | | }else{ |
| | | this.form.startTime = '' |
| | | } |
| | | }, |
| | | toubaoFileUploaded(data){ |
| | | this.form.toubaodanFile=data |
| | | }, |
| | | baoxianFileUploaded(data){ |
| | | this.form.baoxianFile=data |
| | | }, |
| | | editBaoxianFileUploaded(data){ |
| | | this.form.editBaoxianFile=data |
| | | }, |
| | | backDo(){ |
| | | this.$dialog.messageConfirm('确认进行该操作吗?') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | back({id:this.model.id,checkInfo:this.form.backCheckInfo}) |
| | | check({ id: this.model.id, checkInfo: this.form.backCheckInfo }) |
| | | .then(response => { |
| | | this.visible = false |
| | | this.$emit('success') |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | uploadToubaodan(){ |
| | | closeDo () { |
| | | this.$dialog.messageConfirm('确认进行该操作吗?') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | uploadToubaodan({id:this.model.id,toubaodanFile:this.form.toubaodanFile}) |
| | | closeWtbForShop({ id: this.model.id, checkInfo: this.form.dealCloseInfo }) |
| | | .then(response => { |
| | | this.visible = false |
| | | this.$emit('success') |
| | |
| | | this.$tip.apiFailed(err) |
| | | }) |
| | | }) |
| | | }, |
| | | dealBackApply(type){ |
| | | this.$dialog.messageConfirm('确认进行该操作吗?') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | dealBackApply({ id: this.model.id, checkInfo: this.form.dealBackInfo, dealBackApply: type }) |
| | | .then(response => { |
| | | this.visible = false |
| | | this.$emit('success') |
| | | }).catch(err => { |
| | | this.$tip.apiFailed(err) |
| | | }) |
| | | }) |
| | | }, |
| | | uploadBaoxiandan(){ |
| | | this.$dialog.messageConfirm('确认进行该操作吗?') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | uploadBaoxiandan({id:this.model.id,startTime:this.form.startTime,code:this.form.code,baoxiandanFile:this.form.baoxianFile}) |
| | | .then(response => { |
| | | this.visible = false |
| | | this.$emit('success') |
| | | }).catch(err => { |
| | | this.$tip.apiFailed(err) |
| | | }) |
| | | }) |
| | | |
| | | }, |
| | | editBaoxiandan(){ |
| | | this.$dialog.messageConfirm('确认进行该操作吗?') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | editBaoxiandan({id:this.model.id, checkInfo:this.form.editCheckInfo,code:this.form.editCode,baoxiandanFile:this.form.editBaoxianFile}) |
| | | .then(response => { |
| | | this.visible = false |
| | | this.$emit('success') |
| | | }).catch(err => { |
| | | this.$tip.apiFailed(err) |
| | | }) |
| | | }) |
| | | }, |
| | | handleRemove(file, fileList) { |
| | | console.log(file, fileList); |
| | | }, |
| | | handlePreview(file) { |
| | | console.log(file); |
| | | }, |
| | | handleExceed(files, fileList) { |
| | | this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); |
| | | }, |
| | | beforeRemove(file, fileList) { |
| | | return this.$confirm(`确定移除 ${ file.name }?`); |
| | | }, |
| | | successEvent() { |
| | | |
| | | }, |
| | | handleSizeChange(val) { |
| | | console.log(`每页 ${val} 条`); |
| | | console.log(`每页 ${val} 条`) |
| | | }, |
| | | handleCurrentChange(val) { |
| | | console.log(`当前页: ${val}`); |
| | | console.log(`当前页: ${val}`) |
| | | }, |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | console.log(tab, event) |
| | | }, |
| | | onSubmit() { |
| | | |