jieduantaizhang.vue 6.2 KB

<template>
	<view class="box">
		<view class="renyuan">
			
			<view class="projectlist">
				<view class="projectitem">
					<view class="projectitemleft">项目编号:</view>
					<view class="projectitemright">{{item.fnumber}}</view>
				</view>
				
				<view class="projectitem">
					<view class="projectitemleft">项目名称:</view>
					<view class="projectitemright xiangmuname">{{item.fname}}</view>
				</view>
				<!-- <view class="projectitem">
					<view class="projectitemleft">评审金额:</view>
					<view class="projectitemright">预算</view>
				</view> -->
				<view class="projectitem">
					<view class="projectitemleft">项目类型:</view>
					<view class="projectitemright">{{item.fprojecttype}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审单位:</view>
					<view class="projectitemright">{{item.fdevorgid}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审时间:</view>
					<view class="projectitemright">{{item.fsubmitfindate}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审金额:</view>
					<view class="projectitemright">{{item.ftoauditamt}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">审定金额:</view>
					<view class="projectitemright">{{item.fauditamount}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">审减金额:</view>
					<view class="projectitemright">{{item.fshenjianmoney}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">审减率:</view>
					<view class="projectitemright">{{item.fshenjianrate}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">咨询单位:</view>
					<view class="projectitemright">{{item.flordintorgid}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">评审类型:</view>
					<view class="projectitemright">{{item.freviewtype}}</view>
				</view>
				<view class="projectitem">
					<view class="projectitemleft">送审年度:</view>
					<view class="projectitemright">{{item.fyear}}</view>
				</view>
				<!-- <view class="projectitem">
					<view class="projectitemleft">咨询单位项目审核员:</view>
					<view class="projectitemright">{{item.flordintorgid}}</view>
				</view> -->
			</view>

		</view>
		
	</view>
</template>

<script>
	import app from "../../App.vue";
	import helper from '../../common/help.js';
		export default {
			data() {
				return {
					item:''
				}
			},
			onLoad(options) {
				console.log(options)
				this.item=JSON.parse(options.item);
				let newitem=this.item;
				newitem.fsubmitfindate=newitem.fsubmitfindate.split("T");
				newitem.fsubmitfindate=newitem.fsubmitfindate[0]
				newitem.fauditamount=helper.change(newitem.fauditamount);
				newitem.ftoauditamt=helper.change(newitem.ftoauditamt);
				newitem.fshenjianmoney=helper.change(newitem.fshenjianmoney);
				
				
				this.item=newitem
				console.log(this.item)
				// 获取台账列表
				
		
			},
			methods: {
				}
		
		}

</script>

<style>
	page{
		background: #f9f9f9;
	}
	.box {
		background: #fff;
	}

	.projectinfo {
		display: flex;
		align-items: center;
	}

	.projectinfoname {
		width: 44rpx;
		height: 44rpx;
		font-size: 0;
	}

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

	.projectname {
		color: #3D444D;
		font-size: 28rpx;
		font-weight: bold;
		margin-left: 16rpx;
	}
	.xiangmuname{
		width:550rpx;
		text-align: right;
	}

	.projectinfo {
		padding: 36rpx 32rpx 16rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #BDC4CE;
	}

	.projectlist {
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.projectitem {
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 32rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #EEEEEE
	}

	.projectitemleft {
		color: #8C9198;
		font-size: 28rpx;
	}

	.projectitemright {
		color: #3D444D;
		font-size: 28rpx;
	}

	.renyuanleft {
		color: #8C9198;
		font-size: 28rpx;
	}

	.renyuanright {
		width: 300rpx;
		height: 60rpx;
		background: #EEEEEE;
		padding: 14rpx 28rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.renyuanright input {
		width: 100%;
		height: 40rpx;
		color: #8C9198;
		font-size: 24rpx;
	}

	.xiangmuyuan {
		color: #8C9198;
		font-size: 24rpx;
	}

	.zixunbottom {
		display: flex;
		align-items: center;
		padding: 28rpx 32rpx 34rpx;
	}

	.zixunbotleft {
		width: 130rpx;
		height: 80rpx;
		background: rgba(232, 80, 0, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
	}

	.zixunbotright {
		width: 532rpx;
		height: 80rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
		margin-left: 24rpx;
	}

	/* .renyuan{
		border-bottom:16rpx solid #f9f9f9;
	} */
	.renyaoqiu {
		margin-top: 12rpx;
	}

	.zixundan {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 44rpx 42rpx 16rpx 0;
		box-sizing: border-box;
		border-bottom: 1rpx solid #BDC4CE;
	}

	.zixundanitem {
		color: #06121E;
		font-size: 28rpx;
	}

	.zixunbox {
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.zixundanboxlist {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		box-sizing: border-box;
		/* justify-content: space-between; */
	}

	.zixunname {
		width: 320rpx;
		color: #06121E;
		font-size: 24rpx;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.zixunshu {
		width: 105rpx;
		/* margin-left: 52rpx; */
		text-align: center;
		color: #06121E;
		font-size: 24rpx;
	}

	.zixuntou {
		width: 108rpx;
		height: 40rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color: #F9F9F9;
		font-size: 24rpx;
		text-align: center;
		line-height: 40rpx;
		margin-left: 140rpx
	}

	.zuxiangmu {
		color: #3D444D;
		font-size: 28rpx;
		font-weight: bold;
	}

	.querenfen {
		width: 686rpx;
		height: 80rpx;
		background: rgba(0, 147, 255, 1);
		opacity: 1;
		border-radius: 8rpx;
		color:#fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 80rpx;
	}
</style>