dgtis-uniapp/pages/oa/purchase/dataList.vue

<template>
	<view class='my-unit' @click="childClick">
		<view class="unit-head">
			<text style="font-weight: bold;font-size: 26upx;">{{ info.oaType }}</text>
			<text style="color: gray;font-size: 20upx;">{{ parseTime(info.time) }}</text>
		</view>
		<view class="unit-body">
			<text class="uni-ellipsis-1">预期供应商:{{ info.title }}</text>
			<!-- <text class="uni-ellipsis-1">领用日期:{{ info.remarks }}</text> -->
		</view>
		<view class="unit-foot">
			<text>{{ info.status }}</text>
			<text style="color: orange;">{{ info.nickname }}</text>
		</view>
	</view>

</template>

<script>
export default {
	props: {
		info: {
			type: Object
		},
		initIndex: {
			type: Number
		}
	},
	data() {
		return {}
	},
	methods: {
		childClick(){
			this.$emit('faClick', this.info)
		}
	},
	computed: {

	},
	created() {

	},
}
</script>
<style lang='scss'>
.my-unit {
	margin: 20upx 10upx;
	background-color: #ffffff;
	font-size: 28upx;
	transform: all 1s;
	border-radius: 10upx;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3;

	.unit-head {
		font-size: 26upx;
		padding: 20upx 20upx 10upx 20upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.unit-body {
		padding: 0 20upx;
		color: gray;
		display: flex;
		flex-direction: column;
		font-size: 22upx;
		line-height: 30upx;
	}

	.unit-foot {
		font-size: 24upx;
		height: 66upx;
		padding: 0 20upx;
		// border-top: 2upx solid #f5f5f5;
		border-bottom: none;
		line-height: 66upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		font-weight: bold;
	}
}
.uni-ellipsis-1 {
		/* #ifndef APP-NVUE */
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		/* #endif */
		/* #ifdef APP-NVUE */
		lines: 1;
		text-overflow:ellipsis;
		/* #endif */
	}
</style>