<template>
	<view class="uni-flex uni-row" @click="openDetail()">
		<text>{{dataContent.number}}</text>|
		<text :class="jobStatusStyle(dataContent.jobStatus)">{{jobStatusDesc(dataContent.jobStatus)}}</text>
	</view>
</template>


<script setup>
	import {
		ref
	} from "vue";

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

	const props = defineProps({
		dataContent: {
			type: Object,
			default () {
				return {

				}
			}
		},
	});

	const emits = defineEmits(['openJobDetail']);

	const jobStatusDesc = function(val) {
		return getJobStatuDesc(val);
	};

	const jobStatusStyle = function(val) {
		return getJobStatuStyle(val);
	};

	const openDetail = function() {
		emits('openJobDetail', )
	}
</script>


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

	// 	export default {
	// 		data() {
	// 			return {

	// 			}
	// 		},
	// 		props: {
	// 			dataContent: {
	// 				type: Object,
	// 				default: {}
	// 			},
	// 		},

	// 		methods: {
	// 			openJobDetail() {
	// 				this.$emit("openJobDetail");
	// 			},
	// 			jobStatusStyle: function(val) {
	// 				return getJobStatuStyle(val);
	// 			},
	// 			jobStatusColor: function(val) {
	// 				return getJobStatuDesc(val);
	// 			},
	// 		}
	// 	}

	// 
</script>

<style>
</style>
