地址搜索

pages/address/address.vue

 <template>
-	<view class="addressStyle" v-if="!isloading" :style="{ height: contentHeight }">
-		<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" :style="{ height: '100%' }">
+	<view class="addressStyle" v-if="!isloading" :style="{ height: contentHeight + 'px'}">
+		<view style="width: 100%;height: 50px;background: #FFF;padding: 9px 15px;" @click='show=true'>
+			<u-search placeholder="根据相关内容搜索" v-model="val" :show-action="false" :disabled='true' ></u-search>
+		</view>
+		
+		<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" :style="{height:(contentHeight-50)+'px'}  ">
 			<view v-for="(item, index) in list" :key="index" class="addresbox" @click="chosenHandler(item)">
 				<view class="addresclo">
 					<Text>收件人：{{ item.Name }}</Text>
@@ -38,6 +42,36 @@
 				</view>
 			</view>
 		</scroll-view>
+		<u-popup v-model="show"
+			mode="right"
+			length="70%"
+			height='100%'
+		>
+				<view class="popupbox">
+					
+					<text class="popupbox_text" style="margin-top: 15px;">收货人</text>
+					<view class="popup_item">
+						<input class="uni-input inputM" v-model="msg.Name" />
+					</view>
+					<text class="popupbox_text" style="margin-top: 15px;">手机号码</text>
+					<view class="popup_item">
+						<input type="number" class="uni-input inputM" v-model="msg.Mobile" />
+					</view>
+					<text class="popupbox_text" style="margin-top: 15px;">详细地址</text>
+					<view class="popup_item">
+						<input class="uni-input inputM" v-model="msg.Address" />
+					</view>
+					
+					<view class="popup_b" :style="{height:cHeight+'px'}">
+						<view class="popup_b_item" style="background: #FAF8F9;color: #000000;" @click="goreset()">
+							<text>重置</text>
+						</view>
+						<view class="popup_b_item" :style="{background:mainColor }" @click="determine()">
+							<text>确定</text>
+						</view>
+					</view>
+				</view>
+		</u-popup>
 		<!-- 删除的弹框 -->
 		<u-modal v-model="showModal" content="确实删除收货地址" :show-cancel-button="true" :show-title="false" @confirm="confirm"></u-modal>
 		<u-toast ref="uToast" />
@@ -60,10 +94,14 @@ export default {
 			contentHeight: 0,
 			showModal: false,
 			deleteID: 0,
+			val:'',
+			show:false,
+			cHeight:0,
 			msg: {
 				Name: '',
 				IsDefault: 0,
-				Mobile: ''
+				Mobile: '',
+				Address:'',
 			},
 			source: '',
 			defaultId: 0,
@@ -85,8 +123,10 @@ export default {
 		auth
 	},
 	created() {
-		this.contentHeight = this.$utils.calcContentHeight(-40) + 'px';
+		this.contentHeight = this.$utils.calcContentHeight(-40) ;
 		this.mainColor = this.$uiConfig.mainColor;
+		this.cHeight = this.$uiConfig.is_bang ? 60 : 52;
+		
 	},
 	mounted() {
 		let currentPages = getCurrentPages();
@@ -261,7 +301,22 @@ export default {
 			uni.navigateTo({
 				url: '/pages/address/AddAddress'
 			});
-		}
+		},
+		
+		goreset(){//重置
+		
+			this.show=false;
+			this.msg.Name='';
+			this.msg.Mobile='';
+			this.msg.Address='';
+			
+			this.init()
+		},
+		determine(){//确认
+			
+			this.show=false
+			this.init()
+		},
 	}
 };
 </script>
@@ -297,8 +352,8 @@ export default {
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
-	margin-left: 3%;
-	margin-top: 30rpx;
+	
+	margin: 30rpx 3%;
 }
 .addressStyle .bottom_btn .bottom_btn_item {
 	width: 48%;
@@ -309,4 +364,53 @@ export default {
 	align-items: center;
 	justify-content: center;
 }
+.addressStyle .popupbox{
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		
+	}
+	.addressStyle .popupbox_text{
+		font-size: 12px;
+		color: #111111;
+		margin-left: 5%;
+	}
+	.addressStyle .popup_item{
+		width: 90%;
+		height: 35px;
+		margin-left: 5%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		padding: 5px;
+		margin-top: 10px;
+		background: #F1F1F1;
+	}
+	.addressStyle .inputM{
+		width: 100%;
+	}
+	.addressStyle .popup_b{
+		width: 100%;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		color: #FFFFFF;
+		
+	}
+	.addressStyle .popup_b_item{
+		width: 50%;
+		height: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		justify-content: center;
+		font-size: 14px;
+		padding-top: 15px;
+	}
 </style>

pages/microShop/storeManagement/storeManagement.vue

@@ -244,7 +244,7 @@
 		created(){
 			 this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
 			 this.scrollHeight = this.$utils.calcContentHeight(-40+210)+'px';
-			 this.cHeight = this.$uiConfig.is_bang ? 80 : 52;
+			 this.cHeight = this.$uiConfig.is_bang ? 60 : 52;
 			 this.mainColor = this.$uiConfig.mainColor;
 			 this.secondary = this.$uiConfig.secondary;
 			 this.getSmallShopsGlobalPrice()