<template>
	<view class="page">
		<view class="screen-list">
			<view>记录查询</view>
			<view class="list">
				<text>广告申请记录</text>
				<image :src="$imgUrl('/down.png')" ></image>
			</view>
		</view>
		<!-- 记录列表 -->
		<view class="record-list">
			<view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)">
				<view class="list">	
				<view class="thumb">
					<image :src="$imgUrl('/img/2.jpg')" ></image>
				</view>
				<view class="title-date">
					<view class="date">
						<text>申请人：{{item.recordName}}</text>
					</view>
					<view class="date">
						<text>投放内容：{{item.porName}}</text>
					</view>
					<view class="date">
						<text>提交时间：{{item.tTime}}</text>
					</view>
					<view class="date">
						<text :class="item.state == '受理中'?'org': item.state == '已通过'?'green':'blue'">状态：{{item.state}}</text>
					</view>
				</view>
				<view class="integral">
					<image  :src="$imgUrl('/right2.png')" ></image>
				</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				recordList:[
					{
						recordName:'成都麻辣火锅有限公司',
						porName:'公司5周年庆活动宣传',
						tTime:'2022-02-22 12:00:00',
						state:'受理中'
					},
					{
						recordName:'成都麻辣火锅有限公司',
						porName:'周年庆活动宣传',
						tTime:'2022-02-22 12:00:00',
						state:'已通过'
					},
					{
						recordName:'成都麻辣火锅有限公司',
						porName:'周年庆活动宣传',
						tTime:'2022-02-22 12:00:00',
						state:'已投放'
					}
				]
			};
		},
		methods: {
			recordXq(item){
				 const encodedItem = encodeURIComponent(JSON.stringify(item));
				uni.navigateTo({
				 url: `/pages/servicedetails/servicedetails?item=${encodedItem}`,
				 })
			},
			contractdetail(){
				// uni.navigateTo({
				
				// })
			}
		}
	}
</script>

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