<template>
	<div class="card" @tap='goDetail' v-if="item" :class="{'conten-border': item.SORTNUM==0}">
		<div class="uni-flex plr32 jc-between" >
			<p class="contentName" >{{item.DOCUMENT_TITTLE}}</p>
			<text class="typeText" :class="item.ISREAD=='1' ? 'typeText-color' : ''">{{item.ISREAD==0 ? '待我查阅': '已查阅'}}</text>
		</div>
		<view class="title-ico ">
			<image src="../../../static/images/reader/recive-read.png" mode="aspectFit"></image>
		</view>
		<view class="uni-flex plr32 " style="" v-show="type==0">
			<text class="text-gray fs26">发文人员：</text>
			<text class=" fs26">{{item.STAFF_NAME}}</text>
		</view>
		<view class="uni-flex plr32 align-center" style="margin-top: 4upx;">
		
			<text class="text-gray fs26">传阅情况：</text>
			<text class=" fs26 text-blue ">{{item.READCOUNT}}人已阅, 传阅{{item.CIRCULATECOUNT}}人</text>
			
		</view>
		<view class="uni-flex card-bom align-center " style="margin-top: 4upx;"> 
			<text class="text-gray fs26">发文时间：</text>
			<text class="fs26">{{$util.cutDate(item.OPERATE_DATE,'YYYY.MM.DD')}}</text>
		
		</view>
	</div>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				required: true
			},
			i: {
				type: Number,
				required: true
			},
			type:{
				default: '0',
				type:String
			}
		},
		
		computed: {
			// getStatus () {
			// 	let _this = this
			// 	if (_this.item) {
			// 		let item = _this.item
			// 		_this.item.SERVERPART_NAME = item.SERVERPART_NAME+" "+item.HIGHWAYPROINST_DESC.split('【')[0]
			// 		_this.item.STAFF_NAME = item.STAFF_NAME
			// 		_this.item.HIGHWAYPROINST_CREATEDATE = _this.dateEmpty(_this.item.HIGHWAYPROINST_CREATEDATE)
			// 		if(item.SORTNUM === 0){
			// 			return '待我处理'
			// 		}else{
			// 			return _this.proStatus[_this.item.HIGHWAYPROINST_NEXTID]
			// 		}
			// 	}
				
			// }
		},
		methods: {
			goDetail () {
				this.$emit('goDetail', this.item)
			},
			dateEmpty (v) {
				return this.$util.cutDate(v,'YYYY/MM/DD')
			}
		}
	}
</script>

<style scoped>
	@import url('../../../common/css/listUnit.css');
	.text-gray {
		color: #74838E;
	}
	.text-blue {
		color: #5191E9;
	}
	.plr32 {
		padding-left: 32upx;
		padding-right: 32upx;
	}

	.leave-type {
		align-items: center;
		margin-top: 28upx;
		margin-bottom: 16upx;
		justify-content: center;
		font-size: 32upx;
		
	}
	.contentName {
		margin-left: 56upx;
	}
	.ml24 {
		margin-left: 24upx;
	}
	.title-ico {
		position: absolute;
		top: 31upx;
		left: 30upx;
	}
	.title-ico image {
		height: 45upx;
		width: 45upx;
	}
	.is-urgent:after {
		content: '紧急';
		padding: 0upx 16upx;
		border: 1upx solid #E5A06E;
		color: #E5A06E;
		font-size: 22rpx;
		/* margin-left: 16upx; */
		border-radius: 24upx;
	}
	.card {
		box-shadow:none;
		border-radius: 18upx;
		padding: 28upx 0  0 0;
		overflow: hidden;
	}
	.conten-border {
		box-shadow: 0 0px 6upx #f9b297;
	}
	.typeText-color {
		color: #62C194;
	}
	.card-bom {
		/* background-color: #fdfdfd; */
		padding: 0 32upx 24upx 32upx;
		/* font-size: 26upx; */
		
	}
</style>
