alhj/pages/alldeatil/upcontract.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;">*支持上传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;">*支持上传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>
				<!-- <w-upload ref="wUpload" :token="token" :fileShow="fileShow" :imgShow="imgShow" :uploadName="uploadName"
					:requestUrl="requestUrl" :fileType="fileType" :imgType="imgType" @updateImgList="updateImgList"
					@updateFileList="updateFileList" :fileList="fileList" :imgList="imgList" @imgSuccess="imgSuccess"
					@fileSuccess="fileSuccess"></w-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;">*支持上传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" v-if="!openhe">
			<view class="addtitle flex6">
				<text class="ty">汇票{{index+1}}</text>
				<text class="tde" @click="deleBill(index)" 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">
					<uni-data-select v-model="item.acceptor" :localdata="range1" @change="changeacPerson"
						:showas="false" :plname="'搜索兑换人名称'" @search="searchAcceptor" :checklistIn="index"
						@checkin="checkacptIndex"></uni-data-select>
				</view>
			</view>
			<view class="listitem">
				<text class="lys">出票人</text>
				<view class="chosbox">
					<uni-data-select v-model="item.drawers" :localdata="range2" @change="changedrPerson"
						:plname="'搜索出票人名称'" @search="searchDrawers" :checklistIn="index" @checkin="checkldrwIndex">
					</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;">*支持上传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" v-if="!openhe">
			+ 新增汇票
		</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 wUpload from '@/components/file-img-upload/w-upload.vue';
	import calllips from "@/componet/calllips/calllips.vue"
	export default {
		components: {
			calllips,
			wUpload
		},

		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: {
					name: '',
					supplierId: '',
					invoicePics: [],
					pics: [],
					tradePics: [],
					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,
				openhe: false,
				imgShow: true, // 是否展示图片列表
				fileShow: true, // 是否展示文件列表
				token: '', // 非必填
				requestUrl: '', // 上传文件/图片的请求地址，必填
				uploadName: 'upload_resource', // 看上传文件/图片接口的名字关键字，必填
				fileType: 'file', // 看上传接口要求的文件格式关键字，必填
				imgType: 'pictures', // 看上传接口要求上传的图片格式关键字，必填
				fileList: [],
				imgList: [],
				src: "" ,// 下载文件的网络地址
				
			}
		},
		onLoad(o) {
			that = this
			this.form.supplierId = uni.getStorageSync('supplierId')
			// console.log(this.form.supplierId,778)
			console.log('供应商id',this.form.supplierId);
			this.loadTime()
			if (o.obj) {
				let form = JSON.parse(o.obj)
				this.openhe = true
				const newData1 = form.invoicePicList.map((item) => {
					return {
						url: item,
					}
				})
				this.fileList1 = newData1
				const newData2 = form.picList.map((item) => {
					return {
						url: item,
					}
				})
				this.fileList2 = newData2
				const newData3 = form.tradePicList.map((item) => {
					return {
						url: item,
					}
				})
				this.fileList3 = newData3
				this.form.name = form.name
				this.form.id = form.id
				this.$delete(this.form, 'contractDrafts')
			}
		},
		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);
				})
			},

			// 打开上传文件弹窗
			uploadOpen() {
				this.$refs.wUpload.uploadOpen();
			},
			// 下载预览文件/图片
			wpriven(url) {
				this.$refs.wUpload.wpriven(url);
			},
			// 返回被删除的文件和索引号
			updateFileList(val) {
				console.log(val);
			},
			// 返回被删除的图片和索引号
			updateImgList(val) {
				console.log(val);
			},
			// 返回图片上传成功后的图片信息
			imgSuccess(val) {
				console.log(val);
			},
			// 返回文件/图片上传成功后的文件信息
			fileSuccess(val) {
				console.log(val);
			},
			initAcceptor() {
				uni.$u.http.get(`/api/SupplierAcceptor?pageSize=-1&supplierId=${this.form.supplierId}&acceptorStatus=0`, {
					pageIndex: 1,
					
					
					name: this.seacept
				}, {

				}, {
					custom: {
						auth: true
					}
				}).then((res) => {
					uni.hideLoading()
					// this.range1 = res.result
					this.range1 =  res.result.filter((item)=>{
						return item.statusText == '成功'
					})
					this.range1.forEach((item, index) => {
						this.range1[index].value = index
						this.range1[index].text = item.acceptorName
					})
					console.log(this.range1);
				}).catch((err) => {})
			},
			initDrawers() {
				// 出票人列表
				uni.$u.http.get('/api/Drawer/search?PageSize=-1', {
					pageIndex: 1,
					pageSize: 9999,
					name: this.seadra
				}, {
					custom: {
						auth: true
					}
				}).then((res) => {
					uni.hideLoading()
					this.range2 = res.result.filter((item)=>{
						return item.statusText == '正常'
					})
					this.range2.forEach((item, index) => {
						this.range2[index].value = index
						this.range2[index].text = item.name
					})
				}).catch((err) => {})
			},
			
			//模糊查询
			searchAcceptor(e) {
				uni.$u.http.get(`/api/SupplierAcceptor?pageSize=-1&supplierId=${this.form.supplierId}`, {
					pageIndex: 1,
					name: this.seacept
				}, {
				
				}, {
					custom: {
						auth: true
					}
				}).then((res) => {
					uni.hideLoading()
					// this.range1 = res.result
					this.range1 =  res.result.filter((item)=>{
						return item.statusText == '成功'&&item.acceptorName.includes(e)
					})
					this.range1.forEach((item, index) => {
						this.range1[index].value = index
						this.range1[index].text = item.acceptorName
					})
					console.log(this.range1);
				}).catch((err) => {})
				
			},
			//模糊查询出票人
			searchDrawers(e) {
				uni.$u.http.get('/api/Drawer/search?PageSize=-1', {
					pageIndex: 1,
					pageSize: 9999,
					name: this.seadra
				}, {
					custom: {
						auth: true
					}
				}).then((res) => {
					uni.hideLoading()
					this.range2 = res.result.filter((item)=>{
						return item.statusText == '正常'&&item.name.includes(e)
					})
					this.range2.forEach((item, index) => {
						this.range2[index].value = index
						this.range2[index].text = item.name
					})
				}).catch((err) => {})
			},
			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 / 100 + 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 / 100 + 1)) * (this.form.contractDrafts[i]
						.serviceRate / 100 * this.form.contractDrafts[i].limitTime / 360)).toFixed(2)
					// 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 /100+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 / 100 + 1)) * (this.form.contractDrafts[i]
						.interestRate / 100 * this.form.contractDrafts[i].limitTime / 360)).toFixed(2)
					// 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 /100+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
							}
							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)
							})
							if (!that.openhe) {
								for (let i in form.contractDrafts) {
									if (form.contractDrafts[i].name.length == 0) {
										that.$toast('请输入汇票名称')
										return
									}
									if (form.contractDrafts[i].draftNo.length == 0) {
										that.$toast('请输入汇票号码')
										return
									}
									if (form.contractDrafts[i].acceptor.length == 0) {
										that.$toast('请选择承兑人')
										return
									}
									if (form.contractDrafts[i].drawers.length == 0) {
										that.$toast('请选择出票人')
										return
									}
									if (form.contractDrafts[i].money.length == 0) {
										that.$toast('请输入金额')
										return
									}

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


								form.contractDrafts.forEach(item => {
									item.picUrling.forEach(i => {
										item.picUrls.push(i.url)
									})
								})
							}
							// 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
							// 		}
							// 	})
							// })


							uni.showLoading()
							uni.$u.http.post('/api/Contract', form, {
								custom: {
									auth: true
								}
							}).then((res) => {
								uni.hideLoading()
								that.$toast("合同上传成功")
								that.form.invoicePics = []
								that.form.pics = []
								that.form.tradePics = []
								if (!that.openhe) {
									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 = []
								if (!that.openhe) {
									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())
				console.log(wk)
				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
				if (e == "clearall") {
					this.form.contractDrafts[this.acptIndex].acceptorId = ''
					this.form.contractDrafts[this.acptIndex].serviceRate = ''
					this.form.contractDrafts[this.acptIndex].interestRate = ''
					this.form.contractDrafts[this.acptIndex].acceptor = ''
					this.getloanLimt(this.acptIndex)
					this.getInterMoney(this.acptIndex)
					this.getSerMoney(this.acptIndex)
				} else {
					for (let i in this.range1) {
						if (i == e) {
							this.form.contractDrafts[this.acptIndex].acceptorId = this.range1[i].acceptorId
							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.getloanLimt(this.acptIndex)
							this.getInterMoney(this.acptIndex)
							this.getSerMoney(this.acptIndex)
						}
					}
				}

			},
			changedrPerson(e) {
				this.drawers = e
				if (e == "clearall") {
					this.form.contractDrafts[this.acptIndex].drawersId = ''
					this.form.contractDrafts[this.acptIndex].drawers = ''
				} else {
					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
						}
					}
				}

			},
			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) 
				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 {
					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>