成员管理

src/views/personnel/memberManagement.vue

@@ -2,7 +2,11 @@
   <PageMain class="vh100">
     <div class=" flex j-s">
       <div class="member-tree mr-4">
-        <el-input v-model="filterText" style="width: 240px" placeholder="姓名，手机号，工号查询" :prefix-icon="Search" />
+        <el-input v-model="filterText" style="width: 240px" placeholder="姓名，手机号，工号查询" :prefix-icon="Search">
+          <template #append>
+            <el-button :icon="Search" @click="handleSearch" />
+          </template>
+        </el-input>
         <div style="display: flex;justify-content: space-between;margin: 10px 0;">
           <!-- <el-button type="primary" link @click="$router.push({path:'/personnel/institution'})">机构管理</el-button> -->
           <el-button type="primary" link @click="expandTree">
@@ -342,6 +346,11 @@ const columns = [
     },
   },
 ];
+
+// handleSearch
+function handleSearch() {
+  getUserList()
+}
 const pageInfo = reactive({
   pageNum: 1,
   pageSize: 10,
@@ -376,7 +385,8 @@ const getUserList = () => {
     size: pageInfo.pageSize,
     deptId: deptItem.value.id,
     status: status.value,
-    isMember: 1
+    isMember: 1,
+    userInfo: filterText.value
   }).then((res: any) => {
 
     if (res.code === 200) {
@@ -725,9 +735,12 @@ function manySetDeptUser() {
 }
 
 .table {
-  flex: 1;       /* 占据剩余空间 */
-  min-width: 0;  /* 防止内容溢出时的异常行为 */
+  flex: 1;
+  /* 占据剩余空间 */
+  min-width: 0;
+  /* 防止内容溢出时的异常行为 */
 }
+
 .custom-tree-node {
   flex: 1;
   display: flex;