<template>
	<view class="back-content">
		<!-- 轮播图 -->
		<swiper class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
			<swiper-item v-for="(item,index) in imageTopList" :key="index">
				<div class="swiper-item uni-bg-red">
					<!-- <image class="swiper-item-imgse" :fade-show='true' :src="item.photo"></image> -->
					<u-image mode="scaleToFill" width="750upx" height="400upx" :src="item.photo"></u-image>
				</div>
			</swiper-item>
		</swiper>
		<view class="back-text">
			<!-- 门店 -->
			<view class="text-item">
				常青二路店
			</view>
			<!-- 处理人 -->
			<view class="text-item">
				<view>
					<text>处理人</text>
					<text class="margin-left ellipsis-one">张三丰</text>
				</view>
				<view class="time ">
					2020-08-07 到期
				</view>
			</view>
			<!-- 创建人 -->
			<view class="text-item">
				<view>
					<text>创建人</text>
					<text class="margin-left ellipsis-one">张三丰</text>
				</view>
				<view class="time">
					2020-08-07 创建
				</view>
			</view>
			<!-- 指标 -->
			<view class="text-item">
				<view>
					考评指标
				</view>
				<view class="margin-left">
					正常营业
				</view>
			</view>
			<!-- 描述 -->
			<view class="text-item">
				<view>
					描述
				</view>
				<view class="margin-left">
					正常营业
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				// 顶部轮播图片
				imageTopList:[],
			}
		},
		onLoad(option) {
			console.log(option.id)
			this.getData(option.id)
		},
		methods: {
			// 获取详情数据
			getData (id) {
				
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.back-content {
		.top-ad-swiper{
			height: 340upx;
		}
		.swiper-item-imgse{
			width: 750upx;
			height: 340upx;
		}
		.back-text{
			background: #ffffff;
			padding: 10upx 20upx;
			margin: 20upx;
			border-radius: 6upx;
			box-shadow: 1px 1px 3px #EEEEEE;
			.text-item{
				display: flex;
				align-items: center;
				padding: 20upx 10upx;
				font-size: 28upx;
				justify-content: space-between;
				.margin-left{
					margin-left: 30upx;
				}
				.time{
					color: #888;
					font-size: 26upx;
					margin-left: 10upx;
				}
				> view{
					&:first-child{
						flex: 1;
					}
				}
			}
			
		}
	}
</style>
