no message

src/packageMine/pages/myWebsit.vue

@@ -1,13 +1,13 @@
 <template>
   <!-- #ifdef H5 -->
-  <zj-page-layout
-    :hasFooter="true"
-    :isScroll="true"
-    :refresherTriggered="refresherTriggered"
-    @refresherrefresh="refresherrefresh"
-  >
-    <view class="list-container" v-if="dataList.length > 0">
-      <view class="mode" @click="navToPage(item)" v-for="(item, index) in dataList" :key="index">
+  <zj-page-layout :isScroll="true" :refresherTriggered="refresherTriggered" @refresherrefresh="refresherrefresh">
+    <template slot="header">
+      <view class="search-container">
+        <u-search shape="round" :showAction="false" placeholder="输入网点名称搜索" v-model="keyword"> </u-search>
+      </view>
+    </template>
+    <view class="list-container" v-if="showDataList.length > 0">
+      <view class="mode" @click="navToPage(item)" v-for="(item, index) in showDataList" :key="index">
         <view class="flex_asb order">
           <view class="title"></view>
           <view class="status">{{
@@ -67,6 +67,7 @@ export default {
       loadStatus: 2,
       pageNum: 1,
       dataList: [],
+      keyword: "",
     }
   },
 
@@ -74,39 +75,45 @@ export default {
     this.refreshLish();
   },
 
+  computed: {
+    showDataList() {
+      return this.dataList.filter(item=>!!~item.name.indexOf(this.keyword))
+    }
+  },
+
   methods: {
-getList() {
-	this.$api.get('/user/apply/websit', {
-		isAll: true
-	}).then(res => {
-		this.refresherTriggered = false;
-		this.dataList = res.data
-	})
-},
+    getList() {
+      this.$api.get('/user/apply/websit', {
+        isAll: true
+      }).then(res => {
+        this.refresherTriggered = false;
+        this.dataList = res.data
+      })
+    },
 
-navToPage(url){
-	this.$navToPage({
-		url
-	})
-},
+    navToPage(url){
+      this.$navToPage({
+        url
+      })
+    },
 
-// 触发下拉刷新
-refresherrefresh(e) {
-  this.refresherTriggered = true;
-  this.refreshLish();
-},
+    // 触发下拉刷新
+    refresherrefresh(e) {
+      this.refresherTriggered = true;
+      this.refreshLish();
+    },
 
-refreshLish() {
-  this.dataList = [];
-  this.pageNum = 1;
-  this.getList();
-},
+    refreshLish() {
+      this.dataList = [];
+      this.pageNum = 1;
+      this.getList();
+    },
 
-goEnter(item){
-	this.$navToPage({
-		url: '/packageMine/pages/workerEnter?websitName=' + item.name + '&websitId=' + item.websitId,
-	})
-}
+    goEnter(item){
+      this.$navToPage({
+        url: '/packageMine/pages/workerEnter?websitName=' + item.name + '&websitId=' + item.websitId,
+      })
+    }
   },
 }
 
@@ -192,4 +199,18 @@ export default {
     margin-right: 30rpx;
   }
 }
+.search-container {
+  background: #ffffff;
+  padding: 20rpx;
+  ::v-deep .u-search {
+    height: 60rpx;
+    input {
+      background: #f7f8ff !important;
+    }
+    .u-search__content {
+      background: #f7f8ff !important;
+      height: 60rpx;
+    }
+  }
+}
 </style>