workorder-front/components/work/WorkOrderitem.vue

<template>
	<view class="Urgent-Work-List" @click="$emit('click')">
		<view class="Work-List">
			任务号：{{ obj.taskNo }}
		</view>
		<view class="Work-List">
			担当信息：{{obj.responsibler}}
		</view>
		<view class="Work-List">

			机型信息：{{obj.model}}
		</view>
		<view class="Work-List">
			数量：{{obj.number}}
		</view>
		<view class="Work-List">
			工单状态：{{obj.remark}}
		</view>
	</view>
</template>

<script>
	export default {
		name: "WorkOrderitem",
		props : {
			obj : {}
		},
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.Urgent-Work-Order{
		padding: 20rpx;
		.Urgent-Work{
			
		}
		.Urgent-Work-List{
			margin-top: 20rpx;
			border: 6rpx solid rgb(99 ,187 ,211);
			border-radius: 25rpx;
			padding: 15rpx;
			.Work-List{
				margin: 15rpx 0rpx;
				letter-spacing: 2px
			}
		}
	}
	

</style>