<template>
	<view class="cu-item">
		<view class="cu-avatar round lg" :style="'background-image: url('+mainURL+'default-avator.png)'">
			<!-- {{staff.cUserName.substring(-1)}} -->
		</view>
<!-- 		<view class="cu-avatar round lg" >
			{{staff.cUserName.slice(0,1)}}
		</view> -->
		<view class="content">
			<view class="text-black">{{staff.cUserName}}</view>
			<view class="text-gray flex" @tap="callStaff(staff.phone)">
				<view class="text-cut text-df">
					<text class="cuIcon-phone oil-main-color margin-right-xs"></text>
					<text>{{staff.phone}}</text>
				</view>
			</view>
		</view>
		<view class="action solid-left" v-show="!staff.cType">
			<button class="cu-btn padding-left-xs padding-right-xs bg-white" @tap="toEdit(staff.cUserId)">编辑</button>
		</view>
		<view class="action" v-show="staff.cType==1">
			<view class="cu-tag text-white round my-tag" style="background-color:#FE0505;">超级管理员</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			staff: {
				type: Object,
				default () {}
			}
		},
		data() {
			return {
				mainURL: this.global.mainURL
			};
		},
		methods: {
			callStaff(phone) {
				uni.makePhoneCall({
					phoneNumber: phone
				})
			},
			toEdit(Uid) {
				uni.setStorageSync('tempUid', {
					id: Uid,
					type: 'edit'
				})
				uni.navigateTo({
					url: '/pages/staff/editStaff/editStaff'
				})
			}
		},


	}
</script>

<style scoped>
	.cu-tag {
		border-radius: 100upx 0 0 100upx;
		position: absolute;
		right: 0;
		top: 30rpx;
	}
</style>
