<template>
	<view>
		<view class="task_card" @click="openDetail">
			<job-top :dataContent="dataContent"></job-top>
			<job-property :propertyList="propertyList"></job-property>
			<u-line color="#909399" />
			<job-bottom :dataContent="dataContent"></job-bottom>
		</view>
	</view>
</template>

<script>
	import {
		dateFormat
	} from '@/common/basic.js';

	import jobTop from '@/mycomponents/job/jobTop.vue'
	import jobBottom from '@/mycomponents/job/jobBottom.vue'
	import jobProperty from '@/mycomponents/job/jobProperty.vue'

	export default {
		components: {
			jobTop,
			jobBottom,
			jobProperty
		},
		data() {
			return {
				options1: [{
					text: '详情',
					style: {
						backgroundColor: '#3C9CFF'
					}
				}],
				options2: [{
						text: '详情',
						style: {
							backgroundColor: '#3C9CFF'
						}
					},
					{
						text: '放弃',
						style: {
							backgroundColor: '#F56C6C'
						}
					}
				],
				title: "任务详情",
				dataList: [{
						title: "供应商",
						content: '供应商'
					},
					{
						title: "订单号",
						content: '订单号'
					},
					{
						title: "需求库位",
						content: "D101"
					},
					{
						title: "需求数量",
						content: 100
					},
				]
			};
		},
		watch: {
			dataContent: {
				handler(newName, oldName) {
			 
				},
				immediate: true,
				deep: true
			}
		},

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

		methods: {
		 
		}
	}
</script>

<style lang="scss">

</style>
