|  |  | 
 |  |  |         :confirm-working="isWorking" | 
 |  |  |         @confirm="confirm" | 
 |  |  |     > | 
 |  |  |         <!--    退回投保    --> | 
 |  |  |         <!--    退回申请    --> | 
 |  |  |         <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="toubaodanFile"> | 
 |  |  |             <UploadFile @remove="dele2" :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList" @uploadSuccess="toubaoFileUploaded" /> | 
 |  |  |           </el-form-item> | 
 |  |  |           <div v-for="(item,index) in this.model.applyList" :key="index"> | 
 |  |  |             <el-form-item :label="(index+1)+'.被保险人('+item.companyName+'):'" prop="tbdMultifileList[index]"> | 
 |  |  |               <UploadFile  @remove="deleIndex(0,index)"  :uploadData="{ folder: 'apply',fileType:'.pdf' }"  :fileIndex="index"  :showTips="showTips" :fileList="model.applyList[index].fileList" @uploadSuccess="toubaoFileUploaded2" /> | 
 |  |  |             </el-form-item> | 
 |  |  |           </div> | 
 |  |  | <!--          <div v-for="(item,index) in this.model.applyList" :key="index">--> | 
 |  |  | <!--            <el-form-item :label="(index+1)+'.被保险人('+item.companyName+'):'" prop="tbdMultifileList[index]">--> | 
 |  |  | <!--              <UploadFile  @remove="deleIndex(0,index)"  :uploadData="{ folder: 'apply',fileType:'.pdf' }"  :fileIndex="index"  :showTips="showTips" :fileList="model.applyList[index].fileList" @uploadSuccess="toubaoFileUploaded2" />--> | 
 |  |  | <!--            </el-form-item>--> | 
 |  |  | <!--          </div>--> | 
 |  |  |         </el-form> | 
 |  |  |         <!--    上传保险单    --> | 
 |  |  |       <el-form v-if="visible3==true" :model="form" ref="form3" :rules="rules3" style="width: 100%;"> | 
 |  |  | 
 |  |  |         <el-form-item label="保险生效止期:" prop="endTime" v-if="form.selectRadio === 1"> | 
 |  |  |           <el-date-picker | 
 |  |  |               v-model="form.endTime" | 
 |  |  |               @change="changEndTime" | 
 |  |  |               type="date" | 
 |  |  |               value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |               placeholder="选择日期"> | 
 |  |  | 
 |  |  |         <el-form-item label="上传保险单:" prop="baoxianFile"> | 
 |  |  |           <UploadFile @remove="dele3"  :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <div class="box_table"> | 
 |  |  |         <div class="box_table" v-if="false"> | 
 |  |  |           <div class="box_table_head"> | 
 |  |  |             <div class="box_table_head_item">序号</div> | 
 |  |  |             <div class="box_table_head_item">被保险人</div> | 
 |  |  |             <div  class="box_table_head_item">投保人数</div> | 
 |  |  |             <div  class="box_table_head_item">在保/投保人数</div> | 
 |  |  |             <div class="box_table_head_item">操作</div> | 
 |  |  |             <div class="box_table_head_item">服务费(当前保单)</div> | 
 |  |  |           </div> | 
 |  |  |           <div class="box_table_content" v-for="(item, index) in model.applyList" :key="index"> | 
 |  |  |             <div class="box_table_content_item">{{index + 1}}</div> | 
 |  |  |             <div class="box_table_content_item" >{{ item.companyName }}</div> | 
 |  |  |             <div class="box_table_content_item">{{ item.insureNum }}</div> | 
 |  |  |             <div class="box_table_content_item">{{item.guaranteeNum}} / {{ item.insureNum }}</div> | 
 |  |  |             <div class="box_table_content_item"> | 
 |  |  |               <el-form-item label="" prop="bxdMultifileList[index]"> | 
 |  |  |                 <UploadFileLink   @remove="deleIndex(1,index)" :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileIndex="index" :showTips="showTips" :fileList="model.applyList[index].fileList1" @uploadSuccess="baoxianFileUploaded2" /> | 
 |  |  | 
 |  |  |     }) | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     changEndTime(){ | 
 |  |  |       this.form.endTime=this.form.endTime.replace(" 00:00:00"," 23:59:59") | 
 |  |  |     }, | 
 |  |  |     dele2 () { | 
 |  |  |       this.form.toubaodanFile= null | 
 |  |  |     }, | 
 |  |  | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       this.model = target | 
 |  |  |       console.log(target) | 
 |  |  |       this.form.startTime = target.startTime | 
 |  |  |       this.form.endTime = target.endTime | 
 |  |  |       this.title = title | 
 |  |  | 
 |  |  |       this.form.bxdMultifileList[data.index].fileName = data.name | 
 |  |  |     }, | 
 |  |  |     backDo () { | 
 |  |  |       this.$dialog.messageConfirm('确认进行该操作吗?') | 
 |  |  |       this.$dialog.messageConfirm('您确认进行该操作吗?') | 
 |  |  |         .then(() => { | 
 |  |  |           this.isWorking = true | 
 |  |  |           cancel({ id: this.model.id, reason: this.form.backCheckInfo }) | 
 |  |  | 
 |  |  |         }) | 
 |  |  |     }, | 
 |  |  |     uploadToubaodan () { | 
 |  |  |       this.$dialog.messageConfirm('确认进行该操作吗?') | 
 |  |  |       this.$dialog.messageConfirm('提交后不可修改,请再次核对后确认提交!') | 
 |  |  |         .then(() => { | 
 |  |  |           this.isWorking = true | 
 |  |  |           console.log(this.form.tbdMultifileList ) | 
 |  |  | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     uploadBaoxiandan () { | 
 |  |  |       this.$dialog.messageConfirm('确认进行该操作吗?') | 
 |  |  |       this.$dialog.messageConfirm('提交后不可修改,请再次核对后确认提交!') | 
 |  |  |         .then(() => { | 
 |  |  |           this.isWorking = true | 
 |  |  |           var param ={ | 
 |  |  | 
 |  |  |           border-bottom: 0px solid #b4bbc5 !important; | 
 |  |  |         } | 
 |  |  |         .box_table_content_item { | 
 |  |  |           //white-space: nowrap; | 
 |  |  |           overflow: hidden; | 
 |  |  |           //text-overflow: ellipsis; | 
 |  |  |           flex: 1; | 
 |  |  |           height: 50px; | 
 |  |  |           padding: 10px; | 
 |  |  |           background: #ffffff; | 
 |  |  |           display: flex; | 
 |  |  |           align-items: center; | 
 |  |  | 
 |  |  |           &:nth-child(5) { | 
 |  |  |             flex: 1.5; | 
 |  |  |           } | 
 |  |  |           span{ | 
 |  |  |             width: 100%; | 
 |  |  |             white-space: nowrap; | 
 |  |  |             word-wrap: break-word; | 
 |  |  |             text-overflow: ellipsis; | 
 |  |  |             overflow: hidden; | 
 |  |  |           } | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |     } |