ss

src/views/modules/visual/basicinfo/basicInfoCommunity.vue

@@ -53,7 +53,7 @@
                 <div v-for="(userItem,userIndex) in userArray"
                      :key="userIndex"
                      class="user_item"
-                     @click.stop="handleClickUser(userIndex)">
+                     @click.stop="handleClickUser(userItem.userId)">
                   <div class="user_item_content">
                     <div class="name">{{userItem.name}}</div>
 
@@ -430,8 +430,8 @@ export default {
     },
 
     //点击用户
-    handleClickUser (index) {
-
+    handleClickUser (userId) {
+      this.$emit('toSubAgency', 'people', userId, "")
     },
     //获取右侧infolist数据
     async loadList () {

src/views/modules/visual/basicinfo/basicInfoMain.vue

@@ -18,13 +18,14 @@
                    @toSubAgency="toSubAgency"
                    ref="ref_search"></people-search>
     <people v-if="orgLevel==='people'"
-            :userId="selUserId"
+            :uid="selUserId"
             ref="ref_people"></people>
 
     <div v-show="orgLevel!=='people' && orgLevel!=='search'"
          class="div_content">
 
       <basic-info-community v-show="orgLevel==='neighborHood'"
+                            @toSubAgency="toSubAgency"
                             ref="ref_community"
                             @refreshInfoList="refreshInfoList"></basic-info-community>
 

src/views/modules/visual/basicinfo/cpts/people-more.vue

@@ -54,19 +54,20 @@
         </div>
 
         <div class="tabs">
-          <div class="tab-btn" @click="groupIndex -= 1">
+          <div class="tab-btn" @click="subStartGroupIndex" v-if="groupList.length>9">
             <img src="@/assets/img/shuju/people/arrow-double-left.png" />
           </div>
           <div
+            v-show="index >= startGroupIndex && index < startGroupIndex+9"
             class="tab"
             :class="groupIndex % groupList.length == index ? 'z-on' : ''"
             :key="'tab' + index"
-            @click="groupIndex = groupList.length * 100 + index"
+            @click="groupIndex = index"
             v-for="(item, index) in groupList"
           >
             {{ item.label }}
           </div>
-          <div class="tab-btn" @click="groupIndex += 1">
+          <div class="tab-btn" @click="addStartGroupIndex" v-if="groupList.length>9">
             <img src="@/assets/img/shuju/people/arrow-double-right.png" />
           </div>
         </div>
@@ -124,6 +125,7 @@ export default {
       fieldList: [],
       groupList: [],
       groupIndex: 0,
+      startGroupIndex: 0,
       info: {},
 
       xiaoquList: [],
@@ -212,6 +214,22 @@ export default {
   },
 
   methods: {
+    addStartGroupIndex() {
+      const { startGroupIndex, groupList } = this;
+      if (startGroupIndex < groupList.length - 9) {
+        this.startGroupIndex = startGroupIndex + 1;
+      } else {
+        this.startGroupIndex = groupList.length - 9;
+      }
+    },
+    subStartGroupIndex() {
+      const { startGroupIndex, groupList } = this;
+      if (startGroupIndex > 0) {
+        this.startGroupIndex = startGroupIndex - 1;
+      } else {
+        this.startGroupIndex = 0;
+      }
+    },
     handleClose() {
       this.$emit("close");
     },
@@ -280,8 +298,6 @@ export default {
             }
           });
         });
-
-        this.groupIndex = this.groupList.length * 100;
       } else {
         this.$message.error(msg);
       }

src/views/modules/visual/basicinfo/people.vue

@@ -335,7 +335,8 @@ export default {
   props: {
     uid: {
       type: String,
-      default: "8ada68cb6f1e4b9a8333348a39ef3aee",
+      default: "",
+      // default: "8ada68cb6f1e4b9a8333348a39ef3aee",
     },
   },