<template>
	<view class="">
		<text :class="statusStyle(status)" 
		style="padding-top: 5rpx;padding-bottom: 5rpx;padding-left: 15rpx;padding-right: 15rpx;">{{statusDesc(status)}}</text>
	</view>
</template>



<script>
	import {
		getContainerStatusInfo
	} from '@/common/directory.js';
	export default {
		components: {

		},
		data() {
			return {


			};
		},
		props: {
			dataContent: {
				type: Object,
				default: {},
			},
			status: {
				type: String,
				default: "",
			},
		},

		methods: {
			statusDesc(value) {
				return getContainerStatusInfo(value).name
			},
			statusStyle(value) {
				return getContainerStatusInfo(value).remark;
			},
		}
	}
</script>

<style>
</style>