dgtis-uniapp/pages/oa/dataList.vue

<template>
	<view class='my-unit'>
		<view class="unit-head">
			<text style="font-weight: bold;font-size: 26upx;">{{ info.title }}</text>
		</view>
		<view class="unit-body">
			<view style="display: flex;justify-content: center;align-items:center;">
				<uni-icons type="settings" size="20"></uni-icons>
				<text style="margin-left: 10upx;">{{ info.status }}</text>
			</view>

			<text style="color: gray;">{{ parseTime(info.time) }}</text>
		</view>
		<view class="unit-foot">
			<text style="color: gray;">{{ initIndex == 2 ? '当前处理人' : '发起人' }}</text>
			<text style="font-weight: bold;">{{ 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 {
		padding: 20upx 20upx 10upx 20upx;
		/* height: 80upx; */
		box-sizing: border-box;
		/* border-bottom: 2upx solid #f5f5f5; */
	}

	.unit-body {
		padding: 0 20upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;

		text {
			font-size: 20upx;
			line-height: 55upx;
		}
	}

	.unit-foot {
		height: 88upx;
		padding: 0 20upx;
		border-top: 2upx solid #f5f5f5;
		border-bottom: none;
		line-height: 88upx;
		display: flex;
		flex-wrap: wrap;

		text {
			width: 30%;
		}
	}
}
</style>