From 4a92213a6db9672fcc2172e868403dd9d323a674 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Wed, 8 Jun 2022 10:59:11 +0800
Subject: [PATCH] BUG 30084

---
 .../beta/AppGridManagement/Organization.vue   | 78 ++++++++++++-------
 src/saas/AppGridManagement/Organization.vue   |  2 +-
 2 files changed, 50 insertions(+), 30 deletions(-)

diff --git a/src/project/beta/AppGridManagement/Organization.vue b/src/project/beta/AppGridManagement/Organization.vue
index 4d1536e7..b2616c15 100644
--- a/src/project/beta/AppGridManagement/Organization.vue
+++ b/src/project/beta/AppGridManagement/Organization.vue
@@ -8,26 +8,27 @@
         <img src="./components/img/big-user.png" alt="" v-else>
       </div>
       <div class="right">
-        <div class="name">{{item.name}}</div>
-        <div class="gird">{{item.checkType == 2 ? '网格长' : '网格员'}}</div>
-        <p>{{item.girdName}}</p>
+        <div class="name">{{ item.name }}</div>
+        <div class="gird">{{ item.checkType == 2 ? '网格长' : '网格员' }}</div>
+        <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)">
       <div>
         <!-- <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> -->
         <img :src="item.photo" alt="" v-if="item.photo">
         <img src="./components/img/big-user.png" alt="" v-else>
       </div>
       <div class="right">
-        <div class="name">{{item.name}} 
-          <span class="gird">{{item.checkType == 2 ? '网格长' : '网格员'}}</span>
-          <span class="family-btn" @click="linkTo(`./FamilyList?id=${item.id}&girdId=${userGird.id}`)" v-if="item.checkType == 1">责任家庭 ></span>
+        <div class="name">{{ item.name }}
+          <span class="gird">{{ item.checkType == 2 ? '网格长' : '网格员' }}</span>
+          <span class="family-btn" @click.stop="linkTo(`./FamilyList?id=${item.id}&girdId=${userGird.id}`)" v-if="item.checkType == 1">责任家庭 ></span>
         </div>
-        <p>{{item.girdName}} </p>
+        <p>{{ item.girdName }} </p>
       </div>
     </div>
-    <AiEmpty description="暂无数据" class="emptyWrap" v-if="dataInfo.parentGirdMembers && !dataInfo.parentGirdMembers.length && !dataInfo.girdMembers.length"></AiEmpty>
+    <AiEmpty description="暂无数据" class="emptyWrap"
+             v-if="dataInfo.parentGirdMembers && !dataInfo.parentGirdMembers.length && !dataInfo.girdMembers.length"></AiEmpty>
     <div class="pad-b112"></div>
   </div>
 </template>
@@ -43,7 +44,7 @@ export default {
   props: ['params'],
   onShow() {
     document.title = '网格管理'
-     
+
   },
   mounted() {
     this.userGird = this.params
@@ -51,7 +52,7 @@ export default {
     uni.$on('goback', (res) => {
       this.userGird = res
       this.getGirdUserList()
-    }) 
+    })
   },
   methods: {
     getGirdUserList() {
@@ -63,7 +64,12 @@ export default {
     },
     linkTo(url) {
       uni.navigateTo({url})
-    }
+    },
+    viewUser(userid) {
+      userid && this.injectJWeixin('openUserProfile').then(() => {
+        this.wxInvoke(['openUserProfile', {type: 1, userid}, () => 0])
+      })
+    },
   },
 }
 </script>
@@ -71,7 +77,8 @@ export default {
 <style lang="scss" scoped>
 .Organization {
   background-color: #f5f5f5;
-  .title{
+
+  .title {
     font-size: 38px;
     font-family: PingFangSC-Semibold, PingFang SC;
     font-weight: 600;
@@ -80,27 +87,32 @@ export default {
     padding-left: 32px;
     margin-bottom: 32px;
   }
-  .user-content{
+
+  .user-content {
     width: calc(100% - 64px);
     margin: 0 0 32px 32px;
     background-color: #fff;
     padding: 32px;
     box-sizing: border-box;
     display: flex;
-    img{
+
+    img {
       display: inline-block;
       width: 200px;
       height: 200px;
       margin-right: 32px;
     }
-    image{
+
+    image {
       width: 200px;
       height: 200px;
       margin-right: 32px;
     }
-    .right{
+
+    .right {
       width: 100%;
-      .name{
+
+      .name {
         font-size: 32px;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 500;
@@ -108,7 +120,8 @@ export default {
         line-height: 44px;
         margin-bottom: 12px;
       }
-      .gird{
+
+      .gird {
         display: inline-block;
         line-height: 44px;
         background: #E8EFFF;
@@ -119,7 +132,8 @@ export default {
         color: #26F;
         margin-bottom: 12px;
       }
-      p{
+
+      p {
         font-size: 26px;
         font-family: PingFangSC-Regular, PingFang SC;
         color: #666;
@@ -127,34 +141,40 @@ export default {
       }
     }
   }
-  .user-item{
-    img{
+
+  .user-item {
+    img {
       width: 96px;
       height: 96px;
       border-radius: 50%;
     }
-    image{
+
+    image {
       width: 96px;
       height: 96px;
       border-radius: 50%;
     }
-    .gird{
+
+    .gird {
       display: inline-block;
       margin-left: 16px;
-      margin-bottom: 0!important;
+      margin-bottom: 0 !important;
     }
-    .name{
-      margin-bottom: 8px!important;
+
+    .name {
+      margin-bottom: 8px !important;
     }
   }
-  .family-btn{
+
+  .family-btn {
     font-size: 26px;
     font-family: PingFangSC-Regular, PingFang SC;
     color: #3975C6;
     line-height: 36px;
     float: right;
   }
-  .pad-b112{
+
+  .pad-b112 {
     padding-bottom: 112px;
   }
 }
diff --git a/src/saas/AppGridManagement/Organization.vue b/src/saas/AppGridManagement/Organization.vue
index 10a343b9..ccf71be1 100644
--- a/src/saas/AppGridManagement/Organization.vue
+++ b/src/saas/AppGridManagement/Organization.vue
@@ -16,7 +16,7 @@
         <p>{{ item.girdName }}</p>
       </div>
     </div>
-    <div class="user-content user-item" v-for="(item, index) in dataInfo.girdMembers" :key="index" @click="viewUser(item.wxUserIdId)">
+    <div class="user-content user-item" v-for="(item, index) in dataInfo.girdMembers" :key="index" @click="viewUser(item.wxUserId)">
       <div>
         <!-- <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> -->
         <img :src="item.photo" alt="" v-if="item.photo">