alhj/pages/alldeatil/billdetail.vue

<template>
	<view>
		<view class="boxcon">
			<text class="titlename">汇票{{index+1}}</text>
			<view class="container">
				<view class="titleall">
					<text class="pl">汇票名称</text>
					<text class="pr">{{msg.name}}</text>
				</view>
				<view class="titleall">
					<text class="pl">汇票号码</text>
					<text class="pr">{{msg.draftNo}}</text>
				</view>
				<view class="titleall">
					<text class="pl">承兑人</text>
					<text class="pr">{{msg.acceptorName}}</text>
				</view>
				<view class="titleall">
					<text class="pl">出票人</text>
					<text class="pr">{{msg.drawersName}}</text>
				</view>
				<view class="titleall">
					<text class="pl">金额</text>
					<text class="pr">{{msg.money}}</text>
				</view>
				<view class="titleall">
					<text class="pl">承兑日期</text>
					<text class="pr">{{msg.acceptDate}}</text>
				</view>
				<view class="titleall">
					<text class="pl">出票日期</text>
					<text class="pr">{{msg.issueDate}}</text>
				</view>
				<view class="titleall">
					<text class="pl">汇票到期日</text>
					<text class="pr">{{msg.expireDate}}</text>
				</view>
				<view class="titleall">
					<text class="pl">预计贴现日</text>
					<text class="pr">{{msg.expectDiscountDate}}</text>
				</view>

				<view class="titleall bod">
					<text class="pl">服务费率</text>
					<text class="pr">{{msg.serviceRate?msg.serviceRate:''}}%</text>
				</view>
				<view class="titleall" style="padding-top: 30rpx !important; ">
					<text class="pl">服务费</text>
					<text class="pr">{{msg.serviceMoney}}</text>
				</view>
				<view class="titleall ">
					<text class="pl">利率</text>
					<text class="pr">{{msg.interestRate?msg.interestRate:''}}%</text>
				</view>
				<view class="titleall ">
					<text class="pl">利息</text>
					<text class="pr">{{msg.interest?msg.interest:''}}</text>
				</view>
				<view class="titleall bod">
					<text class="pl">发票附件</text>
					<view class="uppic">
						<view class="picbox"  v-for="item in msg.picList">
							<image :src="item" mode="aspectFill"></image>
						</view>
					</view>
				</view>
				<view class="titleall ptin">
					<text class="pl">合同状态</text>
					<text class="pr cls">{{msg.statusText}}</text>
				</view>
				<view class="titleall " v-if="msg.statusText=='待审核'"   style="display: flex;flex-direction: column;">
					<text class="pl">审核反馈</text>
					<textarea placeholder="请输入审核反馈" style="background-color: #F6F6F6;width: 675rpx;height: 200rpx;border-radius: 20rpx;padding: 20rpx;box-sizing: border-box;margin:20rpx 0;margin-bottom: 30rpx;"></textarea>
				</view>
				<view class="titleall " v-else>
					<text class="pl">审核反馈</text>
					<text class="pr plas cls">汇票金额与实际不符，请修改后重新提交</text>
				</view>
				
				<view class="titleall " style="justify-content: flex-start;">
					<text class="pl psa ">反馈截图</text>
					<view class="fanuppic">
						<view class="picbox">
							<u-upload :fileList="fileList4" @afterRead="afterRead" @delete="deletePic" name="4" multiple
								:maxCount="6" ></u-upload>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="width: 100%;height: 140rpx;"></view>
		<view class="newbill flex1"  v-if="msg.statusText=='待审核'&&state==0">
		<view class="choosebtn">
			<view class="delbtn flex1">审核失败</view>
			<view class="succbtn flex1">审核成功</view>
		</view>
		
		</view>
		<view class="newbill flex1" @click="tryAgain" v-if="msg.statusText=='失败'&&state==1">
			<view class="newbillbtn">
				<text>重新提交</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				msg:'',
				index:'',
				state:0
			}
		},
		onLoad(o) {
			this.state = this.$store.state.admin
			if(o.obj){
				let obj=JSON.parse(o.obj)
				this.id=obj.id
				this.index=obj.index
			}
			this.init()
		},
		methods: {
			init(){
				let id=this.id
				uni.showLoading()
				uni.$u.http.get(`/api/Contract/contractDraft/${id}`,
					{
						custom: {
							auth: true
						}
					}).then((res) => {
					uni.hideLoading()
					this.msg=res
				}).catch((err) => {
					uni.hideLoading()
					this.$toast(err.msg)
				})
			},
			tryAgain(){
				uni.navigateTo({
					url:"/pages/alldeatil/addbill"
				})
			}
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F6F6F6 !important;
	}

	.boxcon {
		margin: 20rpx 20rpx;
		padding: 50rpx 20rpx;
		border-radius: 20rpx;
		background: #fff;
	
		.titlename {
			font-size: 36rpx;
			font-weight: 600;
			padding-bottom: 30rpx;
			display: block;
			margin-bottom: 30rpx;
			border-bottom: 1rpx solid #E8E8E8;
		}

		.container {
			.bod {
				border-bottom: 1rpx solid #E8E8E8;
				box-sizing: border-box;
			}

			.ptin {
				padding-top: 50rpx;
			}

			.plas {
				padding-left: 65rpx;
				word-wrap: wrap;
				box-sizing: border-box;
			}

			.ds {
				padding-top: 30rpx;
			}
			.psa{
				padding-right: 30rpx;
			}
			.cls{
				color: #68625B;
			}
			.titleall {
				display: flex;
				justify-content: space-between;
				font-size: 28rpx;
				padding-bottom: 30rpx;

				.pl {
					// width: 180rpx;
					color: #BEBDBB;
					flex-shrink: 0;
					// margin-right: 30rpx;
				}

				.pr {
					word-wrap: wrap;
					display: block;
					display: -webkit-box;
				}
				
				.uppic {
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-end;

					
				}
				.picbox {
					width: 150rpx;
					height: 150rpx;
					margin-left: 20rpx;
					border-radius: 20rpx;
					overflow: hidden;
					image {
						width: 100%;
						height: 100%;
					}
				}
				.fanuppic{
					display: flex;
					flex-wrap: wrap;
				}
			}

		}
	}
</style>