|
@@ -0,0 +1,250 @@
|
|
|
+<template>
|
|
|
+ <view class="center">
|
|
|
+ <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>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <button type="default">获取验证码</button>
|
|
|
+ <picker @change="typeChange" :value="typesIndex" :range="typesType" class="con-list">
|
|
|
+ <view class="con-list">
|
|
|
+ <input placeholder="请填写6位短信验证码" 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">容重(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>
|
|
|
+
|
|
|
+ <button type="default">发布</button>
|
|
|
+ </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;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+</style>
|