update

user_web/src/view/admin/ManageUser.vue

@@ -219,15 +219,94 @@ let detailsDb = ref({
     roles: [],
 });
 
+/**
+ * 因为这里的接口返回的不是分页的接口，是全部数据，所以这里就记录全部数据
+ * 后面通过逻辑，来控制分页的显示
+ */
+let pageDb = [];
+
 /**
  * 查找分页数据
  */
 const pageUpdateEvent = () => {
-    
+
     console.log(
         "查找分页数据 pageUpdateEvent", state.value.listParams
     );
 
+    let keyword = state.value.listParams.keyword;
+    let pageNum = state.value.listParams.page;
+    let pageSize = state.value.listParams.limit;
+    let userType = state.value.listParams.userType;
+    
+    let submit = {
+        // 第几页
+        "pageNum": pageNum,
+        // 每页显示多少数据
+        "pageSize": pageSize,
+        // 0 - 老师， 1 - 学生
+        "userType" : userType,
+        // 昵称
+        "nickName" : "",
+        // 账号
+        "userName": keyword,
+    };
+    
+    userList(submit)
+    .then(response => {
+
+        let dataOld = response?.data?.data;
+        let data = dataOld?.list;
+
+        // console.log(
+        //     "userListEvent response", response, data
+        // );
+
+        pageDb = [];
+        pageDb = data;
+
+        pageDbUpdateEvent();
+        
+    }).catch(error => {
+        
+    });
+    
+}
+
+
+/**
+ * 因为接口不是标准的分页接口，是直接返回所有数据的
+ * 这里进行单独处理，来展示第几页的数据
+ */
+const pageDbUpdateEvent = () => {
+
+    // console.log(
+    //     "查找分页数据 pageDbUpdateEvent", state.value.listParams, pageDb
+    // );
+
+    state.value.total = pageDb.length;
+    state.value.list = [];
+
+    let page = state.value.listParams.page;
+    let limit = state.value.listParams.limit;
+    let keyword = state.value.listParams.keyword;
+
+    // 从第几个数组下标开始
+    let indexStart = (page - 1) * limit;
+    // 到第几个数组下标结束
+    let indexEnd = indexStart + limit - 1;
+
+    for (let i = 0; i < pageDb.length; i++) {
+
+        // 在范围内
+        if (i >= indexStart && i <= indexEnd) {
+            let thisPageDb = pageDb[i];
+            state.value.list.push(thisPageDb);
+            
+        }
+        
+    }
+    
 }
 
 /**
@@ -445,7 +524,7 @@ onMounted(function() {
                         :prefix-icon="Search"
                         clearable
                         style="width: 17rem; height: 3rem"
-                        placeholder="搜索账号/姓名"
+                        placeholder="搜索账号"
                         @clear="btnSearchName"
                     />
                     <div class="rowSearch" @click="btnSearchName">搜索</div>
@@ -454,8 +533,8 @@ onMounted(function() {
             <div class="contentTable commonsScrollbar">
                 <el-table :data="state.list" style="width: 100%" @selection-change="selectionChange">
                     <el-table-column align="center" type="selection" width="110" />
-                    <el-table-column prop="name" label="账号" />
-                    <el-table-column prop="name" label="姓名" />
+                    <el-table-column prop="userName" label="账号" />
+                    <el-table-column prop="nickName" label="姓名" />
                     <el-table-column label="操作">
                         <template #default="scope">
                             <el-button link type="primary" @click="btnDetail(scope.row)">编辑</el-button>