alhj/pages/alldeatil/addbill.vue

<template>
	<view class="content">
	<!-- 	<view class="listitem">
			<text class="lys">合同名称</text>
			<view class="inbox">
				<input type="text" v-model="form.name" placeholder="请输入合同的名称" placeholder-style="color:#BEBDBB" />
			</view>
		</view> -->
		<!-- 	<view class="listitem">
			<text class="lys">合同编号</text>
			<view class="inbox flex2">
				<input type="text" v-model="form.tax_no" placeholder="请输入合同的编号" placeholder-style="color:#BEBDBB" />
				<view class="flex7">
					<text style="color: #E8E8E8;">|</text>
					<text style="padding-left: 20rpx;display: block;">待确认</text>
				</view>
			</view>
		</view> -->
<!-- 		<view class="listitem">
			<view class="" style="display: flex;align-content: center;">
				<text class="lys">合同附件</text>
				<text
					style="font-size: 24rpx; color:#D05C39;padding-top: 45rpx;padding-left: 20rpx;">*支持上传pdf、jpg/jpeg、png格式</text>
			</view>

			<view class="inbox" style="border: none;padding-bottom: 0">
				<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
					:maxCount="10" width="100" height="100"></u-upload>
			</view>
		</view>
		<view class="listitem" style="border: none;">
			<view class="" style="display: flex;align-content: center;">
				<text class="lys">发票附件</text>
				<text
					style="font-size: 24rpx; color:#D05C39;padding-top: 45rpx;padding-left: 20rpx;">*支持上传pdf、jpg/jpeg、png格式</text>
			</view>

			<view class="inbox" style="border: none;padding-bottom: 0">
				<u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple
					:maxCount="10" width="100" height="100"></u-upload>
			</view>
		</view>
		<view class="listitem">
			<view class="" style="display: flex;align-content: center;">
				<text class="lys">贸易合同</text>
				<text
					style="font-size: 24rpx; color:#D05C39;padding-top: 45rpx;padding-left: 20rpx;">*支持上传pdf、jpg/jpeg、png格式</text>
			</view>

			<view class="inbox" style="border: none;padding-bottom: 0">
				<u-upload :fileList="fileList3" @afterRead="afterRead" @delete="deletePic" name="3" multiple
					:maxCount="10" width="100" height="100"></u-upload>
			</view>
		</view> -->
		<view v-for="(item,index) in form.contractDrafts" :key="index">
			<view class="addtitle flex6">
				<text class="ty">汇票{{index+1}}</text>
				<text class="tde" @click="deleBill" v-if="index>0">删除</text>
			</view>
			<view class="listitem">
				<text class="lys">汇票名称</text>
				<view class="inbox">
					<input type="text" v-model="item.name" placeholder="请输入汇票的名称" placeholder-style="color:#BEBDBB" />
				</view>
			</view>
			<view class="listitem">
				<text class="lys">汇票号码</text>
				<view class="inbox">
					<input type="text" v-model="item.draftNo" placeholder="请输入汇票的号码"
						placeholder-style="color:#BEBDBB"/>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">承兑人</text>
				<view class="chosbox" @click="checkacptIndex(index)">
					<uni-data-select v-model="item.acceptor" :localdata="range1" @change="changeacPerson"
						:showas="false" :plname="'搜索兑换人名称'"  @search="searchAcceptor"></uni-data-select>
				</view>
			</view>
			
			<view class="listitem">
				<text class="lys">出票人</text>
				<view class="chosbox" @click="checkldrwIndex(index)">
					<uni-data-select v-model="item.drawers" :localdata="range2" @change="changedrPerson"
						:plname="'搜索出票人名称'" @search="searchDrawers"></uni-data-select>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">金额</text>
				<view class="inbox">
					<input type="digit" v-model="item.money" placeholder="请输入汇票的金额" placeholder-style="color:#BEBDBB"
						@input="getMoney" @blur="getMoneyIndex(index)" />
				</view>
			</view>
			<view class="listitem">
				<text class="lys">承兑日期</text>
				<view class="calender" @click="openTime(index,1)">
					<view class="canicon">
						<image src="../../static/img/canlen.png" mode="aspectFill"></image>
					</view>
					<text>{{item.acceptDate}}</text>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">出票日期</text>
				<view class="calender" @click="openTime(index,2)">
					<view class="canicon">
						<image src="../../static/img/canlen.png" mode="aspectFill"></image>
					</view>
					<text>{{item.issueDate}}</text>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">汇票到期日</text>
				<view class="calender" @click="openTime(index,3)">
					<view class="canicon">
						<image src="../../static/img/canlen.png" mode="aspectFill"></image>
					</view>
					<text>{{item.expireDate}}</text>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">预计贴现日</text>
				<view class="calender" @click="openTime(index,4)">
					<view class="canicon">
						<image src="../../static/img/canlen.png" mode="aspectFill"></image>
					</view>
					<text>{{item.expectDiscountDate}}</text>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">最高贷款额度</text>
				<view class="inbox">

					<input type="text" v-model="item.loanLimit" placeholder="自动计算得出" placeholder-style="color:#1F242A"
						disabled="true" />
				</view>
			</view>
			<view class="flex4">
				<view class="listitem">
					<text class="lys">服务费率</text>
					<view class="inbox">
						<input type="digit" v-model="item.serviceRate+'%'" placeholder="显示对于费率"
							placeholder-style="color:#BEBDBB" @blur="getserviceRate"
							@input="getserviceRateIndex(index)" disabled="true"/>
					</view>
				</view>
				<view class="listitem">
					<text class="lys">服务费</text>
					<view class="inbox">
						<input type="text" v-model="item.serviceMoney" placeholder="自动计算得出"
							placeholder-style="color:#BEBDBB" disabled="true" />
					</view>

				</view>
			</view>
			<view class="flex4">
				<view class="listitem">
					<text class="lys">利率</text>
					<view class="inbox">
						<input type="digit" v-model="item.interestRate+'%'" placeholder="显示对于利率"
							placeholder-style="color:#BEBDBB" @blur="getinterestRate"
							@input="getinterestRateIndex(index)" disabled="true"/>
					</view>
				</view>
				<view class="listitem">
					<text class="lys">利息</text>
					<view class="inbox">
						<input type="text" v-model="item.interest" placeholder="自动计算得出"
							placeholder-style="color:#BEBDBB" disabled="true" />
					</view>
				</view>
			</view>
			<view class="listitem">
				<view class="" style="display: flex;align-content: center;">
					<text class="lys">上传附件</text>
					<text
						style="font-size: 24rpx; color:#D05C39;padding-top: 45rpx;padding-left: 20rpx;">*支持上传pdf、jpg/jpeg、png格式</text>
				</view>

				<view class="inbox" style="border: none;padding-bottom: 0;"  @click="checkIndex(index)">
					<u-upload :fileList="item.picUrling" @afterRead="afterRead" @delete="deletePic" :name="index+4"
				:checkedindex=index		multiple :maxCount="10" width="100" height="100"></u-upload>
				</view>
			</view>
		</view>

		<view class="addnewbill" @click="addNewBill">
			+ 新增汇票
		</view>
		<view class="safebt"></view>
		<view class="newbill flex1" @click="upAll">
			<view class="newbillbtn">
				<text>确认上传</text>
			</view>

		</view>
		<u-datetime-picker :show="dateshow" mode="date" @confirm="confirm" @cancel="closeDate" v-model="start">
		</u-datetime-picker>
	</view>
</template>

<script>
	let that
	import {
		mainUrl
	} from '@/http/baseUrl.js';
	import calllips from "@/componet/calllips/calllips.vue"
	export default {
		components: {
			calllips
		},
		data() {
			return {

				editall: false,
				quan: false,
				dateshow: false,
				opdanum: '',
				state: '',
				index: 0,
				start: Number(new Date()),
				fileList1: [],
				fileList2: [],
				fileList3: [],
				fileList4: [],
				allindex: 0,
				seacept:'',
				seadra:'',
				form: {
					id:'',
					contractDrafts: [{
						name: '',
						draftNo: '',
						acceptor:'',
						acceptorId: '',
						drawersId: '',
						drawers: '',
						money: '',
						acceptDate: '',
						issueDate: '',
						expireDate: '',
						loanLimit: '',
						expectDiscountDate: '',
						picUrls: [],
						picUrling:[],
						serviceRate: '',
						interestRate: '',
						interest: '',
						serviceMoney: '',
						limitTime: 0,
						expectDiscountDateTime: 0,
						acceptDateTime: 0
					}, ],
				},

				range1: [],
				range2: [],
				myindex: 0,
				sindex: 0,
				rindex: 0,
				acptIndex:0,
				drwIndex:0,
				again:false
			}
		},
		onLoad(o) {
			that = this
			
			this.form.supplierId = uni.getStorageSync('supplierId')
			this.loadTime()
			if(o.obj){
				this.again=true
				let obj=JSON.parse((o.obj))
				let form=obj.contractDrafts
				console.log(obj,9996)
				this.form.id=obj.id
				console.log(form,778)
				let inform=this.form.contractDrafts[0]
				inform.name=form[0].name
				inform.id=form[0].id
				inform.acceptorId=form[0].acceptorId
				inform.drawersId=form[0].drawersId
				inform.money=form[0].money
				inform.draftNo=form[0].draftNo
				inform.loanLimit=form[0].loanLimit
				inform.serviceRate=form[0].serviceRate
				inform.interestRate=form[0].interestRate
				inform.interest=form[0].interest
				inform.serviceMoney=form[0].serviceMoney
				inform.expectDiscountDate=form[0].expectDiscountDate
				inform.acceptDate=form[0].acceptDate
				inform.issueDate=form[0].issueDate
				inform.expireDate=form[0].expireDate
				form.forEach(item=>{
					item.picList.forEach(i=>{
						item.picUrling=[]
						item.picUrling.push({"url":i})
					})
				})
				inform.picUrling=form[0].picUrling
			}
			// this.initAcceptor()
			// this.initDrawers()
		},
		onShow(){
			this.initAcceptor()
			this.initDrawers()
			
			
		},
		methods: {
			loadTime() {
				let myDate = new Date()
				let wk =parseInt(Date.now()/100000).toFixed(0)*100000
				let yy = String(myDate.getFullYear())
				// let mm = myDate.getMonth() + 1
				let mm = String(myDate.getMonth() + 1 < 10 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1)
				let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())
				let nowDate = yy + '-' + mm + '-' + dd
				this.form.contractDrafts.forEach(item => {
					item.acceptDate = nowDate
					item.issueDate = nowDate
					item.expireDate = nowDate
					item.expectDiscountDate = nowDate
					item.expectDiscountDateTime = wk
					item.acceptDateTime = wk
					let nTime = item.acceptDateTime-item.expectDiscountDateTime
					item.limitTime = Math.floor(nTime / 86400000);
				})
			},
					
		  initAcceptor(){
				// 承兑人列表
			 uni.$u.http.post('/api/Acceptor/search',{
					name:this.seacept
				},{
				
				}, {
					custom: {
						auth: true
					}
				}).then((res) => {
					uni.hideLoading()
					this.range1 = res.result
					this.range1.forEach((item, index) => {
						this.range1[index].value = index
						this.range1[index].text = item.name
					})
					if(this.again){
						
						that.range1.forEach((item,index)=>{
							console.log(that.form.contractDrafts[0],item)
							if(item.id==that.form.contractDrafts[0].acceptorId){
								console.log(555555555555555555555555)
								that.form.contractDrafts[0].acceptor=index
								console.log(that.form.contractDrafts[0].acceptor)
							}
						})
					}
					
				}).catch((err) => {})
			},
			initDrawers(){
				// 出票人列表
				uni.$u.http.post('/api/Drawer/search', {
						name:this.seadra
				}, {
					custom: {
						auth: true
					}
				}).then((res) => {
					uni.hideLoading()
					this.range2 = res.result
					this.range2.forEach((item, index) => {
						this.range2[index].value = index
						this.range2[index].text = item.name
					})
					if(this.again){
						
						that.range2.forEach((item,index)=>{
							if(item.id==that.form.contractDrafts[0].drawersId){
								that.form.contractDrafts[0].drawers=index
							}
						})
					}
				}).catch((err) => {})
			},
			searchAcceptor(e){
				this.seacept=e
				this.initAcceptor()
			},
			searchDrawers(e){
				this.seadra=e
				this.initDrawers()
			},
			checkacptIndex(index){
				this.acptIndex=index
			},
			checkldrwIndex(index){
				this.drwIndex=index
			},
			deleBill(index){
				uni.showModal({
					title:"提示",
					content:"是否确认删除?",
					success:(res)=>{
						if(res.confirm){
							that.form.contractDrafts.splice(index,1)
						}
						
					}
				})
				
			},
			getinterestRateIndex(index) {
				this.rindex = index
			},
			getinterestRate(event) {
				this.form.contractDrafts[this.rindex].interestRate = Number(event.detail.value)
				this.getloanLimt(this.rindex)
				this.getInterMoney(this.rindex)
				this.getSerMoney(this.rindex)
			},
			getserviceRateIndex(index) {
				this.sindex = index
			},
			getserviceRate(event) {
				this.form.contractDrafts[this.sindex].serviceRate = Number(event.detail.value)
				this.getloanLimt(this.sindex)
				this.getInterMoney(this.sindex)
				this.getSerMoney(this.sindex)
			},
			getMoneyIndex(index) {
				this.myindex = index
			},
			getMoney(event) {
				this.form.contractDrafts[this.myindex].money = Number(event.detail.value)
				this.getloanLimt(this.myindex)
				this.getSerMoney(this.myindex)
				this.getInterMoney(this.myindex)
			},
			getloanLimt(i) {
				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form
					.contractDrafts[i].interestRate) {
					this.form.contractDrafts[i].loanLimit = (this.form.contractDrafts[i].money / (this.form.contractDrafts[
							i].serviceRate + this.form.contractDrafts[i].interestRate) * this.form.contractDrafts[i]
						.limitTime / 360 + 1).toFixed(2)
				}

			},
			getSerMoney(i) {
				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form
					.contractDrafts[i].interestRate) {
					this.form.contractDrafts[i].serviceMoney = ((this.form.contractDrafts[i].money / (this.form
								.contractDrafts[i].serviceRate + this.form.contractDrafts[i].interestRate) * this.form
							.contractDrafts[i].limitTime / 360 + 1) * this.form.contractDrafts[i].serviceRate * this
						.form.contractDrafts[i].limitTime / 360).toFixed(2)
				}

			},
			getInterMoney(i) {
				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form
					.contractDrafts[i].interestRate) {
					this.form.contractDrafts[i].interest = ((this.form.contractDrafts[i].money / (this.form.contractDrafts[
							i].serviceRate + this.form.contractDrafts[i].interestRate) * this.form.contractDrafts[
							i].limitTime / 360 + 1) * this.form.contractDrafts[i].interestRate * this.form
						.contractDrafts[i].limitTime / 360).toFixed(2)
				}

			},
			upAll() {
				uni.showModal({
					title: '提示',
					content: '是否上传汇票？',
					success: function(res) {
						if (res.confirm) {
							let form = that.form
							// if (form.name.length == 0) {
							// 	that.$toast('请输入合同名称')
							// 	return
							// }
							// if (that.fileList1.length == 0) {
							// 	that.$toast('请上传合同附件')
							// 	return
							// }
							// if (that.fileList2.length == 0) {
							// 	that.$toast('请上传发票附件')
							// 	return
							// }
							// if (that.fileList3.length == 0) {
							// 	that.$toast('请上贸易合同')
							// 	return
							// }
							form.contractDrafts.forEach(i => {
								if (i.name.length == 0) {
									that.$toast('请输入汇票名称')
									return
								}
								if (i.draftNo.length == 0) {
									that.$toast('请输入汇票号码')
									return
								}
								if (i.acceptor.length == 0) {
									that.$toast('请选择承兑人')
									return
								}
								if (i.drawers.length == 0) {
									that.$toast('请选择出票人')
									return
								}
								if (i.money.length == 0) {
									that.$toast('请输入金额')
									return
								}

								if (i.serviceRate.length == 0) {
									that.$toast('请输入服务费率')
									return
								}
								
								if (i.interestRate.length == 0) {
									that.$toast('请输入利率')
									return
								}
								if (i.picUrls.length == 0) {
									that.$toast('请上传附件')
									return
								}

							})
							// that.range2.forEach(item => {
							// 	form.contractDrafts.forEach(i => {
							// 		if (that.range2[i.drawers].name == item.name) {
							// 			i.drawersId = item.id
							// 		}
							// 	})
							// })
							// that.range1.forEach(item => {
							// 	form.contractDrafts.forEach(i => {
							// 		if (that.range1[i.acceptor].name == item.name) {
							// 			i.acceptorId = item.id
							// 		}
							// 	})
							// })
							// that.fileList1.forEach(item => {
							// 	form.invoicePics.push(item.url)
							// })
							// that.fileList2.forEach(item => {
							// 	form.pics.push(item.url)
							// })
							// that.fileList3.forEach(item => {
							// 	form.tradePics.push(item.url)
							// })
							form.contractDrafts.forEach(item=>{
								item.picUrling.forEach(i=>{
									item.picUrls.push(i.url)
								})
							})
							uni.showLoading()
							uni.$u.http.post('/api/Contract/addContractDraft', form, {
								custom: {
									auth: true
								}
							}).then((res) => {
								uni.hideLoading()
								that.$toast("汇票上传成功")
								that.form.invoicePics = []
								that.form.pics = []
								that.form.tradePics = []
								that.form.contractDrafts.forEach(item => {
									item.picUrls = []
								})
								setTimeout(()=>{
									uni.navigateBack({
										delta:1
									})
								},500)
							}).catch((err) => {
								uni.hideLoading()
								that.$toast(err.msg)
								that.form.invoicePics=[]
								that.form.pics=[]
								that.form.tradePics=[]
								that.form.contractDrafts.forEach(item=>{
										item.picUrls=[]
								})
								console.log(err)
							})
						} else if (res.cancel) {}
					}
				});

			},
			addNewBill() {
				let form = [{
					name: '',
					draftNo: '',
					acceptor: '',
					acceptorId: '',
					drawersId: '',
					drawers: '',
					money: '',
					acceptDate: '',
					issueDate: '',
					expireDate: '',
					loanLimit: '',
					expectDiscountDate: '',
					picUrls: [],
					picUrling:[],
					serviceRate: '',
					interestRate: '',
					interest: '',
					serviceMoney: '',
					limitTime: 0,
					expectDiscountDateTime: 0,
					acceptDateTime: 0
				}]
				let myDate = new Date()
				// let wk = Date.parse(new Date());
				let wk = Date.parse(new Date())
				let yy = String(myDate.getFullYear())
				// let mm = myDate.getMonth() + 1
				let mm = String(myDate.getMonth() + 1 < 10 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1)
				let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())
				let nowDate = yy + '-' + mm + '-' + dd
				form.forEach(item => {
					item.acceptDate = nowDate
					item.issueDate = nowDate
					item.expireDate = nowDate
					item.expectDiscountDate = nowDate
					item.expectDiscountDateTime = wk
					item.acceptDateTime = wk
					let nTime =item.acceptDateTime- item.expectDiscountDateTime
					item.limitTime = Math.floor(nTime / 86400000) ;
				})
				this.form.contractDrafts.push(form[0])
			},
			changeacPerson(e) {
				this.acceptor = e
				for(let i in this.range1){
					if(i==e){
						this.form.contractDrafts[this.acptIndex].acceptorId=this.range1[i].id
						this.form.contractDrafts[this.acptIndex].serviceRate=this.range1[i].serviceRate
						this.form.contractDrafts[this.acptIndex].interestRate=this.range1[i].interest
						this.form.contractDrafts[this.acptIndex].acceptor=this.range1[i].name
					}
				}
				this.range1.forEach(item=>{
					if(item.id==e.id){
						
					}
				})
				
				// console.log(e)
				
			},
			changedrPerson(e) {
				this.drawers = e
				for(let i in this.range2){
					if(i==e){
						this.form.contractDrafts[this.acptIndex].drawersId=this.range2[i].id
						this.form.contractDrafts[this.acptIndex].drawers=this.range2[i].name
					}
				}
				// this.range2.forEach(item=>{
				// 	if(item.id==e.id){
				// 		this.form.contractDrafts[this.drwIndex].drawersId=e.id
				// 		this.form.contractDrafts[this.drwIndex].drawers=e.name
				// 	}
				// })
			},
			openTime(index, value) {
				this.dateshow = true
				this.index = index
				this.opdanum = value
				
			},
			closeDate() {
				this.dateshow = false
			},
			confirm(e) {
				const timeFormat = uni.$u.timeFormat
				let form = this.form.contractDrafts
				if (this.opdanum == 1) {
					let ino =parseInt(e.value/10000).toFixed(0)*10000
					form[this.index].acceptDateTime = ino
					let nTime =form[this.index].acceptDateTime- form[this.index].expectDiscountDateTime
					let limitTime=Math.floor(nTime / 86400000)
					console.log(form[this.index].acceptDateTime,88)
					console.log(form[this.index].expectDiscountDateTime,88)
					console.log(limitTime,88)
					if(limitTime<=-1){
						this.$toast('承兑日期应该大于预计贴现日')
						return
					}
					form[this.index].limitTime =limitTime
					form[this.index].acceptDate = timeFormat(e.value, 'yyyy-mm-dd')
					this.getloanLimt(this.index)
					this.getSerMoney(this.index)
					this.getInterMoney(this.index)
				} else if (this.opdanum == 2) {

					form[this.index].issueDate = timeFormat(e.value, 'yyyy-mm-dd')
				} else if (this.opdanum == 3) {
					form[this.index].expireDate = timeFormat(e.value, 'yyyy-mm-dd')
				} else if (this.opdanum == 4) {
					form[this.index].expectDiscountDateTime = e.value
					let nTime =form[this.index].acceptDateTime- form[this.index].expectDiscountDateTime
					let limitTime=Math.floor(nTime / 86400000)
					if(limitTime<=-1){
						this.$toast('预计贴现日应该小于承兑日期')
						return
					}
					form[this.index].limitTime =limitTime
					form[this.index].expectDiscountDate = timeFormat(e.value, 'yyyy-mm-dd')
					this.getloanLimt(this.index)
					this.getSerMoney(this.index)
					this.getInterMoney(this.index)
				}
				// console.log(this.index, this.opdanum)
				this.dateshow = false
			},
			change(e) {
				console.log("e:", e);
			},
			open(e) {
				// console.log('open', e)
			},
			close(e) {
				// console.log('close', e)
			},
			change(e) {
				// console.log('change', e)
			},
			checkIndex(index) {
				this.allindex = index
				console.log(index)
			},
			// 删除图片
			async deletePic(event) {
				// this.checkIndex(index) 
				console.log(this.allindex,789)
				if (event.name >= 4) {
					 this.form.contractDrafts[this.allindex].picUrling.splice(event.index, 1)
				} else {
					this[`fileList${event.name}`].splice(event.index, 1)
				}

			},
			// 新增图片
			async afterRead(event) {
				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式

				if (event.name >= 4) {
					let lists = [].concat(event.file)
					let icurls= this.form.contractDrafts[this.allindex].picUrling
					let fileListLen = icurls.length
					lists.map((item) => {
						icurls.push({
							...item,
							status: 'uploading',
							message: '上传中'
						})
					})
					for (let i = 0; i < lists.length; i++) {
						const result = await this.uploadFilePromise(lists[i].url)
						// this.form.contractDrafts[this.allindex].picUrls.push(result)
						let item = icurls[fileListLen]
						icurls.splice(fileListLen, 1, Object.assign(item, {
							status: 'success',
							message: '',
							url: result
						}))
						
						fileListLen++
					} 
		
				
					}else {
						console.log(2222222222)
						let lists = [].concat(event.file)
						let fileListLen = this[`fileList${event.name}`].length
						lists.map((item) => {
							this[`fileList${event.name}`].push({
								...item,
								status: 'uploading',
								message: '上传中'
							})
						})
						for (let i = 0; i < lists.length; i++) {
							const result = await this.uploadFilePromise(lists[i].url)
							let item = this[`fileList${event.name}`][fileListLen]
							this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
								status: 'success',
								message: '',
								url: result
							}))
							fileListLen++
						}
						

					}
				},
				uploadFilePromise(url) {
					return new Promise((resolve, reject) => {
						let a = uni.uploadFile({
							url: mainUrl + '/api/File', // 仅为示例，非真实的接口地址
							filePath: url,
							name: 'File',
							header: {
								"User-Agent": "apifox/1.0.0 (https://www.apifox.cn)"
							},
							formData: {
								File: JSON.stringify(url),
							},
							success: (res) => {
								let request = JSON.parse(res.data)
								setTimeout(() => {
									resolve(request.data.file)
								}, 1000)
							}
						});
					})
				},
			}
		}
</script>

<style lang="scss">
	.content {
		padding: 0 30rpx;
		box-sizing: border-box;
	}

	.addtitle {
		font-weight: 600;
		padding-top: 58rpx;
		font-size: 36rpx;

		.ty {
			color: #D8AB5A;
		}

		.tde {
			color: #D05C39;
		}
	}

	.listitem {
		.lys {
			display: block;
			font-size: 32rpx;
			font-weight: 600;
			padding-top: 40rpx;
			padding-bottom: 30rpx;
		}

		.inbox {
			padding-bottom: 20rpx;
			width: 100%;
			font-size: 30rpx;
			border-bottom: 1rpx solid #E8E8E8;
		}

		.chosbox {
			border-radius: 20rpx;
			// border: 1rpx solid #BEBDBB;
		}

		.calender {
			border-radius: 20rpx;
			width: 690rpx;
			height: 80rpx;
			border-radius: 20rpx;
			border: 1rpx solid #BEBDBB;
			display: flex;
			align-items: center;
			padding-left: 30rpx;
			font-size: 32rpx;
			box-sizing: border-box;

			.canicon {
				width: 34rpx;
				height: 34rpx;
				margin-right: 20rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}
		}
	}

	.addnewbill {
		width: 200rpx;
		height: 78rpx;
		border-radius: 45rpx;
		border: 1rpx solid #E8E8E8;
		line-height: 78rpx;
		text-align: center;
		margin-top: 50rpx;
		margin-bottom: 200rpx;
	}
</style>