|  |  | 
 |  |  |                                 <el-date-picker | 
 |  |  |                                     v-model="ruleForm.extData.memberBirthday" | 
 |  |  |                                     type="date" | 
 |  |  |                                     @change="changeMemberBirthday" | 
 |  |  |                                     placeholder="选择日期" | 
 |  |  |                                     format="yyyy 年 MM 月 dd 日" | 
 |  |  |                                     value-format="yyyy-MM-dd"> | 
 |  |  | 
 |  |  |                             <el-form-item label="报案时间" prop="reportDate"> | 
 |  |  |                                 <el-date-picker | 
 |  |  |                                     v-model="ruleForm.extData.reportDate" | 
 |  |  |                                     type="date" | 
 |  |  |                                     type="datetime" | 
 |  |  |                                     placeholder="选择日期" | 
 |  |  |                                     format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |                                     value-format="yyyy-MM-dd HH:mm:ss"> | 
 |  |  | 
 |  |  |                                     v-model="ruleForm.happenTime" | 
 |  |  |                                     type="datetime" | 
 |  |  |                                     placeholder="选择日期" | 
 |  |  |                                     format="yyyy-MM-dd hh:mm:ss" | 
 |  |  |                                     value-format="yyyy-MM-dd hh:mm:ss"> | 
 |  |  |                                     format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |                                     value-format="yyyy-MM-dd HH:mm:ss"> | 
 |  |  |                                 </el-date-picker> | 
 |  |  |                             </el-form-item> | 
 |  |  |                         </div> | 
 |  |  | 
 |  |  |                                         <span>{{ item.name }}</span> | 
 |  |  |                                     </div> | 
 |  |  |                                 </div> | 
 |  |  |                                 <upload width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 1)" /> | 
 |  |  |                                 <uploadProgress width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 1)" /> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;"> | 
 |  |  | 
 |  |  |                                         <span>{{ item.name }}</span> | 
 |  |  |                                     </div> | 
 |  |  |                                 </div> | 
 |  |  |                                 <upload width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 2)" /> | 
 |  |  |                                 <uploadProgress width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 2)" /> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;"> | 
 |  |  | 
 |  |  |                                         <span>{{ item.name }}</span> | 
 |  |  |                                     </div> | 
 |  |  |                                 </div> | 
 |  |  |                                 <upload width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 3)" /> | 
 |  |  |                                 <uploadProgress width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 3)" /> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;"> | 
 |  |  | 
 |  |  |                                         <span>{{ item.name }}</span> | 
 |  |  |                                     </div> | 
 |  |  |                                 </div> | 
 |  |  |                                 <upload width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 4)" /> | 
 |  |  |                                 <uploadProgress width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 4)" /> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;"> | 
 |  |  | 
 |  |  |                                         <span>{{ item.name }}</span> | 
 |  |  |                                     </div> | 
 |  |  |                                 </div> | 
 |  |  |                                 <upload width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel" folder="settle" @success="claimsUploadFile($event, 5)" /> | 
 |  |  |                                 <uploadProgress width="100px" height="100px" :list="[]" accept=".png,.jpg,.jpeg,.mp4,.word,.xlsx,.xls,.pdf,.excel,.zip,.war" folder="settle" @success="claimsUploadFile($event, 5)" /> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  | 
 |  |  | <script> | 
 |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
 |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
 |  |  | import uploadProgress from '@/components/common/uploadProgress' | 
 |  |  | import upload from '@/components/common/upload' | 
 |  |  | import { getCompensation } from '@/api/business/settleRisk' | 
 |  |  | import { createSys } from '@/api/business/settleClaims' | 
 |  |  | 
 |  |  | export default { | 
 |  |  |   name: 'OpearaCaseEntryWindow', | 
 |  |  |   extends: BaseOpera, | 
 |  |  |   components: { GlobalWindow, upload }, | 
 |  |  |   components: { GlobalWindow, upload, uploadProgress }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       ruleForm: { | 
 |  |  | 
 |  |  |         'extData.memberIdcard': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.memberSex': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.memberPhone': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.bxName': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.bxCode': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.bxDate': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.bxTbName': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.bxBbName': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         'extData.bxOrg': [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         informantPhone: [ | 
 |  |  |           { required: true, message: '不能为空', trigger: 'blur' } | 
 |  |  |         ] | 
 |  |  |       }, | 
 |  |  | 
 |  |  |       } | 
 |  |  |       this.getCompensations() | 
 |  |  |     }, | 
 |  |  |       changeMemberBirthday(e) { | 
 |  |  |           if (!e) { | 
 |  |  |               this.ruleForm.extData.memberAge = '' | 
 |  |  |           } else { | 
 |  |  |               this.ruleForm.extData.memberAge = this.calculateAge(e) | 
 |  |  |           } | 
 |  |  |       }, | 
 |  |  |       calculateAge(birthDate) { | 
 |  |  |           const today = new Date(); | 
 |  |  |           const birthDateObject = new Date(birthDate); | 
 |  |  |  | 
 |  |  |           let age = today.getFullYear() - birthDateObject.getFullYear(); | 
 |  |  |           const monthDiff = today.getMonth() - birthDateObject.getMonth(); | 
 |  |  |  | 
 |  |  |           if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDateObject.getDate())) { | 
 |  |  |               age--; | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |           return age; | 
 |  |  |       }, | 
 |  |  |     confirm () { | 
 |  |  |       this.$refs.ruleForm.validate((valid) => { | 
 |  |  |         if (!valid) return | 
 |  |  |         if (!this.ruleForm.status) return this.$message.warning('请选择案件状态!') | 
 |  |  |         this.isWorking = true | 
 |  |  |         const obj = JSON.parse(JSON.stringify(this.ruleForm)) | 
 |  |  |         obj.accountList = [...this.list1, ...this.list2, ...this.list3] | 
 |  |  | 
 |  |  |     getCompensations () { | 
 |  |  |       getCompensation({ type: 1 }) | 
 |  |  |         .then(res => { | 
 |  |  |           console.log(res) | 
 |  |  |           // console.log(res) | 
 |  |  |           this.list1 = res.filter(item => item.type === 0) | 
 |  |  |           this.list2 = res.filter(item => item.type === 1) | 
 |  |  |           this.list3 = res.filter(item => item.type === 2) |