搜索框的优化

yvan.ni
1 parent 5d869d2c
Showing 21 changed files with 285 additions and 53 deletions
components/lb_sear/lb_sear.js
components/lb_sear/lb_sear.json
components/lb_sear/lb_sear.wxml
components/lb_sear/lb_sear.wxss
packageA/pages/myGift/myGift.js
packageA/pages/myGift/myGift.json
packageA/pages/myGift/myGift.wxml
packageE/pages/user/monthgiftbag/giftpackbuy/giftpackbuy.js
packageE/pages/user/monthgiftbag/giftpackbuy/giftpackbuy.json
packageE/pages/user/monthgiftbag/giftpackbuy/giftpackbuy.wxml
packageE/pages/user/monthgiftbag/monthgiftbag.js
packageE/pages/user/monthgiftbag/monthgiftbag.json
packageE/pages/user/monthgiftbag/monthgiftbag.wxml
pages/giftpack/buygiftpack/giftpackbuy.js
pages/giftpack/buygiftpack/giftpackbuy.json
pages/giftpack/buygiftpack/giftpackbuy.wxml
pages/giftpack/buygiftpack/giftpackbuy.wxss
pages/giftpack/mygiftpack/mygiftpack.js
pages/giftpack/mygiftpack/mygiftpack.json
pages/giftpack/mygiftpack/mygiftpack.wxml
+var t = getApp(), os = t.globalData.setting;
+Component({
+  properties: {},
+  data: {
+      f_sear:0,
+      sear_key:''
+  },
+
+  ready: function() {},
+  methods: {
+    show_sear_inp(){
+      this.setData({f_sear:1});
+    },
+    blur_sear(){
+      if(!this.data.sear_key)
+          this.setData({f_sear:0});
+    },
+
+    search_lb(){
+      this.triggerEvent('search_lb');
+    },
+
+    input_sear(e){
+      let value = e.detail.value;
+      this.data.sear_key=value;
+      this.triggerEvent('input_sear',value);
+    }
+
+  }
+
+})
 \ No newline at end of file
+{
+  "component": true,
+  "usingComponents": {}
+}
 \ No newline at end of file
+<view class="flex jc-center ai-center abs c-9 t_search_box">
+	<view bindtap="show_sear_inp" wx:if="{{f_sear==0}}"><text class="iconfont icon-search_fd"></text>搜索礼包</view>
+    <view wx:else><input  bindinput="input_sear" bindconfirm="search_lb" bindblur="blur_sear" focus="{{f_sear==1}}" style="width: 660rpx;"/> </view>
+</view>
+@import '../../app.wxss';
+.t_search_box{
+  border-radius:20rpx;bottom: 10rpx; width: 700rpx; left: 25rpx; height: 80rpx; background-color:rgba(255, 255, 255, 0.7);
+}
@@ -20,7 +20,8 @@ Page({
 		noMore: false, // 检测是否有更多数据,true为没有更多数据,false为还有数据
 		pageNum: 1, // 当前页数
 	    iurl: os.imghost, //图片前缀网址
-	    is_summit_ing:0   //是不是提交申请
+	    is_summit_ing:0,   //是不是提交申请
+	    sear_key:'' //顶部搜索关键子
   },
 	clickTab(e) {
@@ -44,6 +45,10 @@ Page({
 		} else if(index == 1) {
 			url = '/api/weshop/libao/libaoFormvip/page';
 		};
+
+		if(this.data.sear_key){
+			data.key_str=this.data.sear_key;
+		}
 		this.getData(true, url, data);
@@ -161,7 +166,7 @@ Page({
 				if(index == 0) {
 					url = '/api/weshop/libao/libaoForm/page';
-					data.timetype=2;
+					data.timetype=1;
 				} else if(index == 1) {
 					url = '/api/weshop/libao/libaoFormvip/page';
 				};
@@ -205,6 +210,10 @@ Page({
           user_id: app.globalData.user_id,
       }
+	  if(this.data.sear_key){
+		  req_data.key_str=this.data.sear_key;
+	  }
+
       if(index == 0) {
           url = '/api/weshop/libao/libaoForm/page';
           req_data.timetype=1;
@@ -431,6 +440,38 @@ Page({
 	close_remark:function(){
 		this.setData({show_rem_pop:0,})
+	},
+
+	search_lb(){
+
+		let index=this.data.currentIndex;
+		let url = '';
+		let data = {
+			store_id: app.globalData.setting.stoid,
+			user_id: app.globalData.user_id,
+		};
+		this.setData({
+			list: null,
+			pageNum: 1,
+			noMore: false,
+		});
+
+		if(index == 0) {
+			url = '/api/weshop/libao/libaoForm/page';
+			data.timetype=2;
+		} else if(index == 1) {
+			url = '/api/weshop/libao/libaoFormvip/page';
+		};
+
+		if(this.data.sear_key){
+			data.key_str=this.data.sear_key;
+		}
+		this.getData(true, url, data);
+	},
+
+	input_sear(e){
+		let value = e.detail;
+		this.data.sear_key=value;
 	}
 })
 \ No newline at end of file
@@ -5,6 +5,7 @@
 		"warn": "/components/long_warn/long_warn",
 		"nav_b": "/components/nav_b/nav_b",
 		"my_confirm": "/components/my_confirm/my_confirm",
-		"nodata": "/components/nodata/nodata"
+		"nodata": "/components/nodata/nodata",
+		"lb_sear": "/components/lb_sear/lb_sear"
 	}
 }
 \ No newline at end of file
@@ -2,15 +2,16 @@
 <view>
 	<block wx:if="{{ad_data}}">
-		<view class="top_img">
+		<view class="top_img rel">
 			<image mode="widthFix" src="{{ad_data.ad_code}}" lazy-load="true"
 				   binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+			<lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>
 	<block wx:else>
-		<view class="top_img">
-			<!-- <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift00.jpg'}}"></image> -->
+		<view class="top_img rel">
 			<image src="{{iurl+'/miniapp/images/giftbag/gift00.jpg?v=2019'}}" lazy-load="true"></image>
+			<lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>
@@ -439,10 +439,17 @@ Page({
   },
   getList: function (e) {
+
+      if(this.data.ismore) return false;
+      if(this.data.searching) return false;
+      this.data.searching=1;
+
+      wx.showLoading({
+          title: '加载中.',
+      })
+
     var th = this;
-    getApp().request.get('/api/weshop/marketing/marketingMonthgiftbagForm/page', {
-      isShowLoading: true,
-      data: {
+    var r_q={
         store_id: th.data.getStorageID, //商家ID
         user_id: th.data.getUserID, //用户ID
         page: th.data.curpage,
@@ -450,8 +457,19 @@ Page({
         is_end:0,
         timetype:1,
         is_act:0
-      },
+    }
+
+    if(this.data.sear_key){
+        r_q.key_str=this.data.sear_key;
+    }
+
+    getApp().request.get('/api/weshop/marketing/marketingMonthgiftbagForm/page', {
+      isShowLoading: true,
+      data:r_q,
       success: function (res) {
+
+        this.data.searching=0;
+
         if (res.data.code == 0) {
           th.data.curpage++;
           var arr1 = th.data.wareCard;
@@ -488,6 +506,9 @@ Page({
             is_get:1
           })
         }
+
+        wx.hideLoading();
+
       }
     })
@@ -852,5 +873,17 @@ Page({
     buy_libao:function () {
         com.buy_libao(this)
+    },
+
+    search_lb(){
+        this.data.curpage=0;
+        this.searching=0;
+        this.setData({ismore:0,is_get:0,wareCard:[]});
+        this.getList();
+    },
+
+    input_sear(e){
+        let value = e.detail;
+        this.data.sear_key=value;
     }
 })
 \ No newline at end of file
@@ -2,6 +2,7 @@
   "navigationBarTitleText": "礼包列表",
   "usingComponents": {
     "warn": "/components/long_warn/long_warn",
-    "my_confirm": "/components/my_confirm/my_confirm"
+    "my_confirm": "/components/my_confirm/my_confirm",
+    "lb_sear": "/components/lb_sear/lb_sear"
   }
 }
 \ No newline at end of file
 <wxs module="filter" src="../../../../../utils/filter.wxs"></wxs>
 <view class="top_img" style="background-color: {{ad_data?ad_data.bgcolor:'rgb(250, 120, 88)'}};min-height: 100vh;">
 	<block wx:if="{{ad_data}}">
-		<view class="top_img">
+		<view class="top_img rel">
 			<image src="{{ad_data.ad_code}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+			<lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>
 	<block wx:else>
-		<view class="top_img">
+		<view class="top_img rel">
 			<image src="{{iurl+'/miniapp/images/monthgiftbagtop.png?v=2019'}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+			<lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>
@@ -27,6 +27,8 @@ Page({
     total: 0, //总数量
     ad_data: null,
     first_leader: e.globalData.first_leader || 0, // 推荐人ID
+
+    sear_key:''
   },
   onLoad: function (options) {
     this.setData({
@@ -98,19 +100,38 @@ Page({
   },
+
   getList: function () {
+
+    if(this.data.ismore) return false;
+    if(this.data.searching) return false;
+    this.data.searching=1;
+
+    wx.showLoading({
+      title: '加载中.',
+    })
+
     var th = this;
+    let r_q={
+      store_id: th.data.getStorageID, //商家ID
+      user_id: th.data.getUserID, //用户ID
+      page: th.data.curpage,
+      pageSize: th.data.pageSize,
+      pay_state:1
+    };
+
+    if(this.data.sear_key){
+      r_q.key_str=this.data.sear_key;
+    }
+
     getApp().request.get('/api/weshop/marketing/marketingMonthgiftbagRecord/page', {
       isShowLoading: true,
-      data: {
-        store_id: th.data.getStorageID, //商家ID
-        user_id: th.data.getUserID, //用户ID
-        page: th.data.curpage,
-        pageSize: th.data.pageSize,
-        pay_state:1
-      },
+      data:r_q ,
       success: function (res) {
+
+        th.data.searching=0;
+
         if (res.data.code == 0) {
           var arr1 = th.data.wareCard;
@@ -156,6 +177,8 @@ Page({
           })
         }
+        wx.hideLoading();
+
       }
     });
@@ -226,5 +249,17 @@ Page({
         }
     },
+  search_lb(){
+    this.data.curpage=0;
+    this.searching=0;
+    this.setData({ismore:0,is_get:0,wareCard:[]});
+    this.getList();
+  },
+
+  input_sear(e){
+    let value = e.detail;
+    this.data.sear_key=value;
+  }
+
 });
 \ No newline at end of file
@@ -3,6 +3,7 @@
   "enablePullDownRefresh": false,
     "usingComponents": {
       "warn": "/components/long_warn/long_warn",
-      "my_confirm": "/components/my_confirm/my_confirm"
+      "my_confirm": "/components/my_confirm/my_confirm",
+      "lb_sear": "/components/lb_sear/lb_sear"
     }
 }
 \ No newline at end of file
 <view class="top_img" style="background-color: {{ad_data?ad_data.bgcolor:'rgb(250, 120, 88)'}};min-height: 100vh;">
 	<block wx:if="{{ad_data}}">
-		<view class="top_img">
+		<view class="top_img rel">
 		  <image mode="widthFix" src="{{ad_data.ad_code}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+          <lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>	
 	<block wx:else>	
-	  <view class="top_img">
-		<!-- <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift00.jpg'}}"></image> -->
-		<image mode="widthFix" src="{{iurl+'/miniapp/images/monthgiftbagtop.png?v=2019'}}" lazy-load="true"></image>
+	  <view class="top_img rel">
+	  	 <image mode="widthFix" src="{{iurl+'/miniapp/images/monthgiftbagtop.png?v=2019'}}" lazy-load="true"></image>
+        <lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 	  </view>
    </block>
@@ -71,6 +71,8 @@ Page({
       keyword:'', //门店搜索
       sec_i:-1,//选中分类门店 下标
+      sear_key:''
+
   },
   onLoad: function (options) {
     var th=this;
@@ -431,17 +433,35 @@ Page({
   },
   getList: function (e) {
+
+    if(this.data.ismore) return false;
+    if(this.data.searching) return false;
+    this.data.searching=1;
+
+    wx.showLoading({
+      title: '加载中.',
+    })
+
     var th = this;
+    let r_q={
+      storeId: th.data.getStorageID, //商家ID
+      userId: th.data.getUserID, //用户ID
+      page: th.data.curpage,
+      pageSize: th.data.pageSize,
+      is_share:0
+    };
+
+    if(this.data.sear_key){
+        r_q.key_str=this.data.sear_key;
+    }
+
     getApp().request.get('/api/weshop/marketing/giftbag/page', {
       isShowLoading: true,
-      data: {
-        storeId: th.data.getStorageID, //商家ID
-        userId: th.data.getUserID, //用户ID
-        page: th.data.curpage,
-        pageSize: th.data.pageSize,
-        is_share:0
-      },
+      data: r_q,
       success: function (res) {
+
+        th.data.searching=0;
+        
         if (res.data.code == 0) {
           th.data.curpage++;
           var arr1 = th.data.wareCard;
@@ -460,6 +480,7 @@ Page({
             is_read: 1,
             is_get:1
           }), wx.stopPullDownRefresh(); //停止下拉刷新
+
         } else {
           th.setData({
             is_read: 1,
@@ -467,6 +488,9 @@ Page({
             is_get:1
           })
         }
+
+        wx.hideLoading();
+
       }
     })
@@ -825,5 +849,18 @@ Page({
     buy_libao:function () {
         com.buy_libao(this)
+    },
+
+    search_lb(){
+       this.data.curpage=0;
+       this.searching=0;  
+       this.setData({ismore:0,is_get:0,wareCard:[]});
+       this.getList(); 
+    },
+
+    input_sear(e){
+       let value = e.detail;
+       this.data.sear_key=value;
     }
+
 })
 \ No newline at end of file
@@ -2,6 +2,7 @@
   "navigationBarTitleText": "礼包列表",
   "usingComponents": {
     "warn": "/components/long_warn/long_warn",
-    "my_confirm": "/components/my_confirm/my_confirm"
+    "my_confirm": "/components/my_confirm/my_confirm",
+    "lb_sear": "/components/lb_sear/lb_sear"
   }
 }
 \ No newline at end of file
 <wxs module="filter" src="../../../utils/filter.wxs"></wxs>
 <view class="top_img" style="background-color: {{ad_data?ad_data.bgcolor:'rgb(250, 120, 88)'}};min-height: 100vh;padding-bottom: 10rpx;">
 	<block wx:if="{{ad_data}}">
-		<view class="top_img">
+		<view class="top_img rel">
 			<image src="{{ad_data.ad_code}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+			<lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>
 	<block wx:else>
-		<view class="top_img">
-			<image src="{{iurl+'/miniapp/images/giftbag/gift00.jpg?v=2019'}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+		<view class="top_img rel">
+			 <image src="{{iurl+'/miniapp/images/giftbag/gift00.jpg?v=2019'}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+             <lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>
@@ -254,4 +254,4 @@ page {
   border-radius: 30rpx;
   border: 2rpx solid rgb(238, 238, 238);
   padding-left: 30rpx;
-}
 \ No newline at end of file
+}
@@ -28,6 +28,8 @@ Page({
     total: 0, //总数量
     ad_data: null,
     first_leader: e.globalData.first_leader || 0, // 推荐人ID
+
+    sear_key:'' //顶部搜索关键子
   },
   onLoad: function (options) {
     this.setData({
@@ -94,17 +96,34 @@ Page({
   },
   getList: function () {
+
+    if(this.data.ismore) return false;
+    if(this.data.searching) return false;
+    this.data.searching=1;
+
+    wx.showLoading({
+      title: '加载中.',
+    })
+
     var th = this;
+    let r_q={
+      storeId: th.data.getStorageID, //商家ID
+      userId: th.data.getUserID, //用户ID
+      page: th.data.curpage,
+      pageSize: th.data.pageSize
+    }
+
+    if(this.data.sear_key){
+      r_q.key_str=this.data.sear_key;
+    }
     getApp().request.get('/api/weshop/marketing/my/giftbag/page', {
       isShowLoading: true,
-      data: {
-        storeId: th.data.getStorageID, //商家ID
-        userId: th.data.getUserID, //用户ID
-        page: th.data.curpage,
-        pageSize: th.data.pageSize
-      },
+      data: r_q,
       success: function (res) {
+
+        th.data.searching=0;
+
         if (res.data.code == 0) {
           th.data.curpage++;
           var arr1 = th.data.wareCard;
@@ -155,6 +174,8 @@ Page({
           })
         }
+        wx.hideLoading();
+
       }
     });
@@ -203,7 +224,7 @@ Page({
   //--- 分享设置 --
   onShareAppMessage: function (e) {
-      getApp().globalData.no_clear=1;
+    getApp().globalData.no_clear=1;
     var curPage = this;
     var pagePath = curPage.route; //当前页面url
     if (pagePath.indexOf('/') != 0) {
@@ -216,14 +237,25 @@ Page({
     }
   },
-    onShareTimeline() {
+  onShareTimeline() {
         getApp().globalData.no_clear=1;
         return {
             title: '专享礼包',
             imageUrl: this.data.ad_data.ad_code,
             query: "first_leader=" + this.data.getUserID
         }
-    },
+  },
+
+  search_lb(){
+    this.data.curpage=0;
+    this.searching=0;
+    this.setData({ismore:0,is_get:0,wareCard:[]});
+    this.getList();
+  },
+  input_sear(e){
+    let value = e.detail;
+    this.data.sear_key=value;
+  }
 });
 \ No newline at end of file
@@ -3,6 +3,7 @@
   "enablePullDownRefresh": false,
     "usingComponents": {
       "warn": "/components/long_warn/long_warn",
-      "my_confirm": "/components/my_confirm/my_confirm"
+      "my_confirm": "/components/my_confirm/my_confirm",
+      "lb_sear": "/components/lb_sear/lb_sear"
     }
 }
 \ No newline at end of file
 <view class="top_img" style="background-color: {{ad_data?ad_data.bgcolor:'rgb(250, 120, 88)'}};min-height: 100vh;padding-bottom: 10rpx;">
 	<block wx:if="{{ad_data}}">
-		<view class="top_img">
-		  <image mode="widthFix" src="{{ad_data.ad_code}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+		<view class="top_img rel">
+		   <image mode="widthFix" src="{{ad_data.ad_code}}" lazy-load="true" binderror="bind_bnerr2" data-errorimg="wareCard[{{index}}].lbUrl"></image>
+           <lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 		</view>
 	</block>	
 	<block wx:else>	
-	  <view class="top_img">
-		<!-- <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift00.jpg'}}"></image> -->
-		<image mode="widthFix" src="{{iurl+'/miniapp/images/giftbag/gift00.jpg?v=2019'}}" lazy-load="true"></image>
+	  <view class="top_img rel">
+		   <image mode="widthFix" src="{{iurl+'/miniapp/images/giftbag/gift00.jpg?v=2019'}}" lazy-load="true"></image>
+           <lb_sear bindinput_sear="input_sear" bindsearch_lb="search_lb"></lb_sear>
 	  </view>
    </block>
@@ -261,7 +261,6 @@ button{
   background-color: rgb(153,153,153) !important;
 }
-
 button::after{
   border: none;
 }