From 74225654b1d1dba53fe00b3a5e9b9e91cfa0c922 Mon Sep 17 00:00:00 2001 From: nidapeng <jp@doumee.com> Date: 星期二, 02 四月 2024 15:56:21 +0800 Subject: [PATCH] 提交一把 --- company/src/components/business/OperaUnionApplyCheckWindow.vue | 202 ++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 184 insertions(+), 18 deletions(-) diff --git a/company/src/components/business/OperaUnionApplyCheckWindow.vue b/company/src/components/business/OperaUnionApplyCheckWindow.vue index 2f0cacd..a84674d 100644 --- a/company/src/components/business/OperaUnionApplyCheckWindow.vue +++ b/company/src/components/business/OperaUnionApplyCheckWindow.vue @@ -1,7 +1,7 @@ <template> <GlobalWindow :title="title" - width="50%" + width="60%" :visible.sync="visible" :confirm-working="isWorking" @confirm="confirm" @@ -18,14 +18,14 @@ </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 :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileIndex="index" :showTips="showTips" :fileList="model.applyList[index].fileList" @uploadSuccess="toubaoFileUploaded2" /> + <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="瀹㈡埛鏈熸湜淇濋櫓鐢熸晥璧锋湡锛�"> - {{ model.applyStartTime }} + <el-form-item label="鏈熸湜淇濋櫓鐢熸晥鏈燂細"> + <span >{{( form.startTime|| '-') +' 鑷� '+( form.endTime|| '-')}}</span> </el-form-item> <el-form-item label="" > <el-radio-group v-model="form.selectRadio" @change="selectChange"> @@ -41,20 +41,46 @@ placeholder="閫夋嫨鏃ユ湡"> </el-date-picker> </el-form-item> - <el-form-item label="淇濋櫓鐢熸晥璧锋湡锛�"> - {{ form.startTime }} + <el-form-item label="淇濋櫓鐢熸晥姝㈡湡锛�" prop="endTime" v-if="form.selectRadio === 1"> + <el-date-picker + v-model="form.endTime" + type="date" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鏃ユ湡"> + </el-date-picker> </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 @remove="dele3" :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" /> + <UploadFile @remove="dele3" :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" /> </el-form-item> - <div v-for="(item,index) in this.model.applyList" :key="index"> + <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 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"> + <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" /> + </el-form-item> + </div> + <div class="box_table_content_item"> <el-input style="width: 60%" v-model="form.bxdMultifileList[index].serverMoney" placeholder="璇疯緭鍏�" ></el-input> + <span style="margin-left: 15px">鍏�/浜�</span></div> + </div> + </div> +<!-- <div v-for="(item,index) in this.model.applyList" :key="index"> <el-form-item :label="item.companyName" prop="bxdMultifileList[index]"> <UploadFile :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileIndex="index" :showTips="showTips" :fileList="model.applyList[index].fileList1" @uploadSuccess="baoxianFileUploaded2" /> </el-form-item> - </div> + </div>--> </el-form> <template v-slot:footer> <el-button type="primary" @click="doSubmit">纭� 瀹�</el-button> @@ -72,11 +98,12 @@ uploadToubaodan } from '@/api/business/unionApply' import UploadFile from '@/components/common/UploadFile' +import UploadFileLink from '@/components/common/UploadFileLink' export default { name: 'OperaUnionApplyCheckWindow', extends: BaseOpera, - components: { UploadFile, GlobalWindow }, + components: { UploadFile, GlobalWindow ,UploadFileLink}, data () { return { // 琛ㄥ崟鏁版嵁 @@ -100,6 +127,9 @@ startTime: [ { required: true, message: '璇峰畬鍠勪俊鎭�' } ], + endTime: [ + { required: true, message: '璇峰畬鍠勪俊鎭�' } + ], baoxianFile: [ { required: true, message: '璇峰畬鍠勪俊鎭�' } ] @@ -109,6 +139,7 @@ backCheckInfo: '', editCheckInfo: '', startTime: null, + endTime: null, code: null, toubaodanFile: null, baoxianFile: null, @@ -134,9 +165,14 @@ this.form.toubaodanFile= null }, deleIndex (flag,index) { - if(flag == 0) - this.form.tbdMultifileList[index].fileurl = null - this.form.tbdMultifileList[index].name = null + alert(index) + if(flag == 0){ + this.form.tbdMultifileList[index].fileurl = null + this.form.tbdMultifileList[index].name = null + }else if(flag ==1){ + this.form.bxdMultifileList[index].fileUrl = null + this.form.bxdMultifileList[index].fileName = null + } }, dele3 () { this.form.baoxianFile = null @@ -152,10 +188,13 @@ editDate: '', editCode: '', startTime: null, + endTime: null, code: null, toubaodanFile: null, baoxianFile: null, editBaoxianFile: null, + tbdMultifileList:[], + bxdMultifileList:[], fileList: [], fileList1: [], selectRadio: 0 @@ -163,6 +202,7 @@ this.model = target this.form.startTime = target.startTime + this.form.endTime = target.endTime this.title = title this.flag = flag this.visible1 = false @@ -188,7 +228,7 @@ if(this.model.applyList){ this.model.applyList.forEach(item =>{ item.fileList1 =[] - this.form.bxdMultifileList.push({objId:item.id,fileurl:null,name:null}) + this.form.bxdMultifileList.push({applyId:item.id,serverMoney:0,fileUrl:null,fileName:null}) }) } } @@ -223,8 +263,10 @@ selectChange () { if (this.form.selectRadio == 0) { this.form.startTime = this.model.startTime + this.form.endTime = this.model.endTime } else { - this.form.startTime = '' + // this.form.startTime = '' + // this.form.endTime = '' } }, toubaoFileUploaded (data) { @@ -238,8 +280,8 @@ this.form.baoxianFile = data }, baoxianFileUploaded2 (data) { - this.form.bxdMultifileList[data.index].fileurl = data.fileurl - this.form.bxdMultifileList[data.index].name = data.name + this.form.bxdMultifileList[data.index].fileUrl = data.fileurl + this.form.bxdMultifileList[data.index].fileName = data.name }, backDo () { this.$dialog.messageConfirm('纭杩涜璇ユ搷浣滃悧锛�') @@ -273,7 +315,17 @@ this.$dialog.messageConfirm('纭杩涜璇ユ搷浣滃悧锛�') .then(() => { this.isWorking = true - uploadBXD({ id: this.model.id, startTime: this.form.startTime, code: this.form.code, baoxiandanFile: this.form.baoxianFile }) + var param ={ + id: this.model.id, + startTime: this.form.startTime, + endTime: this.form.endTime, + code: this.form.code, + fileUrl: this.form.baoxianFile.fileurl, + fileName: this.form.baoxianFile.name, + unionApplyBXDDDetailDTOList:this.form.bxdMultifileList + } + console.log(param) + uploadBXD(param) .then(response => { this.visible = false this.$emit('success') @@ -428,4 +480,118 @@ } } } + .box_table { + width: 100%; + border-top: 1px solid #b4bbc5; + border-left: 1px solid #b4bbc5; + box-sizing: border-box; + .box_table_head { + 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; + 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(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; + } + } + .box_form_item { + flex: 1; + height: 50px; + background: #ffffff; + 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(1) { + //flex: 0.5; + } + } + } + .box_table_content { + width: 100%; + display: flex; + align-items: center; + .box_table_content_header{ + border-bottom: 0px solid #b4bbc5 !important; + } + .box_table_content_item { + flex: 1; + height: 50px; + background: #ffffff; + 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(1) { + flex: 0.5;; + } + &:nth-child(2) { + flex:1.5; + } + &:nth-child(4) { + flex: 1.5; + } + &:nth-child(5) { + flex: 1.5; + } + } + } + } </style> -- Gitblit v1.9.3