<template>
	<div class="card" :class="item.SORTNUM == 0 ? 'conten-border' : ''" @tap='goDetail' v-if="item">
		<div class="uni-flex jc-between" >
			<p class="contentName">
				{{item.serverpart}}
			<!-- <span v-if="item.HIGHWAYPROINST_NEXTID=='3000'" style="color:#D73535;">【退】</span>
				<span v-else-if="item.HIGHWAYPROINST_NEXTID=='4000'" style="color:#D73535;">【移】</span> -->
			</p>
			<text class="typeText" :class="{'typeText-color': item.state===3000 ,'success-text': item.state===9000}">{{proStatus[item.state]}}</text>
		</div>
		<div class="content-index">{{i+1}}</div>
		<view style="line-height: 1;">
			<text class="content-type-text">{{item.title}}</text>
		</view>
		<view class="content-box-cashpay">
			<text >{{item.name}}</text> 
	
		</view>
		<view class="bb1"></view>
		<!-- <view class="uni-flex align-center jc-between" v-if="item.ACTINST_NAME">
			
			<view class="uni-flex jc-top" >
				<i class="B-icon A-icon"></i>
				<text class="content-span">{{item.ACTINST_NAME}}</text>
			</view>
			<text class="content-span" v-if="!item.STAFF_NAME">{{item.HIGHWAYPROINST_CREATEDATE}}</text>
		</view> -->
		<view class="uni-flex jc-between" v-if="item.username">
			<view class="uni-flex align-top" >
				<text class="G-icon A-icon" ></text>
				<text class="content-span staff-text">申请人：{{item.username}}</text>
			</view>
			<text class="content-span lh15">{{item.date}}</text>
		</view>
		
	</div>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				required: true
			},
			i: {
				type: Number,
				required: true
			}
		},
		data () {
			return {
				proStatus: {
					1000: '待受理',
					2000: '待办理',
					3000: '已否决',
					// 4000: '已移交',
					9000: '已通过'
				}
			}
		},
		computed: {
		},
		methods: {
			goDetail () {
				this.$emit('goDetail', this.item)
			}
		}
	}
</script>

<style scoped>
	@import url('../../../common/css/listUnit.css');
	.content-box-cashpay {
		margin-top: 40rpx;
		font-size: 24rpx;
		text-align: center;
		padding-bottom: 16rpx;
	}
	.content-box-cashpay text {
		font-size: 30rpx;
		font-weight: 600;
		line-height: 1.5;
	}
	.success-text {
		color:#52c41a;
	} 

</style>
