前端gjy

pageD/myRelease/buyEdit.vue

@@ -66,66 +66,64 @@
 		<view class="c-row b-b">
 			<text class="tit">买方手机号</text>
 			<view class="con-list">
-				<input placeholder="请输入买方手机号" name="input" v-model="deptList.buyerPhone"></input>
+				<input placeholder="请输入买方手机号" @input='phoneinput' name="input" v-model="deptList.buyerPhone"></input>
 			</view>
 		</view>
-		<view style='width:100%;position:relative;padding:10px;' class="flex">
+		<view class="c-row">
 			<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
 				class='getcode'>{{sendText}}</button>
-			<view style='width:70%;position:relative;margin-left: 200px;'>
 				<view class="con-list">
 					<input v-model='verifyCode' placeholder="请输入验证码" type="text">
 				</view>
-			</view>
 		</view>
 		</view>
 		<view  class="area">
 		<view class="c-row b-b">
 			<checkbox style='transform: scale(0.8);' :checked="checked" @click='checkedbox'></checkbox><text style="font-size: 14px; ">完善更多信息<text style="font-size: 10px; color: #AFB3BF;">（选填，可由客服人员代为完善）</text></text>
 		</view>
-		<view v-if='!checked' class="c-row b-b">
+		<view v-if='checked' class="c-row b-b">
 			<text class="tit">水分（%）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写水分占比" name="input" v-model="deptList.waterContent"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">容重（g/L）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写容重" name="input" v-model="deptList.bulkDensity"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">热损伤（%）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写热损伤占比" name="input" v-model="deptList.jiaorenli"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">杂质（%）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写杂质占比" name="input" v-model="deptList.impurity"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">霉变粒（%）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写霉变粒占比" name="input" v-model="deptList.mildewGrain"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">不完整粒（%）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写不完整粒占比" name="input" v-model="deptList.imperfectGrain"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">蛋白（%）<= </text>
 					<view class="con-list">
 						<input placeholder="请填写蛋白占比" name="input" v-model="deptList.protein"></input>
 					</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">粒型 </text>
 			<picker @change="liChange" :value="liIndex" :range="liType" class="con-list" v-model="deptList.grain">
 				<view class="con-list">
@@ -133,7 +131,7 @@
 				</view>
 			</picker>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">品级 </text>
 			<picker @change="pinChange" :value="pinIndex" :range="pinType" class="con-list" v-model="deptList.grade">
 				<view class="con-list">
@@ -141,22 +139,22 @@
 				</view>
 			</picker>
 		</view>
-		<view v-if='!checked' class="c-row b-b">
+		<view v-if='checked' class="c-row b-b">
 			<text class="tit">产地</text>
 			<view class="con-list">
 				<view @click='regionchange1'>{{region1}}</view>
 				<u-picker :params='params1' @confirm='regionpicker1' mode="region" v-model="show1" ></u-picker>
 			</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">产出年份</text>
-			<picker @change="nianChange" :value="nianIndex" :range="nianType" class="con-list">
-				<view class="con-list">
-					{{nianIndex>-1?nianType[nianIndex]:'请选择产出年份'}}
-				</view>
-			</picker>
+			<view class="con-list">
+			<view @click='yearchange'>{{deptList.outputYear == null?"请选择出厂年份":deptList.outputYear}}</view>
+			<u-picker :params='params2' @confirm='yearpicker($event)' v-model="show2" mode="time" :start-year="startData" :end-year="endData">
+			</u-picker>
+			</view>
 		</view>
-		<view  v-if='!checked'  class="c-row b-b">
+		<view  v-if='checked'  class="c-row b-b">
 			<text class="tit">包装方式</text>
 			<picker @change="baoChange" :value="baoIndex" :range="baoType" class="con-list">
 				<view class="con-list">
@@ -164,13 +162,13 @@
 				</view>
 			</picker>
 		</view>
-		<view  v-if='!checked&&baoIndex==2||!checked&&baoIndex==3'  class="c-row b-b">
+		<view  v-if='checked&&baoIndex!=0'  class="c-row b-b">
 			<text class="tit">袋装备注</text>
 				<view class="con-list">
 					<input placeholder="请填写袋装备注" name="input" v-model="deptList.baggingNotes"></input>
 				</view>
 		</view>
-		<view  v-if='!checked' class="c-row">
+		<view  v-if='checked' class="c-row">
 			<text class="tit">运费承担方</text>
 			<picker @change="chengChange" :value="chengIndex" :range="chengType" class="con-list">
 				<view class="con-list">
@@ -232,20 +230,32 @@
 				sendText:'获取验证码',
 				show:false,
 				show1:false,
+				show2:false,
 				region:'请选择收货地区',
 				region1:'请选择产地',
 				baoIndex: -1,
 				baoType: ['散装', '大袋', '小袋'],
 				chengIndex: -1,
 				chengType: ['可议', '买方承担', '卖方承担'],
-				codestatus: false,
+				codestatus: true,
 				sendDisabled: false,
 				sendText: '获取验证码',
 				verifyCode:"",
+				params2: {
+					year: true,
+				},
 			}
 		},
 		computed: {
-			...mapState(['hasLogin','userInfo'])
+			...mapState(['hasLogin','userInfo']),
+			startData(){
+					var data = new Date()
+					return data.getFullYear() - 30
+				},
+				endData(){
+					var data = new Date()
+					return data.getFullYear()
+				}
 		},
 		onLoad(options){
 			this.id=options.id
@@ -268,6 +278,11 @@
 			})
 		},
 		methods: {
+			phoneinput(e){
+				if(e.detail.value.length==11){
+					this.codestatus=true
+				}
+			},
 			getList(){
 				this.$api.doRequest('get','/procurementPlanInfo/getProcurementPlan',{id:this.id}).then(res => {
 					if(res.data.code==200){
@@ -281,7 +296,9 @@
 						}
 						 let number = this.deptList.basisPrice
 						this.deptList.basisPrice = Math.abs(number)
-						this.region1=this.deptList.outputPrivate+'-'+this.deptList.outputCity
+						if(this.deptList.outputPrivate&&this.deptList.outputCity){
+							this.region1=this.deptList.outputPrivate+'-'+this.deptList.outputCity
+						}
 						this.region=this.deptList.receivePrivate+'-'+this.deptList.receiveCity+'-'+this.deptList.receiveArea
 						if(this.deptList.procurementPlanTypeKey==2){
 							this.typesIndex=1
@@ -308,6 +325,17 @@
 					})
 				});
 			},
+			yearpicker(e) {
+				if(e!=null){
+					this.morestatus=true
+				}else{
+					this.morestatus=false
+				}
+				this.deptList.outputYear = e.year
+			},
+			yearchange() {
+				this.show2 = true
+			},
 			getcode(){
 				var that = this
 				if(/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(this.deptList.buyerPhone)){
@@ -693,12 +721,14 @@
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		flex-direction: column;
-		color: #AFB3BF;
 		line-height: 40rpx;
 		text-align: right;
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
+	.con-list input{
+			font-size:14px !important;
+		}
 	.area{
 		background-color: #FFFFFF;
 		border-radius: 20px;
@@ -712,9 +742,6 @@
 	}
 	.getcode {
 		font-size: 14px;
-		position: absolute;
-		top: 50%;
-		transform: translateY(-50%);
 		color: #AFB3BF;
 		background: #F5F6F9;
 		height: 30px;

pageD/myRelease/sellEdit.vue

@@ -81,14 +81,12 @@
 					<input placeholder="请输入买方手机号" name="input" v-model="deptList.sellerPhone"></input>
 				</view>
 			</view>
-			<view style='width:100%;position:relative;padding:10px;' class="flex">
+			<view  class="c-row">
 				<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
 					class='getcode'>{{sendText}}</button>
-				<view style='width:70%;position:relative;margin-left: 200px;'>
 					<view class="con-list">
 						<input v-model='verifyCode' maxlength="6" placeholder="请输入验证码" type="text">
 					</view>
-				</view>
 			</view>
 		</view>
 		<view class="buylow">
@@ -97,49 +95,49 @@
 					style="font-size: 14px; ">完善更多信息<text
 						style="font-size: 10px; color: #AFB3BF;">（选填，可由客服人员代为完善）</text></text>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">水分（%）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写水分占比" name="input" v-model="deptList.waterContent"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">容重（g/L）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写容重" name="input" v-model="deptList.bulkDensity"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">热损伤（%）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写热损伤占比" name="input" v-model="deptList.jiaorenli"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">杂质（%）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写杂质占比" name="input" v-model="deptList.impurity"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">霉变粒（%）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写霉变粒占比" name="input" v-model="deptList.mildewGrain"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">不完整粒（%）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写不完整粒占比" name="input" v-model="deptList.imperfectGrain"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">蛋白（%）<= </text>
 						<view class="con-list">
 							<input placeholder="请填写蛋白占比" name="input" v-model="deptList.protein"></input>
 						</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">粒型 </text>
 				<picker @change="liChange" :value="liIndex" :range="liType" class="con-list" v-model="deptList.grain">
 					<view class="con-list">
@@ -147,7 +145,7 @@
 					</view>
 				</picker>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">品级 </text>
 				<picker @change="pinChange" :value="pinIndex" :range="pinType" class="con-list">
 					<view class="con-list">
@@ -156,15 +154,15 @@
 				</picker>
 			</view>
 
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">产出年份</text>
-				<picker @change="nianChange" :value="nianIndex" :range="nianType" class="con-list">
-					<view class="con-list">
-						{{nianIndex>-1?nianType[nianIndex]:'请选择产出年份'}}
-					</view>
-				</picker>
+				<view class="con-list">
+				<view @click='yearchange'>{{deptList.outputYear == null?"请选择出厂年份":deptList.outputYear}}</view>
+				<u-picker :params='params2' @confirm='yearpicker($event)' v-model="show2" mode="time" :start-year="startData" :end-year="endData">
+				</u-picker>
+				</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">包装方式</text>
 				<picker @change="baoChange" :value="baoIndex" :range="baoType" class="con-list">
 					<view class="con-list">
@@ -172,13 +170,13 @@
 					</view>
 				</picker>
 			</view>
-			<view v-if='!checked&&baoIndex==2||!checked&&baoIndex==3' class="c-row b-b">
+			<view v-if='checked&&baoIndex!=0' class="c-row b-b">
 				<text class="tit">袋装备注</text>
 				<view class="con-list">
 					<input placeholder="请填写袋装备注" name="input" v-model="deptList.baggingNotes"></input>
 				</view>
 			</view>
-			<view v-if='!checked' class="c-row b-b">
+			<view v-if='checked' class="c-row b-b">
 				<text class="tit">运费承担方</text>
 				<picker @change="chengChange" :value="chengIndex" :range="chengType" class="con-list">
 					<view class="con-list">
@@ -222,7 +220,7 @@
 					city: true,
 				},
 				checked: true,
-				codestatus: false,
+				codestatus: true,
 				sendText: '获取验证码',
 				sendDisabled: false,
 				verifyCode: "",
@@ -232,21 +230,30 @@
 				pinIndex: -1,
 				pinType: ['一等品', '二等品', '三等品', '等外'],
 				nianIndex: 3,
-				nianType: ['2023', '2022', '2021', '2020', '2019', '2018', '2017', '2016', '2015', '2014', '2013', '2012',
-					'2011'
-				],
 				show: false,
 				show1: false,
+				show2: false,
 				region: '请选择收货地区',
 				region1: '请选择产地',
 				baoIndex: -1,
 				baoType: ['散装', '大袋', '小袋'],
 				chengIndex: -1,
-				chengType: ['可议', '买方承担', '卖方承担']
+				chengType: ['可议', '买方承担', '卖方承担'],
+				params2: {
+					year: true,
+				},
 			}
 		},
 		computed: {
-			...mapState(['hasLogin', 'userInfo'])
+			...mapState(['hasLogin', 'userInfo']),
+			startData(){
+					var data = new Date()
+					return data.getFullYear() - 30
+				},
+				endData(){
+					var data = new Date()
+					return data.getFullYear()
+				}
 		},
 		onLoad(options) {
 			this.getList(options)
@@ -269,6 +276,17 @@
 			})
 		},
 		methods: {
+			yearpicker(e) {
+				if(e!=null){
+					this.morestatus=true
+				}else{
+					this.morestatus=false
+				}
+				this.deptList.outputYear = e.year
+			},
+			yearchange() {
+				this.show2 = true
+			},
 			getList(options) {
 				this.$api.doRequest('get', '/salePlanInfo/getSalePlanInfo', {
 						id: options.id
@@ -282,7 +300,10 @@
 								this.deptList.packingType != null || this.deptList.freightPayer != null) {
 								this.checked = false
 							}
-							this.region1 = this.deptList.outputPrivate + '-' + this.deptList.outputCity
+							if(this.deptList.outputPrivate&&this.deptList.outputCity){
+								this.region1 = this.deptList.outputPrivate + '-' + this.deptList.outputCity
+							}
+							
 							this.region = this.deptList.sendPrivate + '-' + this.deptList.sendCity + '-' + this
 								.deptList.sendArea
 							// if(this.deptList.salePlanTypeKey==2){
@@ -728,13 +749,14 @@
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		flex-direction: column;
-		color: #AFB3BF;
 		line-height: 40rpx;
 		text-align: right;
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
-
+	.con-list input{
+			font-size:14px !important;
+		}
 	.buyup {
 		background-color: #FFFFFF;
 		border-radius: 20px;
@@ -767,9 +789,6 @@
 
 	.getcode {
 		font-size: 14px;
-		position: absolute;
-		top: 50%;
-		transform: translateY(-50%);
 		color: #AFB3BF;
 		background: #F5F6F9;
 		height: 30px;
@@ -777,6 +796,7 @@
 	}
 
 	.getcode.active {
-		border: none;
+		background: #22C572;
+		color: #fff;
 	}
 </style>