<template>
	<view class="center">
		<uni-fab :content="content" :horizontal="horizontal" :vertical="vertical" :direction="direction"
			@trigger="trigger" @fabClick="poinIn"></uni-fab>
		<view class="top ">
			<!-- <view class="top_left flex"><view @click="returnPage"><</view> 车队详情</view>
			<view class="top_right" >•••</view> -->
			<u-navbar leftText="返回" title="车队详情" :safeAreaInsetTop="false">
				<view class="u-nav-slot" slot="left">
					<u-icon name="arrow-left" size="19" @click="returnPage"></u-icon>
					<!-- <u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line> -->
					<!-- <u-icon name="home" size="20"></u-icon> -->
				</view>
				<view class="u-nav-slot" slot="right">
					<u-icon name="more-dot-fill" size="20"></u-icon>
					<!-- <uni-data-select v-model="more" :localdata="range" ></uni-data-select> -->
				</view>
			</u-navbar>
		</view>
		<view class="fleet_info">
			<view class="fleet_img">
				<image src="https://taohaoliang.oss-cn-beijing.aliyuncs.com/appData/165326622931949.png"
					style="width: 100%;"></image>
			</view>
			<view>{{fleetInfo.fleetName}}</view>
			<view>{{fleetInfo.province}}{{fleetInfo.city}}{{fleetInfo.area}}</view>
			<view>车队简介</view>
			<view style="width: 100%; height: 100px; border: 1px solid #000000;"></view>
			<view>车队成员（{{fleetInfo.fleetMemberNum}}）</view>
			<view v-for="(item,index) in fleetInfo.fleetMemberInfoList">
				<view style="width: 25%;">
					<u--image class="flex-end" :showLoading="true" :src="item.driverPortrait" width="50px" height="50px"
						shape='circle'>
					</u--image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: "",
				fleetInfo: {},
				more: false,
				horizontal: "left",
				direction: "vertical",
				content: [{
					iconPath: '/static/image.png',
					selectedIconPath: '/static/image-active.png',
					text: '相册',
					active: false
				}, ],
				vertical: 'top'
			}
		},
		onShow() {

		},
		onLoad(options) {
			this.id = options.id
			this.getList()
		},
		methods: {
			trigger(){
				
			},
			poinIn(e){
				
			},
			okSubjecthander() {

			},
			returnPage() {
				this.$u.route("/pages/riders/myTeam")
			},
			getList() {
				this.$request.baseRequest('get', '/fleetInfo/getFleetInfo', {
						id: this.id
					}).then(res => {
						// if (res.code == 200) {
						// 	this.$refs.uToast.show({
						// 		type: 'success',
						// 		message: "车队添加成功！",
						// 		complete() {
						// 			uni.$u.route("pages/riders/myTeam")
						// 		}
						// 	})
						// }
						this.fleetInfo = res.data
					})
					.catch(res => {
						uni.$u.toast(res.message);
					});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.center {
		.top {
			margin-top: 20rpx;
			width: 100%;

			.top_left {
				width: 50%;
			}

			.top_right {
				width: 50%;
				text-align: right;
				margin-right: 20rpx;
			}
		}
	}

	.fleet_info {
		.fleet_img {
			width: 100%;

		}
	}
</style>
