资料加上搜索功能

pages/manage/deviceManage.vue

@@ -12,6 +12,14 @@
 			<view class="t-you"></view>
 		</view>
 
+    <view class="searchContent">
+      <view class="t-input">
+        <uni-icons type="search" color="#BCBCBC" size="22"></uni-icons>
+        <input type="text" v-model="fileName" placeholder="请输入手机号.....">
+      </view>
+      <view class="sou" @click="getlist()">搜索</view>
+    </view>
+
 		<view class="cont">
 		<view class="c-box" @click="addwenjian()">
 				<!-- <view class="">
@@ -24,7 +32,6 @@
 		<view class="bjimg" v-if="arrlist == ''">
 			<image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image>
 		</view>
-
 		<view class="wrap-box">
 
 			<view class="w-box"  v-for="(item,index) in arrlist" :key="index" >
@@ -67,7 +74,8 @@
 			pageNum: 1,//第几页
 			pageSize: 20,//一页多少张
 			totalPages: 0,//总数
-			nowFile:{}
+			nowFile:{},
+        fileName: null
 			}
 		},
 
@@ -98,7 +106,8 @@
 					data: {
 						pageSize:this.pageSize,
 						pageNum:this.pageNum,
-						fatherId:this.fileId
+						fatherId:this.fileId,
+            fileName: this.fileName,
 					}
 				})
 				if (this.pageNum != 1){
@@ -511,4 +520,28 @@
 		justify-content: center;
 		border-radius: 8px;
 	}
+
+  .t-input{
+    width: 75%;
+    height: 36px;
+    background: #F0F0F0;
+    border-radius: 50px;
+    box-sizing: border-box;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+  }
+
+  .sou{
+    width: 10%;
+    margin-left: 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .searchContent{
+    display: flex;
+    justify-content: center;
+  }
 </style>