productDev/yunyibao.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,1249 @@
			<template>
			<GlobalWindow
			:title="title"
			width="100%"
			:visible.sync="visible"
			:confirm-working="isWorking"
			@confirm="confirm"
			>
			<div class="box">
			<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm">
			<div class="box_item">
			<div class="box_item_title">
			<span>åºé©äººä¿¡æ¯</span>
			<el-select v-model="ruleForm.status" style="width: 100px;" placeholder="è¯·éæ©">
			<el-option label="å¾ç«æ¡" :value="2"></el-option>
			<el-option label="å·²éå" :value="4"></el-option>
			<el-option label="å¾åç" :value="5"></el-option>
			<el-option label="å·²æç»" :value="6"></el-option>
			<el-option label="å¾çç®" :value="9"></el-option>
			<el-option label="å¾æ ¸èµ" :value="10"></el-option>
			<el-option label="å¾ç»æ¡" :value="12"></el-option>
			<el-option label="å·²ç»æ¡" :value="13"></el-option>
			<el-option label="å·²æ¤æ¡" :value="14"></el-option>
			</el-select>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="åºé©äºº" prop="extData.memberName">
			<el-input v-model="ruleForm.extData.memberName" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="è¯ä»¶ç±»å" prop="extData.memberIdcardType">
			<el-select v-model="ruleForm.extData.memberIdcardType" placeholder="è¯·éæ©">
			<el-option label="å±æ°èº«ä»½è¯" :value="0"></el-option>
			<el-option label="æ¤ç§" :value="1"></el-option>
			<el-option label="æ·å£æ¬" :value="2"></el-option>
			<el-option label="å±ä½è¯" :value="3"></el-option>
			<el-option label="ç¾è¯" :value="4"></el-option>
			<el-option label="æ¸¯æ¾³éè¡è¯" :value="5"></el-option>
			</el-select>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="è¯ä»¶å·ç " prop="extData.memberIdcard">
			<el-input v-model="ruleForm.extData.memberIdcard" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºçæ¥æ" prop="extData.memberBirthday">
			<el-date-picker
			v-model="ruleForm.extData.memberBirthday"
			type="date"
			placeholder="éæ©æ¥æ"
			format="yyyy å¹´ MM æ dd æ¥"
			value-format="yyyy-MM-dd">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="å¹´é¾" prop="extData.memberAge">
			<el-input v-model="ruleForm.extData.memberAge" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ§å«" prop="extData.memberSex">
			<el-radio-group v-model="ruleForm.extData.memberSex">
			<el-radio :label="0">ç·</el-radio>
			<el-radio :label="1">å¥³</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="çµè¯å·ç " prop="extData.memberPhone">
			<el-input v-model="ruleForm.extData.memberPhone" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ·ç±å°å" prop="extData.memberAddr">
			<el-input v-model="ruleForm.extData.memberAddr" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_rowx"></div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>ä¿åä¿¡æ¯</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="ä¿é©åç§°" prop="extData.bxName">
			<el-input v-model="ruleForm.extData.bxName" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä¿åå·" prop="extData.bxCode">
			<el-input v-model="ruleForm.extData.bxCode" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä¿éæé" prop="extData.bxDate">
			<el-date-picker
			v-model="ruleForm.extData.bxDate"
			type="datetimerange"
			@change="changeBxDate"
			value-format="yyyy-MM-dd hh:mm:ss"
			range-separator="è³"
			start-placeholder="å¼å§æ¥æ"
			end-placeholder="ç»ææ¥æ">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æä¿äºº" prop="extData.bxTbName">
			<el-input v-model="ruleForm.extData.bxTbName" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="è¢«ä¿é©äºº" prop="extData.bxBbName">
			<el-input v-model="ruleForm.extData.bxBbName" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ¿ä¿æºæ" prop="extData.bxOrg">
			<el-input v-model="ruleForm.extData.bxOrg" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºæ¶ä¿è´¹" prop="extData.bxYsMoney">
			<el-input v-model="ruleForm.extData.bxYsMoney" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="å®æ¶ä¿è´¹" prop="extData.bxSsMoney">
			<el-input v-model="ruleForm.extData.bxSsMoney" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_rowx"></div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="çµåä¿å" prop="dzbdFileList">
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.dzbdFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 7)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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, 7)" />
			</div>
			</el-form-item>
			</div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>æ¥æ¡ä¿¡æ¯</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="æ¡ä»¶å·" prop="reportNum">
			<el-input v-model="ruleForm.reportNum" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ¥æ¡äººå§å" prop="informantName">
			<el-input v-model="ruleForm.informantName" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ¥æ¡äººèç³»æ¹å¼" prop="informantPhone">
			<el-input v-model="ruleForm.informantPhone" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ¥æ¡æ¶é´" prop="happenTime">
			<el-date-picker
			v-model="ruleForm.happenTime"
			type="date"
			placeholder="éæ©æ¥æ"
			format="yyyy-MM-dd"
			value-format="yyyy-MM-dd">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºé©æ¶é´" prop="createDate">
			<el-date-picker
			v-model="ruleForm.createDate"
			type="datetime"
			placeholder="éæ©æ¥æ"
			format="yyyy-MM-dd hh:mm:ss"
			value-format="yyyy-MM-dd hh:mm:ss">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºé©å°ç¹" prop="areaInfo">
			<el-input v-model="ruleForm.areaInfo" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ¯å¦å·²æ³¨é" prop="extData.logoff">
			<el-radio-group v-model="ruleForm.extData.logoff">
			<el-radio :label="1">æ¯</el-radio>
			<el-radio :label="0">å¦</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ³¨éå¤çäºº" prop="extData.logoffUser">
			<el-input v-model="ruleForm.extData.logoffUser" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ³¨éæ¶é´" prop="extData.logoffDate">
			<el-date-picker
			v-model="ruleForm.extData.logoffDate"
			type="date"
			placeholder="éæ©æ¥æ"
			format="yyyy å¹´ MM æ dd æ¥"
			value-format="yyyy-MM-dd">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="åºé©ç»è¿" prop="content">
			<el-input v-model="ruleForm.content" :rows="5" type="textarea" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="äºæç±»å" prop="type">
			<el-radio-group v-model="ruleForm.type">
			<el-radio :label="0">å·¥ä½æé´åä¼¤</el-radio>
			<el-radio :label="1">ä¸ä¸çéä¸åä¼¤</el-radio>
			<el-radio :label="2">éå·¥ä½æ¶é´åä¼¤</el-radio>
			<el-radio :label="3">æå¤åä¼¤</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="å°±è¯å»çæºæ" prop="hospital">
			<el-input v-model="ruleForm.hospital" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="å°±è¯ç±»å" prop="inHospital">
			<el-radio-group v-model="ruleForm.inHospital">
			<el-radio :label="1">é¨è¯</el-radio>
			<el-radio :label="0">ä½é¢</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="æ¯å¦ä¼¤æ®" prop="hurtType">
			<el-radio-group v-model="ruleForm.hurtType">
			<el-radio :label="0">æ¯</el-radio>
			<el-radio :label="1">å¦</el-radio>
			<el-radio :label="2">å¾ç¡®å®</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="æ¯å¦æå»ä¿" prop="medicalInsurance">
			<el-radio-group v-model="ruleForm.medicalInsurance">
			<el-radio :label="1">æ¯</el-radio>
			<el-radio :label="0">å¦</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="äºæè§é¢/ç§ç" prop="reportFileList">
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.reportFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 6)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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, 6)" />
			</div>
			</el-form-item>
			</div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>äººåä¼¤äº¡æåµ</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="ä¼¤äº¡äººåå±æ§" prop="extData.rsAttr">
			<el-input v-model="ruleForm.extData.rsAttr" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="äººåä¼¤æ" prop="extData.rsInfo">
			<el-input v-model="ruleForm.extData.rsInfo" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ²»çç¶æ" prop="extData.rsZlStatus">
			<el-input v-model="ruleForm.extData.rsZlStatus" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æå¤±éé¢" prop="extData.rsLossMoney">
			<el-input v-model="ruleForm.extData.rsLossMoney" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="å°±è¯æåµ" prop="extData.rsJzInfo">
			<el-input v-model="ruleForm.extData.rsJzInfo" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºé¢æ¶é´" prop="extData.rsCyDate">
			<el-date-picker
			v-model="ruleForm.extData.rsCyDate"
			type="date"
			placeholder="éæ©æ¥æ"
			format="yyyy å¹´ MM æ dd æ¥"
			value-format="yyyy-MM-dd">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="å»çæºæ" prop="extData.rsYlOrg">
			<el-input v-model="ruleForm.extData.rsYlOrg" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ»äº¡æ¶é´" prop="extData.rsDeathDate">
			<el-input v-model="ruleForm.extData.rsDeathDate" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_rowx"></div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>å°±è¯ä¿¡æ¯</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="å»é¢åç§°" prop="extData.jzHospital">
			<el-input v-model="ruleForm.extData.jzHospital" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä½é¢å·" prop="extData.jzZyCode">
			<el-input v-model="ruleForm.extData.jzZyCode" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ç§å®¤" prop="extData.jzZyKs">
			<el-input v-model="ruleForm.extData.jzZyKs" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="å¥é¢æ¶é´" prop="extData.jzZyDate">
			<el-input v-model="ruleForm.extData.jzZyDate" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºé¢æ¶é´" prop="extData.jzCyDate">
			<el-input v-model="ruleForm.extData.jzCyDate" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åºé¢å¤©æ°" prop="extData.jzZyDays">
			<el-input v-model="ruleForm.extData.jzZyDays" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>è¯æä¿¡æ¯</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="æ²»çæåµ" prop="extData.zdZlInfo">
			<el-input v-model="ruleForm.extData.zdZlInfo" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä¼¤ææè¿°" prop="extData.zdSqInfo">
			<el-input v-model="ruleForm.extData.zdSqInfo" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä¸´åºè¯æ" prop="extData.zdLczd">
			<el-input v-model="ruleForm.extData.zdLczd" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ææ¯åç§°" prop="extData.zdSsName">
			<el-input v-model="ruleForm.extData.zdSsName" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="åç»æ²»çé¡¹ç®" prop="extData.zdHxProject">
			<el-input v-model="ruleForm.extData.zdHxProject" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="æ¯å¦ææ¢å¾ç" prop="extData.zdJwb">
			<el-input v-model="ruleForm.extData.zdJwb" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>æ ¸è´£ä¿¡æ¯</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="ä¿åå·æ¯å¦æç«" prop="extData.hzBdhCl">
			<el-input v-model="ruleForm.extData.hzBdhCl" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="äºæè´£ä»»æ¯ä¾" prop="extData.hzDutyRate">
			<el-input v-model="ruleForm.extData.hzDutyRate" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_rowx"></div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>é´å®ä¿¡æ¯</span>
			</div>
			<div class="box_item_desc">å³å¨è½åé´å®èå·¥å·¥ä¼¤ä¸èä¸çè´æ®ççº§</div>
			<div class="box_item_list">
			<div class="box_item_list_row">
			<el-form-item label="é´å®æåµ" prop="extData.jdInfo">
			<el-input v-model="ruleForm.extData.jdInfo" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="é´å®éå¾" prop="extData.jdChannel">
			<el-input v-model="ruleForm.extData.jdChannel" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="é´å®æºæ" prop="extData.jdOrg">
			<el-input v-model="ruleForm.extData.jdOrg" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="é´å®äºº" prop="extData.jdUser">
			<el-input v-model="ruleForm.extData.jdUser" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="è¯å®æ¥æ" prop="extData.jdPdDate">
			<el-date-picker
			v-model="ruleForm.extData.jdPdDate"
			type="date"
			placeholder="éæ©æ¥æ"
			format="yyyy å¹´ MM æ dd æ¥"
			value-format="yyyy-MM-dd">
			</el-date-picker>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä¼¤æ®ççº§" prop="extData.jdScLevel">
			<el-select v-model="ruleForm.extData.jdScLevel" placeholder="è¯·éæ©">
			<el-option
			v-for="item in 10"
			:key="item"
			:label="item + 'çº§'"
			:value="item">
			</el-option>
			</el-select>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="é´å®æ¡æ¬¾" prop="extData.jdTerms">
			<el-input v-model="ruleForm.extData.jdTerms" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row">
			<el-form-item label="ä¼¤æ®ç³»æ°" prop="extData.jdXishu">
			<el-input v-model="ruleForm.extData.jdXishu" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_rowx"></div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="æ¯å¦ä¼¤æ®èµå¿å®æè§£é¤å³å¨åå" prop="extData.jdJsldht">
			<el-radio-group v-model="ruleForm.extData.jdJsldht">
			<el-radio :label="1">æ¯</el-radio>
			<el-radio :label="0">å¦</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 100%;">
			<el-form-item label="è´£ä»»ä¸è¯æ®æ¡æ¬¾å³èå³ç³»" prop="extData.jdZrpctkRel">
			<el-radio-group v-model="ruleForm.extData.jdZrpctkRel">
			<el-radio :label="0">ä¿åå·</el-radio>
			<el-radio :label="1">å³èè¯æ®æ¡æ¬¾</el-radio>
			<el-radio :label="2">å³å¨è½åé´å®</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>å®æå½å¥</span>
			</div>
			<div class="box_item_desc">ä¸»è¦èµä»é¡¹</div>
			<div class="box_item_list">
			<div class="box_item_list_row" style="width: 100%;" v-for="(item, index) in list1" :key="index">
			<el-form-item :label="item.name">
			<div style="display: flex; flex-direction: column;">
			<el-input v-model="item.fee" @input="changeFee" type="number" placeholder="è¯·è¾å¥éé¢"></el-input>
			<el-input v-model="item.describe" placeholder="è¯·è¾å¥è´¹ç¨è¯´æ"></el-input>
			</div>
			</el-form-item>
			</div>
			</div>
			<div class="box_item_desc">å¶ä»èµä»é¡¹</div>
			<div class="box_item_list">
			<div class="box_item_list_row" style="width: 50%;" v-for="(item, index) in list2" :key="index">
			<el-form-item :label="item.name">
			<div style="display: flex; flex-direction: column;">
			<el-input v-model="item.fee" @input="changeFee" type="number" placeholder="è¯·è¾å¥éé¢"></el-input>
			<el-input v-model="item.describe" placeholder="è¯·è¾å¥è´¹ç¨è¯´æ"></el-input>
			</div>
			</el-form-item>
			</div>
			</div>
			<div class="price">
			<span>èµä»éé¢åè®¡</span>
			<span>Â¥{{totalPrice}}</span>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>å®ææ¹æ¡</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row" style="width: 50%;" v-for="(item, index) in list3" :key="index">
			<el-form-item :label="item.name">
			<el-input v-model="item.fee" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</div>
			<div class="box_item_list_row" style="width: 50%;">
			<el-form-item label="æ¯å¦å¯èµä»å»ä¿å¤ç¨è¯" prop="payForYbwyy">
			<el-radio-group v-model="ruleForm.payForYbwyy">
			<el-radio :label="1">æ¯</el-radio>
			<el-radio :label="0">å¦</el-radio>
			</el-radio-group>
			</el-form-item>
			</div>
			</div>
			</div>
			<div class="box_item">
			<div class="box_item_title">
			<span>çèµææ</span>
			</div>
			<div class="box_item_list">
			<div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;">
			<div class="box_item_list_row_title">
			<div class="x"></div>
			<span>åå·¥å³ç³»è¯æææ</span>
			</div>
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.relationFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 1)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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)" />
			</div>
			</div>
			<div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;">
			<div class="box_item_list_row_title">
			<div class="x"></div>
			<span>é¨è¯</span>
			</div>
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.outpatientFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 2)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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)" />
			</div>
			</div>
			<div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;">
			<div class="box_item_list_row_title">
			<div class="x"></div>
			<span>ä½é¢</span>
			</div>
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.hospitalFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 3)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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)" />
			</div>
			</div>
			<div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;">
			<div class="box_item_list_row_title">
			<div class="x"></div>
			<span>ä¼¤æ®</span>
			</div>
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.disabilityFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 4)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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)" />
			</div>
			</div>
			<div class="box_item_list_row" style="width: 100%; margin-bottom: 30px;">
			<div class="box_item_list_row_title">
			<div class="x"></div>
			<span>å¶ä»</span>
			</div>
			<div class="box_item_list_row_l">
			<div class="desc_data_list_item" v-for="(item, index) in ruleForm.otherFileList" :key="index">
			<div class="desc_data_list_item_dele" @click="delFile(index, 5)">å é¤</div>
			<div class="desc_data_list_item_img" v-if="item.type === 0">
			<img :src="item.url" alt="img"/>
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 1">
			<video controls :src="item.url" />
			</div>
			<div class="desc_data_list_item_img" v-if="item.type === 2">
			<i class="el-icon-folder-opened"></i>
			</div>
			<div class="desc_data_list_item_info">
			<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)" />
			</div>
			</div>
			</div>
			</div>
			</el-form>
			</div>
			</GlobalWindow>
			</template>

			<script>
			import BaseOpera from '@/components/base/BaseOpera'
			import GlobalWindow from '@/components/common/GlobalWindow'
			import upload from '@/components/common/upload'
			import { getCompensation } from '@/api/business/settleRisk'
			import { createSys } from '@/api/business/settleClaims'
			import { findById } from '@/api/business/settleClaimsMovement'
			export default {
			name: 'OpearaCaseEntryWindow',
			extends: BaseOpera,
			components: { GlobalWindow, upload },
			data () {
			return {
			ruleForm: {
			id: null,
			extData: {
			memberName: '',
			memberIdcardType: '',
			memberIdcard: '',
			memberBirthday: '',
			memberAge: '',
			memberSex: 0,
			memberPhone: '',
			memberAddr: '',
			bxName: '',
			bxCode: '',

			bxDate: [],
			bxStartdate: '',
			bxEnddate: '',
			bxTbName: '',
			bxBbName: '',
			bxOrg: '',
			bxYsMoney: '',
			bxSsMoney: '',

			rsAttr: '',
			rsInfo: '',
			rsZlStatus: '',
			rsLossMoney: '',
			rsJzInfo: '',
			rsCyDate: '',
			rsYlOrg: '',
			rsDeathDate: '',

			jzHospital: '',
			jzZyCode: '',
			jzZyKs: '',
			jzZyDate: '',
			jzCyDate: '',
			jzZyDays: '',

			zdZlInfo: '',
			zdSqInfo: '',
			zdLczd: '',
			zdSsName: '',
			zdHxProject: '',
			zdJwb: '',

			hzBdhCl: '',
			hzDutyRate: '',

			jdInfo: '',
			jdChannel: '',
			jdOrg: '',
			jdUser: '',
			jdPdDate: '',
			jdScLevel: '',
			jdTerms: '',
			jdXishu: '',
			jdJsldht: 1,
			jdZrpctkRel: 0,

			logoff: 1,
			logoffUser: '',
			logoffDate: ''
			},
			informantName: '',
			informantPhone: '',
			reportNum: '',
			areaInfo: '',
			type: 0,
			hospital: '',
			inHospital: 1,
			hurtType: 0,
			payForYbwyy: 1,

			relationFileList: [],
			outpatientFileList: [],
			hospitalFileList: [],
			disabilityFileList: [],
			otherFileList: [],
			reportFileList: [],

			accountList: [],
			dzbdFileList: [],

			status: '',
			medicalInsurance: 1,
			content: '',
			happenTime: '',
			createDate: ''
			},
			rules: {
			'extData.memberName': [
			{ required: true, message: 'ä¸è½ä¸ºç©º', trigger: 'blur' }
			],
			'extData.memberIdcardType': [
			{ required: true, message: 'ä¸è½ä¸ºç©º', trigger: 'blur' }
			],
			'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' }
			]
			},
			uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload?folder=settle',
			totalPrice: 0,
			list1: [],
			list2: [],
			list3: [],
			}
			},
			created () {
			this.config({
			api: '/business/company',
			'field.id': 'id'
			})
			},
			methods: {
			open (title, id) {
			this.title = title
			if (id) {
			findById(id)
			.then(res => {
			console.log(res)
			this.ruleForm.id = id
			this.$nextTick(() => {
			for (const key in this.ruleForm) {
			this.ruleForm[key] = res[key]
			}
			if (this.ruleForm.accountList && this.ruleForm.accountList.length > 0) {
			this.list1 = this.ruleForm.accountList.filter(item => item.type === 0)
			this.list2 = this.ruleForm.accountList.filter(item => item.type === 1)
			this.list3 = this.ruleForm.accountList.filter(item => item.type === 2)
			this.changeFee()
			}
			if (res.extData.bxStartdate && res.extData.bxEnddate) {
			this.ruleForm.extData.bxDate = [res.extData.bxStartdate, res.extData.bxEnddate]
			}
			})
			this.visible = true
			})
			} else {
			this.visible = true
			this.ruleForm = {
			id: null,
			extData: {
			memberName: '',
			memberIdcardType: '',
			memberIdcard: '',
			memberBirthday: '',
			memberAge: '',
			memberSex: 0,
			memberPhone: '',
			memberAddr: '',
			bxName: '',
			bxCode: '',

			bxDate: [],
			bxStartdate: '',
			bxEnddate: '',
			bxTbName: '',
			bxBbName: '',
			bxOrg: '',
			bxYsMoney: '',
			bxSsMoney: '',

			rsAttr: '',
			rsInfo: '',
			rsZlStatus: '',
			rsLossMoney: '',
			rsJzInfo: '',
			rsCyDate: '',
			rsYlOrg: '',
			rsDeathDate: '',

			jzHospital: '',
			jzZyCode: '',
			jzZyKs: '',
			jzZyDate: '',
			jzCyDate: '',
			jzZyDays: '',

			zdZlInfo: '',
			zdSqInfo: '',
			zdLczd: '',
			zdSsName: '',
			zdHxProject: '',
			zdJwb: '',

			hzBdhCl: '',
			hzDutyRate: '',

			jdInfo: '',
			jdChannel: '',
			jdOrg: '',
			jdUser: '',
			jdPdDate: '',
			jdScLevel: '',
			jdTerms: '',
			jdXishu: '',
			jdJsldht: 1,
			jdZrpctkRel: 0,

			logoff: 1,
			logoffUser: '',
			logoffDate: ''
			},
			informantName: '',
			informantPhone: '',
			reportNum: '',
			areaInfo: '',
			type: 0,
			hospital: '',
			inHospital: 1,
			hurtType: 0,
			payForYbwyy: 1,

			relationFileList: [],
			outpatientFileList: [],
			hospitalFileList: [],
			disabilityFileList: [],
			otherFileList: [],
			reportFileList: [],

			accountList: [],
			dzbdFileList: [],

			status: '',
			medicalInsurance: 1,
			content: '',
			happenTime: '',
			createDate: ''
			}
			}
			this.getCompensations()
			},
			confirm() {
			this.$refs.ruleForm.validate((valid) => {
			if (!valid) return
			this.isWorking = true
			let obj = JSON.parse(JSON.stringify(this.ruleForm))
			obj.accountList = [...this.list1, ...this.list2, ...this.list3]
			createSys(obj)
			.then(() => {
			this.visible = false
			if (!obj.id) {
			this.$tip.apiSuccess('æ°å»ºæå')
			} else {
			this.$tip.apiSuccess('ç¼è¾æå')
			}
			this.$emit('success')
			})
			.catch(e => {
			this.$tip.apiFailed(e)
			})
			.finally(() => {
			this.isWorking = false
			})
			})
			},
			changeFee() {
			let arr = [...this.list1, ...this.list2]
			let price = 0
			arr.forEach(item => {
			if (item.fee) {
			price += Number(item.fee)
			}
			})
			this.totalPrice = price
			},
			delFile (index, type) {
			if (type === 1) {
			this.ruleForm.relationFileList.splice(index, 1)
			} else if (type === 2) {
			this.ruleForm.outpatientFileList.splice(index, 1)
			} else if (type === 3) {
			this.ruleForm.hospitalFileList.splice(index, 1)
			} else if (type === 4) {
			this.ruleForm.disabilityFileList.splice(index, 1)
			} else if (type === 5) {
			this.ruleForm.otherFileList.splice(index, 1)
			} else if (type === 6) {
			this.ruleForm.reportFileList.splice(index, 1)
			} else if (type === 7) {
			this.ruleForm.dzbdFileList.splice(index, 1)
			}
			},
			claimsUploadFile(file, type) {
			file.fileurl = file.imgaddr
			file.name = file.originname
			if (type === 1) {
			this.ruleForm.relationFileList.push(file)
			} else if (type === 2) {
			this.ruleForm.outpatientFileList.push(file)
			} else if (type === 3) {
			this.ruleForm.hospitalFileList.push(file)
			} else if (type === 4) {
			this.ruleForm.disabilityFileList.push(file)
			} else if (type === 5) {
			this.ruleForm.otherFileList.push(file)
			} else if (type === 6) {
			this.ruleForm.reportFileList.push(file)
			} else if (type === 7) {
			this.ruleForm.dzbdFileList.push(file)
			}
			},
			changeBxDate(e) {
			if (e.length > 1) {
			this.ruleForm.extData.bxStartdate = e[0]
			this.ruleForm.extData.bxEnddate = e[1]
			} else {
			this.ruleForm.extData.bxStartdate = ''
			this.ruleForm.extData.bxEnddate = ''
			}
			},
			getCompensations() {
			getCompensation({ type: 1 })
			.then(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)
			})
			}
			}
			}
			</script>

			<style lang="scss" scoped>
			.box {
			width: 100%;
			.box_item {
			width: 100%;
			margin-bottom: 30px;
			.box_item_title {
			width: 100%;
			margin-bottom: 15px;
			span {
			color: rgba(16,16,16,1);
			font-size: 16px;
			margin-right: 10px;
			}
			}
			.box_item_desc {
			width: 100%;
			padding-left: 50px;
			box-sizing: border-box;
			color: rgba(16,16,16,1);
			font-size: 14px;
			margin-bottom: 15px;
			}
			.price {
			width: 100%;
			height: 62px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-radius: 4px;
			background-color: rgba(239,239,239,1);
			margin-top: 50px;
			padding: 0 20px;
			box-sizing: border-box;
			span {
			&:nth-child(1) {
			color: rgba(16,16,16,1);
			font-size: 18px;
			}
			&:nth-child(2) {
			color: rgba(255,149,2,1);
			font-size: 22px;
			}
			}
			}
			.button {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: end;
			margin-top: 15px;
			.button_submit {
			width: 108px;
			height: 38px;
			line-height: 38px;
			text-align: center;
			border-radius: 4px;
			color: rgba(255,255,255,1);
			font-size: 14px;
			background-color: rgba(31,99,255,1);
			}
			}
			.box_item_list {
			width: 100%;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-between;
			.box_item_list_rowx {
			width: 33.3%;
			height: 0;
			}
			.box_item_list_row {
			width: 33.3%;
			.box_item_list_row_l {
			width: 100%;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			.desc_data_list_item {
			width: 100px;
			height: 100px;
			padding: 10px;
			box-sizing: border-box;
			border: 1px solid #e2e2e2;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;
			margin-bottom: 10px;
			margin-left: 10px;
			&:first-child {
			margin-left: 0 !important;
			}
			.desc_data_list_item_dele {
			position: absolute;
			top: 5px;
			right: 5px;
			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: 70px;
			height: 70px;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
			margin-right: 10px;
			.el-icon-folder-opened {
			font-size: 34px;
			color: #666666;
			}
			.el-icon-plus {
			font-size: 26px;
			color: #ffffff;
			}
			img {
			width: 100%;
			}
			video {
			width: 100%;
			}
			}
			.desc_data_list_item_info {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			word-break: break-all;
			span {
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-size: 14px;
			color: black;
			}
			}
			}
			}
			.box_item_list_row_title {
			width: 100%;
			display: flex;
			align-items: center;
			margin-bottom: 20px;
			.x {
			width: 1px;
			height: 14px;
			background-color: rgba(255,255,255,1);
			border: 4px solid rgba(22,93,255,1);
			margin-right: 10px;
			}
			span {
			color: rgba(16,16,16,1);
			font-size: 14px;
			}
			}
			}
			}
			}
			}
			</style>