<template>
	<view class="center">
			<text class="title">基本信息</text>
		<view class="c-row b-b">
			<text class="tit">名头</text>
			<view class="con-list">
				<input placeholder="请填写名头" name="input" @input="addressInput"></input>
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">标题</text>
			<view class="con-list">
				<input placeholder="请填写标题,2-16个子" name="input" @input="addressInput"></input>
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">货名</text>
			<view class="con-list">
				<input placeholder="请填写货名" name="input" @input="addressInput"></input>
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">出售量（吨）</text>
			<view class="con-list">
				<input placeholder="请填写出售重量" name="input" @input="addressInput"></input>
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">最小成交量（吨）</text>
			<view class="con-list">
				<input placeholder="请填写最小成交量" name="input" @input="addressInput"></input>
			</view>
		</view>
		<view class="c-row b-b">
			<text class="tit">类型</text>
			<picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
				<view class="picker">
					{{typesIndex>-1?typesType[typesIndex]:'请选择类型'}}
				</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>
		<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>
		<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">
					<input placeholder="请填写水分占比" name="input" @input="addressInput"></input>
				</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">
					<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>
		<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>
		<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>
		<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>
		<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>
		<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>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				types:'',
				typesType:["现货","期货"],
		
			}
		},
		methods: {
			typeChange(e){
				this.typesIndex = e.detail.value
				this.types = this.typesType[this.typesIndex];
			}
		}
	}
</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>
