Vent-App/pages/addressbook/member.vue

<template>
    <view>
        <view class="cu-bar fixed" :class="[NavBarColor]" :style="style" >
        	<view class="cuIcon-back margin-left" @tap="backRoute()"><text class="margin-left-sm">返回</text></view>
        	<view class="content" :style="[{top:StatusBar + 'px'}]">
        		{{ memberTitle }}
        	</view>
        </view>
		<!-- 展示部门和用户 -->
		<view class="cu-list menu-avatar sm-border" :style="[{marginTop:'calc('+CustomBar+ 'px + 10px)'}]">
		    <view class="cu-item" v-for="(item, index) in memberList" :key="index" @click="goMemberInfo(item)">
				<view class="cu-avatar round lg" :style="[{backgroundImage:'url('+ item.avatar +')'}]"></view>
				<view class="content">
					<view class="text-grey">{{item.realname}}</view>
					<view class="text-grey">{{item.post}}</view>
				</view>
			</view>
			<view class="text-center text-lg"><text>共{{ memberTotal}}人</text></view>
		</view>
    </view>
</template>

<script>
	import { getFileAccessHttpUrl } from "../../api/api.js"
    export default {
        name: "member",
        data(){
            return{
				CustomBar:this.CustomBar,
				StatusBar:this.StatusBar,
				NavBarColor:this.NavBarColor,
				departUrl:'/sys/sysDepart/queryTreeList',
                addressSourceUrl:'/sys/user/queryByOrgCodeForAddressList',
                queryByOrgCodeKeyword:'/sys/user/queryByOrgCodeKeyword',
                positionUrl:'/sys/position/list',
                value:'',
                memberTitle:'',
                memberList:[],
                userId:'',
                orgCode:'',
                ids:{},
                memberTotal:0,
            }
        },
        onLoad(){
			console.log("this.$Router", this.$Route);
            this.memberTitle = this.$Route.query.title
            this.orgCode = this.$Route.query.orgCode
            this.loadList()
		},
		computed:{
			style() {
				var StatusBar= this.StatusBar;
				var CustomBar= this.CustomBar;
				var style = `height:${CustomBar}px;padding-top:${StatusBar}px;`;
				return style
			}
		},
        methods: {
            backRoute() {
                this.$Router.push({name: 'levelAddressBook',params:this.$Route.query})
            },
            goMemberInfo(item){
                let parmas = {...item}
                parmas.orgCode= this.orgCode
                this.$Router.push({name: 'addressDetail',params:parmas})
            },
            loadList() {
                let param = {
                    orgCode:this.orgCode,
                    realname:this.value
                }
                this.$http.get(this.addressSourceUrl,{params:param}).then(res => {
                    console.log("用户2", res)
                    if (res.data.success) {
                        let memberArr = res.data.result.records;
                        //memberArr = memberArr.filter(item => item.departName == this.memberTitle)
                        for (let item of memberArr) {
							this.avatarHandler(item);
                            this.memberList.push(item)
                            // this.userId = item.userId
                            this.memberTotal = memberArr.length
                            if (this.memberTotal == undefined){
                                this.memberTotal = 0
                            }
                        }
                    }
                }).catch(e => {
                    console.log("请求错误", e)
                })

                this.$http.get(this.positionUrl).then(res=> {
                   console.log("用户1",res)
                    if (res.data.success) {
                        let postArr = res.data.result.records
                        for (let item of postArr ){
                            for (let it of this.memberList){
                                if (it.post == item.code){
                                    it.post = item.name
                                }
                            }
                        }
                    }
                }).catch(e=>{
                    console.log("请求错误",e)
                })
            },
			avatarHandler(item){
				let avatar = item.avatar
				if(avatar){
					let url = getFileAccessHttpUrl(avatar);
					item.avatar = url
				}else{
					if(item.sex=='2'){
						item.avatar = 'static/avatar_girl.png';
					}else{
						item.avatar = 'static/avatar_boy.png';
					}
				}
			
			},
        }
    }
</script>

<style scoped>
	
</style>