<template>
	<view class="back-content">
		<!-- 轮播图 -->
		<view class="paizhao">
			<view class="icon">
				<u-icon name="xianchangpaishe" custom-prefix="xd-icon" size="64" color="#888888"></u-icon>
			</view>
		</view>
		<swiper v-if="backlogPhotoList.length" class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
			<swiper-item v-for="(item,index) in backlogPhotoList" :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>
		<u-form class="form-content" :model="form" ref="uForm" label-width="180">
			<u-form-item label="门店" prop="storeName">
				<u-input clearable v-model="form.storeName" disabled placeholder="请选择发起时间区间" @click="openPicker"/>
			</u-form-item>
			<u-form-item label="考评指标" prop="clsName">
				<u-input v-model="form.clsName" placeholder="请输入门店名称" />
			</u-form-item>
			<!-- <u-form-item label="处理人" prop="userName">
				<u-input v-model="form.userName" placeholder="请输入巡店人名称" />
			</u-form-item>
			<u-form-item label="抄送" prop="status" label-position="top"> 
				<view :class="['status-item', item.checked ? 'active' : '']" v-for="item in statusList" :key="item.id" @click="chooseStatus(item)">
					{{item.dispName}}
				</view>
			</u-form-item>
			<u-form-item label="整改到期日" prop="sourceType" label-position="top">
				<view :class="['status-item', item.checked ? 'active' : '']" v-for="item in sourceTypeList" :key="item.id" @click="chooseSourceType(item)">
					{{item.dispName}}
				</view>
			</u-form-item> -->
		</u-form>
		
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				// 顶部轮播图片
				backlogPhotoList:[],
				form: {
					storeName: '', // 门店
					clsName: '' ,// 考评指标
					
				}
			}
		},
		onLoad(option) {
			
		},
		methods: {
			
			
		}
	}
</script>

<style lang="scss" scoped>
	.back-content {
		.paizhao {
			height: 340upx;
			display: flex;
			align-items: center;
			justify-content: center;
			.icon{
				width: 160upx;
				height: 160upx;
				border: 1px solid #eee;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
		.top-ad-swiper{
			height: 340upx;
		}
		.swiper-item-imgse{
			width: 750upx;
			height: 340upx;
		}
	}
</style>
