<template>
	<div class="card" :class="item.SORTNUM == 0 ? 'conten-border' : ''" @tap='goDetail' v-if="item">
		<div class="uni-flex" style="justify-content: space-between;">
			<p class="contentName">
				{{item.PRODEF_NAME}}
				<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="item.HIGHWAYPROINST_NEXTID=='9000' ? 'typeText-color' : ''">{{item.SORTNUM==0 ? '待我处理': proStatus[item.HIGHWAYPROINST_NEXTID]}}</text>
		</div>
		<div class="content-index">{{i+1}}</div>
		<view style="line-height: 1.6;">
			<text class="content-type-text">{{item.SERVERPART_NAME}}</text>
		</view>
		<view class="uni-flex content-box-cashpay">
			<text >{{item.PROINST_NAME}}</text> 
	
		</view>
		<view class="bb1"></view>
		<view class="uni-flex" style="align-items: center;justify-content: space-between;" v-if="item.ACTINST_NAME">
			
			<view class="uni-flex" style="align-items: center;">
				<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" style="justify-content: space-between;" v-if="item.STAFF_NAME">
			<view class="uni-flex" style="align-items: center;">
				<text class="G-icon A-icon" ></text>
				<text class="content-span">{{item.STAFF_NAME}}</text>
			</view>
			<text class="content-span">{{item.HIGHWAYPROINST_CREATEDATE}}</text>
		</view>
		<view class="uni-flex" style="justify-content: flex-end;" v-if="!item.ACTINST_NAME && !item.STAFF_NAME">
			
			<text class="content-span">{{item.HIGHWAYPROINST_CREATEDATE}}</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');
	

</style>
