<template>
	<view class="">
		<uni-popup ref="popup">
			<recordListCommonInfo :dataContent="dataContent" @onClose="closePopup">
				<view class="">
					<view class="uni-flex uni-column">
						<view class="item">
							<text class="item_title">出库事务类型 : </text>
							<text class="text_wrap">{{dataContent.outTransaction}} </text>
						</view>
						<view class="item">
							<text class="item_title">入库事务类型 : </text>
							<text class="text_wrap">{{dataContent.inTransaction}} </text>
						</view>
						<view class="item">
							<text class="item_title">执行时间 : </text>
							<text class="text_wrap">{{formatDate(dataContent.executeTime)}} </text>
						</view>
						<view class="item">
							<text class="item_title">生效日期 : </text>
							<text class="text_wrap">{{formatDate(dataContent.activeDate)}} </text>
						</view>
						<view class="item">
							<text class="item_title">申请时间 : </text>
							<text class="text_wrap">{{formatDate(dataContent.requestTime)}} </text>
						</view>
						<view class="item">
							<text class="item_title">截止时间 : </text>
							<text class="text_wrap">{{formatDate(dataContent.dueTime)}} </text>
						</view>
						<view class="item">
							<text class="item_title">部门 : </text>
							<text class="text_wrap">{{dataContent.departmentCode}} </text>
						</view>
						<view class="item">
							<text class="item_title">岗位 : 数据库中没有该字段，设计中有 </text>
							<text class="text_wrap">{{dataContent.userPositionCode}} </text>
						</view>
						<view class="item">
							<text class="item_title">是否可用 : </text>
							<text class="text_wrap">{{avaliable(dataContent.available)}} </text>
						</view>
					</view>
				</view>
				<u-line></u-line>
			</recordListCommonInfo>
		</uni-popup>
	</view>
</template>

<script>
	import {
		dateFormat
	} from '@/common/basic.js';
	import recordListCommonInfo from '@/mycomponents/record/recordListCommonInfo.vue'
	export default {
		components: {
			recordListCommonInfo,
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				}
			}
		},

		mounted() {},
		props: {},

		methods: {
			openPopup(val) {
				this.dataContent = val;
				setTimeout(res => {
					this.$refs.popup.open('bottom')
				}, 500)
			},
			closePopup() {
				this.$refs.popup.close()
			},
			avaliable(value) {
				return value =="TRUE"?"可用":"不可用"
			},
			formatDate(val) {
				return dateFormat(val)
			}
		}
	}
</script>

<style>


</style>
