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

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

	export default {
		components: {

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

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

		mounted() {},

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


<style>
</style>
