<template>
	<view>
		<view class="u-p-t-12 u-p-b-20  u-p-l-20 u-p-r-10" style="background: #FFFFFF;">
			<cSearch @serbtn="setbtn" />
		</view>
		<scroll-view class="scheight" :scroll-y="true">
			<view v-for="(item,itemkey) in xobj" :key="itemkey">
				<view style="background: #FFFFFF;" class="u-p-t-20 u-p-b-20 u-p-l-46  u-p-r-60 u-flex u-row-between">
					<view class="u-flex">
						<view class="left-ku"></view>
						<view>{{item.name}}</view>
					</view>
					<view>
						<!-- <u-icon name="arrow-right"></u-icon> -->
					</view>
				</view>
				<view v-for="(staff,index) in item.users"
					class="tam-item u-flex u-row-between u-m-l-30 u-p-b-30 u-p-t-30" :key="index">
					<view class="u-flex">
						<u-avatar size="90" mode="circle"></u-avatar>
						<view class="u-m-l-26 u-font-28">
							<view>{{staff.username}}</view>
							<view class="u-m-t-18">{{staff.telephone}}</view>
						</view>
					</view>
					<navigator hover-class="none"
						:url="`../evaluate/evaluate?userId=${staff.id}&username=${staff.username}`" class="pj-btn">去评价
					</navigator>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import cSearch from '@/components/c-search/index'
	import {
		syslist
	} from '@/api/index.js'
	export default {
		name: "myteam",
		components: {
			cSearch
		},
		data() {
			return {
				username: "", //搜索关键字
				xobj: [] //数据列表
			}
		},
		onLoad(option) {
			this.crelist()
		},
		methods: {
			setbtn({
				text
			}) {
				if (text == 10000000000) {
					this.username = ""
					this.$nextTick(() => {
						this.crelist()
					})
				} else {
					this.username = text
					this.$nextTick(() => {
						this.crelist()
					})
				}
			},
			async crelist() {
				let {
					data
				} = await syslist({
					username: this.username
				})
				this.xobj = data
			}
		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100%;
		background: rgba(242, 242, 242, 1);
	}

	.scheight {
		height: calc(100vh - 100rpx);
		background: #FFFFFF;
	}

	.tam-item {
		width: 690rpx;
		background: #FFFFFF;
		border-bottom: 1px solid #e6e6e6;
	}

	.pj-btn {
		width: 120rpx;
		height: 60rpx;
		background: #4A8BFF;
		border-radius: 4rpx;
		line-height: 60rpx;
		text-align: center;
		font-size: 28rpx;
		font-family: Microsoft YaHei-3970(82674968);
		font-weight: 400;
		color: #FFFFFF;
	}

	.left-ku {
		width: 10rpx;
		height: 38rpx;
		background: #4A8BFF;
		margin-right: 19rpx;
	}
</style>
