<!--发料任务卡片-->
<template>
	<view class="device-detail">
		<view class="ljh_box nopad">
			<view class="tit_ljh">
				<text class="state-style" :class="statusStyle(datacontent.jobStatus) ">
					{{statusColor(datacontent.jobStatus) }}
				</text>
				<text>{{datacontent.number}}</text>
			</view>
		</view>
		<!-- <view class="display-flex">
			<view class="border-font">任务编号:</view>
			
		</view> -->
		<view class="margin_xs_bottom margin_xs_top pda_receipt_label">
			<view class="label_order font_sm">
				<image class="icon_normal" src="@/static/icons_ui/icon_qiju_start.svg"></image>
				<!-- 开始器具号：  -->开始器具号：{{datacontent.BeginContainer}}
			</view>
			<view class="label_order font_sm">
				<image class="icon_normal" src="@/static/icons_ui/icon_qiju_end.svg"></image>
				<!-- 结束器具号： -->结束器具号：{{datacontent.EndContainer}}
			</view>
		</view>
		<view class="uni-flex uni-row receipt_bot pda_receipt_bot">
			<view class="label_order">
				<!-- 占位 勿删 -->
			</view>
			<view class="label_order fr">
				<image class="icon_normal" src="@/static/icons_ui/icon_time.svg"></image>
				<text class="text_darkblue">{{datacontent.creationTime}}</text>
			</view>
		</view>
		<!-- <view>开始器具号:</view>
		<view>结束器具号: </view> -->
		<!-- <view>创建时间: </view> -->
	</view>
</template>

<script>
	import {
		getJobStatuStyle,
		getJobStatuDesc
	} from '@/common/basic.js';

	export default {
		name: "comissue",
		data() {
			return {};
		},
		// 此处定义传入的数据
		props: {
			datacontent: {
				type: Object,
				value: null
			}
		},
		methods:{
			statusStyle: function(val) {
				return getJobStatuStyle(val);
			},
			statusColor: function(val) {
				return getJobStatuDesc(val);
			}
		}
	}
</script>

<style scoped lang="scss">
	@import '../../common/pdabasic.css';
</style>
