From 09da100729793848bc01b51f7b05ca3f1e7ec64f Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 20 六月 2024 14:05:35 +0800
Subject: [PATCH] 提交一把
---
company/src/components/business/OperaUnionApplyCheckWindow.vue | 516 ++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 368 insertions(+), 148 deletions(-)
diff --git a/company/src/components/business/OperaUnionApplyCheckWindow.vue b/company/src/components/business/OperaUnionApplyCheckWindow.vue
index 9c4dd14..9a8da47 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"
@@ -16,11 +16,16 @@
<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>
</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">
@@ -36,15 +41,47 @@
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"
+ @change="changEndTime"
+ 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 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.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" />
+ </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>-->
</el-form>
<template v-slot:footer>
<el-button type="primary" @click="doSubmit">纭� 瀹�</el-button>
@@ -59,19 +96,21 @@
import {
cancel,
uploadBXD,
- uploadToubaodan,
-} from "@/api/business/unionApply";
-import UploadFile from "@/components/common/UploadFile";
-import {remark} from "@/api/business/settleClaims";
+ 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 {
// 琛ㄥ崟鏁版嵁
model: {},
- falg :0,
+ falg: 0,
+ showTips:false,
rules1: {
backCheckInfo: [
{ required: true, message: '璇峰畬鍠勪俊鎭�' }
@@ -89,23 +128,27 @@
startTime: [
{ required: true, message: '璇峰畬鍠勪俊鎭�' }
],
- baoxianFile: [
+ endTime: [
{ required: true, message: '璇峰畬鍠勪俊鎭�' }
],
+ baoxianFile: [
+ { required: true, message: '璇峰畬鍠勪俊鎭�' }
+ ]
},
form: {
- id: null,
- backCheckInfo:'',
- editCheckInfo:'',
- startTime:null,
- code:null,
- toubaodanFile:null,
- baoxianFile:null,
- tbdMultifileList:[],
- bxdMultifileList:[],
+ id: null,
+ backCheckInfo: '',
+ editCheckInfo: '',
+ startTime: null,
+ endTime: null,
+ code: null,
+ toubaodanFile: null,
+ baoxianFile: null,
+ tbdMultifileList: [],
+ bxdMultifileList: [],
fileList: [],
fileList1: [],
- selectRadio:0
+ selectRadio: 0
},
visible1: false,
visible2: false,
@@ -113,55 +156,87 @@
}
},
created () {
- this.config({
- api: '/business/insuranceApply',
- 'field.id': 'id'
- })
+ this.config({
+ api: '/business/insuranceApply',
+ 'field.id': 'id'
+ })
},
methods: {
- dele2() {
- this.form.toubaodanFile = ''
+ changEndTime(){
+ this.form.endTime=this.form.endTime.replace(" 00:00:00"," 23:59:59")
},
- dele3() {
- this.form.baoxianFile = ''
+ dele2 () {
+ this.form.toubaodanFile= null
},
- open(title,target,flag){
- this.visible=true
- this.model={}
- this.form= {
- id: null,
- backCheckInfo:'',
- dealBackInfo:'',
- editCheckInfo:'',
- editDate: '',
- editCode: '',
- startTime:null,
- code:null,
- toubaodanFile:null,
- baoxianFile:null,
- editBaoxianFile:null,
- fileList: [],
- fileList1: [],
- selectRadio:0
- },
- this.model = target
- this.form.startTime = target.startTime
- this.title = title
- this.flag = flag
- this.visible1 = false
- this.visible2 = false
- this.visible3 = false
- if(flag == 1){
- this.visible1 = true
- }
- if(flag == 2){
- this.visible2 = true
- }
- if(flag == 3){
- this.visible3 = true
- }
- },
- doSubmit(){
+ deleIndex (flag,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
+ },
+ open (title, target, flag) {
+ this.visible = true
+ this.model = {}
+ this.form = {
+ id: null,
+ backCheckInfo: '',
+ dealBackInfo: '',
+ editCheckInfo: '',
+ editDate: '',
+ editCode: '',
+ startTime: null,
+ endTime: null,
+ code: null,
+ toubaodanFile: null,
+ baoxianFile: null,
+ editBaoxianFile: null,
+ tbdMultifileList:[],
+ bxdMultifileList:[],
+ fileList: [],
+ fileList1: [],
+ selectRadio: 0
+ }
+
+ this.model = target
+ this.form.startTime = target.startTime
+ this.form.endTime = target.endTime
+ this.title = title
+ this.flag = flag
+ this.visible1 = false
+ this.visible2 = false
+ this.visible3 = false
+ this.form.tbdMultifileList=[]
+ this.form.bxdMultifileList=[]
+ if (flag == 1) {
+ this.visible1 = true
+ }
+ if (flag == 2) {
+ this.visible2 = true
+ if(this.model.applyList){
+ this.model.applyList.forEach(item =>{
+ item.fileList =[]
+ this.form.tbdMultifileList.push({objId:item.id,fileurl:null,name:null})
+ })
+ }
+ }
+ console.log(this.model.applyList)
+ if (flag == 3) {
+ this.visible3 = true
+ if(this.model.applyList){
+ this.model.applyList.forEach(item =>{
+ item.fileList1 =[]
+ this.form.bxdMultifileList.push({applyId:item.id,serverMoney:0,fileUrl:null,fileName:null})
+ })
+ }
+ }
+ },
+ doSubmit () {
if (this.flag == 1) {
this.$refs.form1.validate((valid) => {
// debugger
@@ -188,87 +263,107 @@
})
}
},
- selectChange(){
- if(this.form.selectRadio == 0){
- this.form.startTime = this.model.startTime
- }else{
- this.form.startTime = ''
- }
- },
- toubaoFileUploaded(data){
- this.form.toubaodanFile=data
- },
- baoxianFileUploaded(data){
- this.form.baoxianFile=data
- },
- backDo(){
- this.$dialog.messageConfirm('纭杩涜璇ユ搷浣滃悧锛�')
- .then(() => {
- this.isWorking = true
- cancel({id:this.model.id,reason:this.form.backCheckInfo})
- .then(response => {
- this.visible = false
- this.$emit('success')
- }).catch(err => {
- this.$tip.apiFailed(err)
- })
- })
- },
- uploadToubaodan(){
- this.$dialog.messageConfirm('纭杩涜璇ユ搷浣滃悧锛�')
- .then(() => {
- this.isWorking = true
- uploadToubaodan({businessId:this.model.id,fileurl:this.form.toubaodanFile.fileurl,name:this.form.toubaodanFile.name,multifileList:this.form.tbdMultifileList})
- .then(response => {
- this.visible = false
- this.$emit('success')
- }).catch(err => {
- this.$tip.apiFailed(err)
- })
- })
- },
-
- uploadBaoxiandan(){
- this.$dialog.messageConfirm('纭杩涜璇ユ搷浣滃悧锛�')
- .then(() => {
- this.isWorking = true
- uploadBXD({id:this.model.id,startTime:this.form.startTime,code:this.form.code,baoxiandanFile:this.form.baoxianFile})
- .then(response => {
- this.visible = false
- this.$emit('success')
- }).catch(err => {
- this.$tip.apiFailed(err)
- })
- })
-
- },
- handleRemove(file, fileList) {
- console.log(file, fileList);
- },
- handlePreview(file) {
- console.log(file);
- },
- handleExceed(files, fileList) {
- this.$message.warning(`褰撳墠闄愬埗閫夋嫨 3 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${files.length + fileList.length} 涓枃浠禶);
- },
- beforeRemove(file, fileList) {
- return this.$confirm(`纭畾绉婚櫎 ${ file.name }锛焋);
- },
- successEvent() {
-
- },
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
- },
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
- },
- handleClick(tab, event) {
- console.log(tab, event);
- },
- onSubmit() {
-
+ selectChange () {
+ if (this.form.selectRadio == 0) {
+ this.form.startTime = this.model.startTime
+ this.form.endTime = this.model.endTime
+ } else {
+ // this.form.startTime = ''
+ // this.form.endTime = ''
}
+ },
+ toubaoFileUploaded (data) {
+ this.form.toubaodanFile = data
+ },
+ toubaoFileUploaded2 (data) {
+ this.form.tbdMultifileList[data.index].fileurl = data.fileurl
+ this.form.tbdMultifileList[data.index].name = data.name
+ },
+ baoxianFileUploaded (data) {
+ this.form.baoxianFile = data
+ },
+ baoxianFileUploaded2 (data) {
+ this.form.bxdMultifileList[data.index].fileUrl = data.fileurl
+ this.form.bxdMultifileList[data.index].fileName = data.name
+ },
+ backDo () {
+ this.$dialog.messageConfirm('鎮ㄧ‘璁よ繘琛岃鎿嶄綔鍚楋紵')
+ .then(() => {
+ this.isWorking = true
+ cancel({ id: this.model.id, reason: this.form.backCheckInfo })
+ .then(response => {
+ this.visible = false
+ this.$emit('success')
+ }).catch(err => {
+ this.$tip.apiFailed(err)
+ })
+ })
+ },
+ uploadToubaodan () {
+ this.$dialog.messageConfirm('鎻愪氦鍚庝笉鍙慨鏀癸紝璇峰啀娆℃牳瀵瑰悗纭鎻愪氦锛�')
+ .then(() => {
+ this.isWorking = true
+ console.log(this.form.tbdMultifileList )
+ uploadToubaodan({ businessId: this.model.id, fileurl: this.form.toubaodanFile.fileurl, name: this.form.toubaodanFile.name, multifileList: this.form.tbdMultifileList })
+ .then(response => {
+ this.visible = false
+ this.$emit('success')
+ }).catch(err => {
+ this.$tip.apiFailed(err)
+ })
+ })
+ },
+
+ uploadBaoxiandan () {
+ this.$dialog.messageConfirm('鎻愪氦鍚庝笉鍙慨鏀癸紝璇峰啀娆℃牳瀵瑰悗纭鎻愪氦锛�')
+ .then(() => {
+ this.isWorking = true
+ 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')
+ }).catch(err => {
+ this.$tip.apiFailed(err)
+ })
+ })
+ },
+ handleRemove (file, fileList) {
+ console.log(file, fileList)
+ },
+ handlePreview (file) {
+ console.log(file)
+ },
+ handleExceed (files, fileList) {
+ this.$message.warning(`褰撳墠闄愬埗閫夋嫨 3 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${files.length + fileList.length} 涓枃浠禶)
+ },
+ beforeRemove (file, fileList) {
+ return this.$confirm(`纭畾绉婚櫎 ${file.name}锛焋)
+ },
+ successEvent () {
+
+ },
+ handleSizeChange (val) {
+ console.log(`姣忛〉 ${val} 鏉)
+ },
+ handleCurrentChange (val) {
+ console.log(`褰撳墠椤�: ${val}`)
+ },
+ handleClick (tab, event) {
+ console.log(tab, event)
+ },
+ onSubmit () {
+
+ }
}
}
</script>
@@ -388,4 +483,129 @@
}
}
}
+ .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 {
+ //white-space: nowrap;
+ overflow: hidden;
+ //text-overflow: ellipsis;
+ flex: 1;
+ height: 50px;
+ padding: 10px;
+ 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;
+ }
+ span{
+ width: 100%;
+ white-space: nowrap;
+ word-wrap: break-word;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+ }
+ }
+ }
</style>
--
Gitblit v1.9.3