yiliangyiyun-app/pages/task/audit/warehouse_details.vue

<template>
	<view class="warp">
		<view class="topInfo">
			<view class="topInfo-item">
				<view class="flex info">
					<view class="logo">
						<image src="../../../static/img/reject.png" mode="" v-if="list.status == '已驳回'"
							style="height: 40rpx;"></image><!-- 驳回 -->
						<image src="../../../static/img/tongguo.png" mode="" v-if="list.status == '已通过'"
							style="height: 40rpx;"></image><!-- 通过 -->
						<image src="../../../static/img/daishenhe.png" mode="" v-if="list.status == '审核中'"
							style="height: 40rpx;"></image><!-- 待审核 -->
					</view>
					<view class="infoText">{{list.status}}</view>
				</view>
				<view class="infoData">{{list.updateDate}}</view>
			</view>
		</view>
		<view class='content1'>
			<view class="title">基本信息</view>
			<view class='row'>
				<view class="left">仓库</view>
				<view class="right">{{list.warehouseName}}</view>
			</view>
			<view class='row'>
				<view class="left">货名</view>
				<view class="right">{{list.goodsName}}</view>
			</view>
			<view class='row'>
				<view class="left">基准水分（%）</view>
				<view class="right">{{list.waterBase}}</view>
			</view>
			<view class='row'>
				<view class="left">干粮水分（%）</view>
				<view class="right">{{list.waterMin}}</view>
			</view>
			<view class='row'>
				<view class="left">水分上限（%）</view>
				<view class="right">{{list.waterMax}}</view>
			</view>
			<view v-if="list.paramType == '2'" class='row'>
				<view class="left">扣重比</view>
				<view class="right">{{list.deductWeight}}</view>
			</view>
			<view class='row'>
				<view class="left">干粮收购价格（元/公斤）</view>
				<view class="right">{{list.dryGrainPrice}}</view>
			</view>
			<view class='row boder'>
				<view class="left">销售上限</view>
				<view class="right">{{list.saleLimit}}</view>
			</view>
		</view>
		<view class="content2">
			<view class="title">粮价设置</view>
			<view v-for="(item,index) in list.details" :key="index">
				<view class="row">
					<view class="left">等级</view>
					<view class="right">{{item.level}}</view>
				</view>
				<view v-if="list.paramType == '2'" class="row">
					<view class="left">基准单价（元/公斤）</view>
					<view class="right">{{item.basePrice}}</view>
				</view>
				<view  class="row" v-for="(item1,index1) in item.modelList" :key="index1" :class="index1==item.modelList.length-1?'boder':''">
					<view v-if="list.paramType == '2'" class="left">{{item1.startWater}}-{{item1.endWater}}降幅（元/0.1%）</view>
					<view v-else class="left">{{item1.startWater}}-{{item1.endWater}}扣重比</view>
					<view class="right">{{item1.price}}</view>
				</view>
			</view>
		</view>
		<u-toast ref="uToast" />
		<view style='padding:10px;' class='flex bottom-btn'>
			<u-button  @click='fanHui' type="success" class="btn2">返回</u-button>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		name: "task",
		data() {
			return {
				show: false,
				id: 0,
				list: {},
				form: {
					name: '',
					intro: '',
					sex: ''
				},
				radio: '',
				pcUserInfo: uni.getStorageSync('pcUserInfo'),
				switchVal: false,
				contractNoList: []
			};
		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		onLoad(options) {
			this.id = options.id
		},
		onShow() {
			var that = this
			this.$nextTick(function() {
				that.getData()
			})
		},
		methods: {
			getData() {
				var data = []
				this.$api.doRequest('get', '/purchasePrice/purchasePriceLook', {
					id: this.id
				}).then(res => {
					if (res.data.code == 200) {
						this.list = res.data.data
					}
				})
			},
			confirm(item) {
				this.list.contractNo = item[0].value
			},
			fanHui(){
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.warp {
		margin: 10rpx;
		padding: 20rpx 20rpx 330rpx 20rpx;
	}

	.content1,
	.content2 {
		border-radius: 20rpx;
		background: white;
		padding: 20rpx;

		.title {
			font-size: 28rpx;
			font-weight: 600;
			color: #333333;
			text-align: left;
		}

		.row {
			display: flex;
			justify-content: space-between;
			border-bottom: 1px solid #EEEEEE;
			padding: 21rpx 0;

			.right,
			input {
				font-size: 28rpx;
				color: #333333;
			}
		}
	}

	.content2 {
		margin-top: 20rpx;
	}

	.bottom-btn {
		width: 100%;
		position: fixed;
		bottom:0;
		display: flex;
		z-index: 2;
		left: 0;
		background-color: #f8f8f8;
		flex-direction: column;
		.btn1,.btn2{
			width: 100%;
			margin-bottom: 26rpx;
			border-radius: 90rpx;
		}
		.btn1{
			background: white;
			color: #00C265;
		}
	}

	.submit {
		width: 40%;
		background: #22C572;
		border-radius: 10rpx;
	}
	.boder{
		border:0;
		border-bottom: 0!important;
	}
	.topInfo {
		height: 210rpx;
		background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
		padding: 30rpx;
	
		.topInfo-item {
			height: 150rpx;
			background-color: #FFFFFF;
			border-radius: 20rpx;
			padding: 40rpx;
	
			.logo {
				width: 40rpx;
				height: 40rpx;
				margin-top: 8rpx;
			}
	
			.infoText {
				font-size: 36rpx;
				font-weight: 600;
				margin-left: 20rpx;
			}
	
			.infoData {
				color: #878C9C;
				font-size: 26rpx;
				margin-top: 10rpx;
			}
		}
	}
</style>