<template>
	<view class="file_list_page">
		<view class="list_search card_banner flex">
			<uni-data-select class="list_search_select" v-model="value" :localdata="range" @change="change"
				placeholder="发文部门"></uni-data-select>
			<uni-datetime-picker class="list_search_date" v-model="time" type="daterange" @maskClick="maskClick" />
			<u-icon class="list_search_icon" name="search" color="#fff" size="28"></u-icon>
		</view>
		<view class="list_content" >
			<u-cell-group>
				<u-cell v-for="item in dataList" >
					<view slot="title" >
						<view class="text-bold text-black">
							<view class="ellipsis-description">
								{{item.contentSummary}}
							</view>
						</view>
					</view>
					<view slot="value">
						<view class="text-grey text-sm  list_label margin-top">
							{{item.receivingTime}}
						</view>
					</view>
					<view slot="label">
						<view class="text-grey text-sm margin-top">
							{{item.sendingAgency}}
						</view>
					</view>
				</u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
		import gwCirculationCard2Service from '@/api/circulation/gwCirculationCard2.js'
	export default {
		onLoad(option) {
			if(option){
				this.type = option.type
				gwCirculationCard2Service.list({
					
				}).then(data =>{
					console.log("list=============",data);
					this.dataList = data.records

				})
			}
		},
		data() {
			return {
				type:"",
				time:"",
				value:"",
				range: [{
						value: 0,
						text: "篮球"
					},
					{
						value: 1,
						text: "足球"
					},
					{
						value: 2,
						text: "游泳"
					},
				],
				dataList: [],
				tablePage: {
					pages: 0,
					currentPage: 0,
					pageSize: 10,
					orders: [{ column: "a.create_time", asc: false }],
				},
				loading: false,
			}
		},
		methods:{
			
		}

	}
</script>

<style>
	.card_banner {
		width: 100%;
		height: 60px;
		background-color: #36a7f3;
	}

	.list_search_icon {
		line-height: 60px;
	}

	.list_search_select {
		width: 200px;
		background-color: #fff;
		height: 30px;
		border-radius: 10px;
		margin: 15px 5px 0;
	}

	.list_search_date {
		margin: 8px 5px 0;
	}
	.list_content {
		background-color: #fff;
	}
	.list_label {
		margin-top: 33px;
	}
</style>