dgtis-uniapp/pages/oa/dataList.vue

<template>
	<view class='my-unit'>
		<view class="unit-head">
			<text style="font-weight: bold;">{{ info.title }}</text>
			<text style="color: gray;font-size: 20upx;">{{ parseTime(info.time) }}</text>
		</view>
		<view class="unit-body">
			<text class="uni-ellipsis-1">事项标题:{{ info.status }}</text>
			<text class="uni-ellipsis-1">详细描述:{{ info.status }}</text>
		</view>
		<view class="unit-foot">
			<text>{{ initIndex == 2 ? '当前处理人' : '发起人' }}</text>
			<text style="color: orange;">{{ info.nickname }}</text>
		</view>
	</view>

</template>

<script>
export default {
	props: {
		info: {
			type: Object
		},
		initIndex: {
			type: Number
		}
	},
	data() {
		return {
			unitModel1: [
				{ prop: "", label: "匹配商铺数" },
				{ prop: "", label: "已报价商铺数" },
				{ prop: "", label: "最新报价", class: "color-red", isMoney: true },
				{ prop: "", label: "商品报价", class: "color-999", isMoney: true },
				{ prop: "", label: "税点", class: "color-999" },
				{ prop: "", label: "税费", class: "color-999", isMoney: true },
				{ prop: "", label: "运费", class: "color-999", isMoney: true },
			]
		}
	},
	methods: {
		doDel() {
			this.$store.commit("switch_loading")
		}
	},
	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: 20upx;
		line-height: 30upx;
	}

	.unit-foot {
		font-size: 20upx;
		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>