<template>
	<div class="card" :class="item.SORTNUM ==1 ? 'conten-border' : ''" @tap='goDetail' v-if="item">
		<div class="uni-flex jc-between" >
			<p class="contentName">{{item.Shop_Name}}</p>
			<text class="typeText" :class="item.Audit_State=='0' ? 'typeText-color' : ''">{{item.SORTNUM==1 ? '待我处理': proStatus[item.Audit_State]}}</text>
		</div>
		<div class="content-index">{{i+1}}</div>
		<view style="line-height: 1;">
			<text class="content-type-text">{{item.Serverpart_Name}}</text>
		</view>
		<view class="uni-flex content-box-cashpay">
			<text class="content-price">{{item.Audit_ErrorRate}}</text> 
			<text style="font-size: 22rpx;">误差率</text>
			<text class="other-coast">{{item.Audit_Type}}</text>
		</view>
		<view class="bb1"></view>
		<view class="uni-flex jc-between align-center" v-if="item.Different_Price">
			
			<div class="uni-flex align-top">
				<i class="B-icon A-icon"></i>
				<text class="content-span">长短款额：</text>
				<text class="price-num">{{ $util.fmoney(item.Different_Price,2) }} </text>
				<text class="content-span">元</text>
				
			</div>
			<text class="content-span" v-if="!item.Cashier_Name">{{$util.cutDate(item.Audit_Time,'YYYY/MM/DD hh:mm:ss')}}</text>
		</view>
		<view class="uni-flex jc-between"  v-if="item.Cashier_Name">
			<div class="uni-flex align-top" >
				<span class="G-icon A-icon" ></span>
				<text class="content-span staff-text">稽核人员：{{item.Cashier_Name }}</text>
			</div>
			<text class="content-span lh15">{{$util.cutDate(item.Audit_Time,'YYYY/MM/DD hh:mm:ss') }}</text>
		</view>
		<view class="uni-flex jc-end" v-if="!item.Cashier_Name && !item.Different_Price">
			
			<text class="content-span">{{$util.cutDate(item.Audit_Time,'YYYY/MM/DD hh:mm:ss') }}</text>
		</view>
	</div>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				required: true
			},
			i: {
				type: Number,
				required: true
			}
		},
		data () {
			return {
				proStatus: {
					0: '已校验',
					1: '待校验',
					
				}
			}
		},
		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');
	.price-num {
		color: #D43939;
		font-size: 24rpx;
	}
	.content-box-cashpay {
		position: relative;
	}
	.other-coast {
		color: #D1A271;
		background: linear-gradient(to top, #EBDDCF , #FCFBF8);
		border-radius: 6rpx;
		font-size: 20rpx;
		padding: 0 10rpx;
		margin-left: 16rpx;
		margin-top: 3rpx;
		position: absolute;
		right: 0rpx;
		bottom: 30rpx;
	}
	/* 
	
	.content-span-cashpay {
	
		font-size: 24rpx;
	}
	.content-span-cashpay span {
		font-size: 40rpx;
	} */
</style>
