dgtis-uniapp/components/myUnits/purchaseUnit/unit.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>