<template>
	<view>
		<uni-swipe-action>
			<!-- <template v-for="(item, index) in courses" > -->
				<uni-swipe-action-item :threshold="0" :right-options="options" @click="bindClick()">
					<view class="requires">
						<uni-row class="demo-uni-row">
							<view>需求号：1231411312123131334244</view>
						</uni-row>
						<uni-row class="demo-uni-row">
							<view>需求科目：xxx</view>
						</uni-row>
						<uni-row class="demo-uni-row">
							<uni-col :span="12">
								<view>需求金额：xxx</view>
							</uni-col>
							<uni-col :span="4" >
								已通过
							</uni-col>
							<uni-col :span="4" >
								未成交
							</uni-col>
							<uni-col :span="4" >
								未锁
							</uni-col>
						</uni-row>
					</view>
				</uni-swipe-action-item>
			<!-- </template> -->
		</uni-swipe-action>
		
		<uni-fab  :pattern="pattern" horizontal="left" vertical="bottom"
					:direction="direction"  @fabClick="fabClick" />
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				options: '上架',
				pattern: {
					color: '#7A7E83',
					backgroundColor: '#fff',
					selectedColor: '#C00000',
					buttonColor: '#C00000',
					iconColor: '#fff'
				}
			};
		},
		methods: {
			fabClick() {
				uni.navigateTo({
					url: '/subpkg/add_stu_require/add_stu_require'
				})
			}
		}
	}
</script>

<style lang="scss">
.requires {
	background-color: #FFF2CC;
}
</style>
