网格管理

src/sass/AppGridManagement/Organization.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="Organization">
     <div class="title">网格人员</div>
-    <div class="user-content" v-for="(item, index) in dataInfo.parentGirdMembers" :key="index">
+    <div class="user-content" v-for="(item, index) in dataInfo.parentGirdMembers" :key="index" @click="viewUser(item.wxUserId)">
       <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" />
       <img src="./components/img/big-user.png" alt="" v-else>
       <div class="right">
@@ -10,15 +10,18 @@
         <p>{{item.girdName}}</p>
       </div>
     </div>
-    <div class="user-content user-item" v-for="(item, index) in dataInfo.girdMembers" :key="index">
+    <div class="user-content user-item" v-for="(item, index) in dataInfo.girdMembers" :key="index"  @click="viewUser(item.wxUserId)">
       <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" />
       <img src="./components/img/user-img.png" alt="" v-else />
       <div class="right">
         <div class="name">{{item.name}} 
           <span class="gird">{{item.checkType == 2 ? '网格长' : '网格员'}}</span>
+          <span class="num" v-if="item.checkType == 1">家庭数(10)</span>
+        </div>
+        <div class="gird-name">
+          <span class="text">{{item.girdName}}</span>
           <span class="family-btn" @click="linkTo(`./FamilyList?id=${item.id}&girdId=${userGird.id}`)" v-if="item.checkType == 1">责任家庭 ></span>
         </div>
-        <p>{{item.girdName}} </p>
       </div>
     </div>
     <AiEmpty description="暂无数据" class="emptyWrap" v-if="dataInfo.parentGirdMembers && !dataInfo.parentGirdMembers.length && !dataInfo.girdMembers.length"></AiEmpty>
@@ -57,6 +60,16 @@ export default {
     },
     linkTo(url) {
       uni.navigateTo({url})
+    },
+    viewUser(userId) {
+      wx.invoke('openUserProfile', {
+        "type": 1, //1表示该userid是企业成员，2表示该userid是外部联系人
+        "userid": userId //可以是企业成员，也可以是外部联系人
+          }, function(res) {
+          if(res.err_msg != "openUserProfile:ok") {
+              //错误处理
+          }
+      });
     }
   },
 }
@@ -147,6 +160,12 @@ export default {
     line-height: 36px;
     float: right;
   }
+  .num{
+    font-size: 26px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    line-height: 36px;
+    float: right;
+  }
   .pad-b112{
     padding-bottom: 112px;
   }