<template>
	<view class="page">
		<!-- 搜索 -->
		<view class="head-search">
			<view class="search">
					<input class="uni-input"  placeholder="请输入关键词" />
				<view class="icon">
					<image :src="$imgUrl('/search.png')" ></image>
				</view>
				
			</view>
		</view>
		<!-- 创建按钮 -->
		<!-- <view class="page-footer" @click="createWen">
		  <view class="footer-buy">
		    <view class="cart-add">
		      <text>创建活动</text>
		    </view>
		  </view>
		</view> -->
		
		<view class="screen-list">
			<view :class="listIn == index ?'color':''" @click="sel(index)" v-for="(item,index) in shenlist">{{item}}</view>
		</view>
		<!-- 订单列表 -->
		<view class="goods-data">
			<view class="goods-list">
				<view  class="goods-border" v-for="(item,index) in num" :key="index">
					<view class="list ">
						<view class="thumb">
							<image :src="$imgUrl('/img/2.jpg')" ></image>
						</view>
						<view class="item">
							<view class="">
								<text class="one-omit">名称：绿道好物节</text>
							</view>
							<view class="title">
								<text class="one-omit color">活动时间：2024-10-10至2024-10-20</text>
							</view>
							<view class="title">
								<text class="one-omit color">参与商家：1人</text>
							</view>
							<view class="title">
								<text class="one-omit color">活动状态：待开始</text>
							</view>
							<view class="title">
								<text class="one-omit color">举办方：绿道</text>
							</view>
						</view>
					</view>
				<view class="canyu">
					<view class="bj">编辑</view>
					<view class="tij">提交审核</view>
					<view class="xq">查看详情</view>
					<view class="close">取消</view>
				</view>
				</view>
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shenlist:['全部','待提交','待审核','通过','驳回','进行中','已结束'],
				listIn:0,
				num:0,
				
			};
		},
		onLoad(option) {
			console.log(option.id)
			this.num = option.id
		},
		methods: {
			sel(val){
				this.listIn = val
			},
			reconciliationdetail() {
	
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'mycreated.scss';
</style>
