yiliangyiyun-app/pageD/myRelease/buyDetails.vue

<template>
	<view class="center">
			<text class="title">基本信息</text>
		<view class="c-row b-b">
			<text class="tit">名头</text>
			<view class="con-list">
				{{procurementPlanInfos.title}}
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">标题</text>
			<view class="con-list">
				{{procurementPlanInfos.title}}
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">货名</text>
			<view class="con-list">
				{{procurementPlanInfos.goodsName}}
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">采购量（吨）</text>
			<view class="con-list">
				{{procurementPlanInfos.plannedPurchaseVolume}}
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">最小成交量（吨）</text>
			<view class="con-list">
				{{procurementPlanInfos.minimumVolume}}
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">类型</text>
			
				<view class="picker">
				{{procurementPlanInfos.procurementPlanType}}
				</view>
			
		</view>
		<view class="c-row b-b">
			<text class="tit">价格类型</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.priceType}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">基差（元/吨）</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.basisPrice}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">产地</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.outputPrivate}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">发货地区</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					<input placeholder="请填写发货地区" name="input" @input="addressInput"></input>
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">卖方手机号</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					<input placeholder="请填写卖方手机号" name="input" @input="addressInput"></input>
				</view>
			</picker>
		</view>
		<text class="title">附加要求</text>
		<view class="c-row b-b">
			<text class="tit">水分（%）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.waterContent}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">容重（g/L）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.bulkDensity}}
				</view>
			</picker>
		</view>

		<view class="c-row b-b">
			<text class="tit">热损伤（%）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.jiaorenli}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">杂质（%）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.impurity}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">霉变粒（%）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.mildewGrain}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">不完整粒（%）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.imperfectGrain}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">蛋白（%）<= </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.protein}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">粒型 </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.grain}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">品级 </text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.procurementPlanInfos}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">产出年份</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
				{{procurementPlanInfos.outputYear}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">包装方式</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.packingType}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">袋装备注</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.baggingNotes}}
				</view>
			</picker>
		</view>
		<view class="c-row b-b">
			<text class="tit">运费承担方</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="con-list">
					{{procurementPlanInfos.freightPayer}}
				</view>
			</picker>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				types:'',
				typesType:["现货","期货"],
				procurementPlanInfos:{},
				typesIndex:'',
		
			}
		},
		onLoad(options){
				
			this.getList(options.id)
			console.log(options.id,"idwei1")
		},
		methods: {
			typeChange(e){
				this.typesIndex = e.detail.value
				this.types = this.typesType[this.typesIndex];
			},
			getList(id1){
				this.$api.doRequest('get','/procurementPlanInfo/getProcurementPlan',{id:id1}).then(res => {
					console.log(res)
					this.procurementPlanInfos = res.data.data
					console.log(this.procurementPlanInfos,"对象")
					
				})
				.catch(res => {
					uni.showToast({
						title: res.errmsg,
						icon:'none',
						duration: 2000
					})
				});
			}
		}
	}
</script>

<style>
	.center{
		padding: 10px 20px;
	}
	.c-row {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    padding: 20rpx 30rpx;
	    position: relative;
	}
	.con-list {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	    color: #303133;
	    line-height: 40rpx;
	    text-align: right;
	    padding-right: 20rpx;
		font-size: 14px;
	}
	.title{
		font-size: 18px;
		font-weight: 600;
	}


</style>