BUG 30084

This commit is contained in:
aixianling
2022-06-08 10:59:11 +08:00
parent 5cde980b42
commit 4a92213a6d
2 changed files with 50 additions and 30 deletions

View File

@@ -13,7 +13,7 @@
<p>{{ item.girdName }}</p> <p>{{ item.girdName }}</p>
</div> </div>
</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> <div>
<!-- <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> --> <!-- <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> -->
<img :src="item.photo" alt="" v-if="item.photo"> <img :src="item.photo" alt="" v-if="item.photo">
@@ -22,12 +22,13 @@
<div class="right"> <div class="right">
<div class="name">{{ item.name }} <div class="name">{{ item.name }}
<span class="gird">{{ item.checkType == 2 ? '网格长' : '网格员' }}</span> <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> <span class="family-btn" @click.stop="linkTo(`./FamilyList?id=${item.id}&girdId=${userGird.id}`)" v-if="item.checkType == 1">责任家庭 ></span>
</div> </div>
<p>{{ item.girdName }} </p> <p>{{ item.girdName }} </p>
</div> </div>
</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 class="pad-b112"></div>
</div> </div>
</template> </template>
@@ -63,7 +64,12 @@ export default {
}, },
linkTo(url) { linkTo(url) {
uni.navigateTo({url}) uni.navigateTo({url})
} },
viewUser(userid) {
userid && this.injectJWeixin('openUserProfile').then(() => {
this.wxInvoke(['openUserProfile', {type: 1, userid}, () => 0])
})
},
}, },
} }
</script> </script>
@@ -71,6 +77,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.Organization { .Organization {
background-color: #f5f5f5; background-color: #f5f5f5;
.title { .title {
font-size: 38px; font-size: 38px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
@@ -80,6 +87,7 @@ export default {
padding-left: 32px; padding-left: 32px;
margin-bottom: 32px; margin-bottom: 32px;
} }
.user-content { .user-content {
width: calc(100% - 64px); width: calc(100% - 64px);
margin: 0 0 32px 32px; margin: 0 0 32px 32px;
@@ -87,19 +95,23 @@ export default {
padding: 32px; padding: 32px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
img { img {
display: inline-block; display: inline-block;
width: 200px; width: 200px;
height: 200px; height: 200px;
margin-right: 32px; margin-right: 32px;
} }
image { image {
width: 200px; width: 200px;
height: 200px; height: 200px;
margin-right: 32px; margin-right: 32px;
} }
.right { .right {
width: 100%; width: 100%;
.name { .name {
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
@@ -108,6 +120,7 @@ export default {
line-height: 44px; line-height: 44px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.gird { .gird {
display: inline-block; display: inline-block;
line-height: 44px; line-height: 44px;
@@ -119,6 +132,7 @@ export default {
color: #26F; color: #26F;
margin-bottom: 12px; margin-bottom: 12px;
} }
p { p {
font-size: 26px; font-size: 26px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
@@ -127,26 +141,31 @@ export default {
} }
} }
} }
.user-item { .user-item {
img { img {
width: 96px; width: 96px;
height: 96px; height: 96px;
border-radius: 50%; border-radius: 50%;
} }
image { image {
width: 96px; width: 96px;
height: 96px; height: 96px;
border-radius: 50%; border-radius: 50%;
} }
.gird { .gird {
display: inline-block; display: inline-block;
margin-left: 16px; margin-left: 16px;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.name { .name {
margin-bottom: 8px !important; margin-bottom: 8px !important;
} }
} }
.family-btn { .family-btn {
font-size: 26px; font-size: 26px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
@@ -154,6 +173,7 @@ export default {
line-height: 36px; line-height: 36px;
float: right; float: right;
} }
.pad-b112 { .pad-b112 {
padding-bottom: 112px; padding-bottom: 112px;
} }

View File

@@ -16,7 +16,7 @@
<p>{{ item.girdName }}</p> <p>{{ item.girdName }}</p>
</div> </div>
</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> <div>
<!-- <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> --> <!-- <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> -->
<img :src="item.photo" alt="" v-if="item.photo"> <img :src="item.photo" alt="" v-if="item.photo">