| | |
| | | <el-input type="textarea" v-model="form.backCheckInfo" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- 上传保险单 --> |
| | | <!-- 上传批单 --> |
| | | <el-form v-if="visible3==true" :model="form" ref="form3" :rules="rules3" style="width: 100%;"> |
| | | <el-form-item label="期望保险生效期:"> |
| | | <span >{{( form.applyTime|| '-')}} </span> |
| | | </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="applyTime" v-if="form.selectRadio === 1"> |
| | | <el-date-picker |
| | | v-model="form.applyTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="保单号:" prop="code"> |
| | | <template v-if="model.delOnlyReplace != 1"> |
| | | <el-form-item > |
| | | <div style="display: inline;margin-right: 50px;" > |
| | | 期望批增生效期: {{( form.applyTime|| '-')}} |
| | | </div> |
| | | <div style="display: inline" > |
| | | 期望批减生效期: {{( form.delValidTime|| '-')}} |
| | | </div> |
| | | </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="applyTime" v-if="form.selectRadio === 1"> |
| | | <el-date-picker |
| | | v-model="form.applyTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="批减生效日期:" prop="delValidTime" v-if="form.selectRadio === 1"> |
| | | <el-date-picker |
| | | v-model="form.delValidTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </template> |
| | | <template v-else> |
| | | <el-form-item > |
| | | <div style="display: inline;margin-right: 50px;" > |
| | | 期望批改生效期:{{( form.delValidTime|| '-')}} |
| | | </div> |
| | | </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="delValidTime" v-if="form.selectRadio === 1"> |
| | | <el-date-picker |
| | | v-model="form.delValidTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </template> |
| | | <el-form-item label="批单号:" prop="code"> |
| | | <el-input v-model="form.code" placeholder="请输入" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="上传保险单:" prop="baoxianFile"> |
| | | <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_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 v-if="model.type==0" class="box_table_head_item">加保人数</div> |
| | | <div v-if="model.type==0" class="box_table_head_item">减保人数</div> |
| | | <div v-if="model.type==1" 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.addNum }}</div> |
| | | <div class="box_table_content_item">{{ item.delNum }}</div> |
| | | <div v-if="model.type==0" class="box_table_content_item">{{ item.addNum }}</div> |
| | | <div v-if="model.type==0" class="box_table_content_item">{{ item.delNum }}</div> |
| | | <div v-if="model.type==1" class="box_table_content_item">{{ item.changeNum }}</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" /> |
| | |
| | | id: null, |
| | | backCheckInfo: '', |
| | | applyTime: null, |
| | | delValidTime: null, |
| | | code: null, |
| | | baoxianFile: null, |
| | | bxdMultifileList: [], |
| | |
| | | }, |
| | | methods: { |
| | | deleIndex (flag,index) { |
| | | alert(index) |
| | | if(flag == 0){ |
| | | this.form.tbdMultifileList[index].fileurl = null |
| | | this.form.tbdMultifileList[index].name = null |
| | |
| | | startTime: null, |
| | | code: null, |
| | | baoxianFile: null, |
| | | delValidTime: null, |
| | | bxdMultifileList:[], |
| | | fileList1: [], |
| | | selectRadio: 0, |
| | |
| | | |
| | | this.model = target |
| | | this.form.applyTime = target.applyStartTime |
| | | this.form.delValidTime = target.delValidTime |
| | | this.title = title |
| | | this.flag = flag |
| | | this.visible1 = false |
| | |
| | | selectChange () { |
| | | if (this.form.selectRadio == 0) { |
| | | this.form.applyTime = this.model.applyStartTime |
| | | this.form.delValidTime = this.model.delValidTime |
| | | } |
| | | }, |
| | | baoxianFileUploaded (data) { |
| | |
| | | }) |
| | | }, |
| | | uploadBaoxiandan () { |
| | | this.$dialog.messageConfirm('确认进行该操作吗?') |
| | | this.$dialog.messageConfirm('提交后不可修改,请再次核对后确认提交!') |
| | | .then(() => { |
| | | this.isWorking = true |
| | | var param ={ |
| | | id: this.model.id, |
| | | applyDate: this.form.applyTime, |
| | | applyDate: (this.model.delOnlyReplace != 1 ? this.form.applyTime : this.form.delValidTime), |
| | | delValidTime:this.form.delValidTime, |
| | | code: this.form.code, |
| | | fileurl: this.form.baoxianFile.fileurl, |
| | | name: this.form.baoxianFile.name, |
| | |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | .box_table_head_item1 { |
| | | flex: 1; |
| | | height: 50px; |
| | | background: #f2f2f2; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 14px; |
| | | color: black; |
| | | border-right: 1px solid #b4bbc5; |
| | | border-bottom: 1px solid #b4bbc5; |
| | | box-sizing: border-box; |
| | | } |
| | | .box_table_head_item { |
| | | flex: 1; |
| | | height: 50px; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | padding: 10px; |
| | | font-size: 14px; |
| | | color: black; |
| | | border-right: 1px solid #b4bbc5; |
| | | border-bottom: 1px solid #b4bbc5; |
| | | box-sizing: border-box; |
| | | &:nth-child(1) { |
| | | flex: 0.5;; |
| | | } |
| | | &:nth-child(2) { |
| | | flex:1.5; |
| | | } |
| | | &:nth-child(4) { |
| | | flex:1.5; |
| | | } |
| | | &:nth-child(5) { |
| | | flex: 1.5;; |
| | | } |
| | | } |
| | | .box_table_head_item5 { |
| | | flex: 1; |
| | | height: 50px; |
| | | background: #f2f2f2; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 14px; |
| | | color: black; |
| | | border-right: 1px solid #b4bbc5; |
| | | border-bottom: 1px solid #b4bbc5; |
| | | box-sizing: border-box; |
| | | &:nth-child(2) { |
| | | flex: 5; |
| | | } |
| | | flex: 0.5; |
| | | } &:nth-child(2) { |
| | | flex: 1.5; |
| | | } |
| | | } |
| | | .box_form_item { |
| | | flex: 1; |
| | |
| | | border-bottom: 0px solid #b4bbc5 !important; |
| | | } |
| | | .box_table_content_item { |
| | | overflow: hidden; |
| | | display: block; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | flex: 1; |
| | | height: 50px; |
| | | padding: 10px; |
| | | background: #ffffff; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | border-bottom: 1px solid #b4bbc5; |
| | | box-sizing: border-box; |
| | | &:nth-child(1) { |
| | | flex: 0.5;; |
| | | } |
| | | &:nth-child(2) { |
| | | flex:1.5; |
| | | } |
| | | &:nth-child(4) { |
| | | flex: 1.5; |
| | | } |
| | | &:nth-child(5) { |
| | | flex: 1.5; |
| | | flex: 0.5; |
| | | }&:nth-child(2) { |
| | | flex: 1.5; |
| | | } |
| | | span{ |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | word-wrap: break-word; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | } |
| | | } |
| | | } |