修改会员-好友、家族分页出现的问题

src/views/system/appUser/index.vue

@@ -213,11 +213,13 @@
         <el-table-column label="昵称" align="center" prop="nickName" />
       </el-table>
       <br />
-      <el-pagination small
+      <el-pagination small layout="prev, pager, next"
         v-show="ftotal>0"
         :page-size="friendsParams.pageSize"
         :current-page="friendsParams.pageNum"
         :total="ftotal"
+        @size-change="friendsSizeChange"
+        @current-change="friendsCurrentChange"
       />
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="friendBack">返回</el-button>
@@ -233,11 +235,13 @@
         <el-table-column label="创建地" align="center" prop="address" />
       </el-table>
       <br />
-      <el-pagination small
+      <el-pagination small layout="prev, pager, next"
         v-show="mtotal>0"
         :page-size="familyParams.pageSize"
         :current-page="familyParams.pageNum"
         :total="mtotal"
+        @size-change="familySizeChange"
+        @current-change="familyCurrentChange"
       />
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="familyBack">返回</el-button>
@@ -555,11 +559,22 @@ export default {
     friendBack(){
       this.friendsOpen = false;
     },
+    friendsSizeChange: function(size) {
+      this.friendsParams.pageSize =  size
+      this.getMyFriends();
+    },
+    friendsCurrentChange: function(currentPage) {
+      this.friendsParams.pageNum = currentPage
+      this.getMyFriends();
+    },
 
     myFamily(row) {
       this.familyOpen = true;
       this.familyLoading = true;
-      this.familyParams.userId = row.userId;
+      this.getMyFamilys(row.userId);
+    },
+    getMyFamilys(uid){
+      this.familyParams.userId = uid;
       listFamilyByUid(this.familyParams).then(res => {
         this.familyList = res.rows;
         this.mtotal = res.total;
@@ -569,6 +584,18 @@ export default {
     familyBack(){
       this.familyOpen = false;
     },
+    familySizeChange: function(size) {
+      this.familyParams.pageSize =  size
+      var uid = this.familyParams.userId;
+      debugger
+      this.getMyFamilys(uid);
+    },
+    familyCurrentChange: function(currentPage) {
+      this.familyParams.pageNum = currentPage
+      var uid = this.familyParams.userId;
+      debugger
+      this.getMyFamilys(uid);
+    },
   }
 };
 </script>

src/views/system/family/detail/member.vue

@@ -97,15 +97,15 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body :close-on-click-modal=false>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
 
-        <el-row :gutter="0" type="flex" justify="start">
-          <el-col :span="36">
+        <el-row :gutter="0" type="flex" justify="start" v-if="isAdd">
+          <el-col>
             <el-form-item label="查询" prop="userId">
               <el-select
-                v-model="form.user"
+                v-model="form.userSearch"
                 filterable
                 remote
                 clearable
-                placeholder="请输入ID/名字/手机号"
+                placeholder="输入ID/名字/手机号查询"
                 :remote-method="findUser"
                 @change="userChange"
                 :loading="loadings">
@@ -197,7 +197,7 @@
 <script>
 import { getFamily } from "@/api/system/family";
 import { listMember, getMember, delMember, addMember, updateMember, exportMember } from "@/api/system/member";
-import { listUser } from "@/api/system/appUser";
+import { listUser,getUser } from "@/api/system/appUser";
 
 export default {
   name: "Member",
@@ -233,6 +233,13 @@ export default {
         enable: 0,
         searchValue: null,
       },
+      // 是否添加
+      isAdd: true,
+      userOptions:[],
+      userParams: {
+        enable: 0,
+        searchValue: null,
+      },
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -297,6 +304,27 @@ export default {
     spouseChange(value){
       this.form.spouseUserId = value;
     },
+    userChange(value){
+      const id = value;
+      getUser(id).then(response => {
+        this.form = response.data;
+        this.form.name = this.form.nickName;
+        // 新增id为空
+        this.form.userId = null;
+        this.form.memberId = null;
+      });
+    },
+    findUser(query){
+      if (query.length > 1) {
+        this.loadings = true;
+        this.userParams.searchValue = query;
+        listUser(this.userParams).then(response => {
+          this.loadings = false;
+          this.userOptions = response.data;
+        });
+      }
+    },
+
     getFamily(id){
       getFamily(id).then(response => {
         this.familyName = response.data.fullName;
@@ -340,7 +368,9 @@ export default {
         updateBy: null,
         updateTime: null,
         remark: null,
-        spouseOptions: null
+        spouseOptions: null,
+        userOptions: null,
+        userSearch: null
       };
       this.resetForm("form");
     },
@@ -362,12 +392,14 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
+      this.isAdd = true;
       this.reset();
       this.open = true;
       this.title = "添加家族成员";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
+      this.isAdd = false;
       this.reset();
       const id = row.memberId || this.ids
       const familyId = this.queryParams.familyId;

src/views/system/personalModel/index.vue

@@ -10,15 +10,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="启用" prop="enable">
-        <el-input
-          v-model="queryParams.enable"
-          placeholder="请输入是否启用"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>