<template>
	<view style="margin: 10rpx;">
		<text :class="statusStyle(status)">
			{{ statusInfo.label}}
		</text>
	</view>
</template>

<script>
	import {
		getRequestStateInfo
	} from '@/common/directory.js';

	export default {
		components: {

		},
		data() {
			return {
				statusInfo: {}
			};
		},
		watch: {},

		props: {
			status: {
				type: String,
				default: ""
			}
		},

		mounted() {},

		methods: {
			statusStyle(value) {
				this.statusInfo = getRequestStateInfo(value);
				return getRequestStateInfo(value).remark
			},
		}
	}
</script>


<style>
</style>
