<template>
	<view class="page">
		<navbar title="列表" leftClick @leftClick="$utils.navigateBack" />
		
		<view class="search">
			<uv-search
			placeholder="请输入搜索内容" 
			v-model="queryParams.title" 
			bgColor="#fff"
			height="80"></uv-search>
		</view>
		
		<!-- 标签选项 -->
		<view class="Tabs">
			<uv-tabs :list="tabs"
			@click="clickTab"></uv-tabs>
		</view>

		<view class="Urgent-Work-Order">
			<WorkOrderitem 
			:key="index"
			v-for="(item,index) in list" :obj="item"
			@click="$utils.navigateTo('/pages_order/order/WorkOrders')" />
		</view>


		<tabber select="1" />
	</view>
</template>

<script>
	import WorkOrderitem from '@/components/work/WorkOrderitem.vue'
	import mixinsList from '@/mixins/list.js'
	export default {
		mixins: [mixinsList],
		components: {
			WorkOrderitem,
		},
		data() {
			return {
				mixinsListApi: 'queryTemplateList',
				tabs: [{
					name: '所有',
				}, {
					name: '备料中',
				}, {
					name: '本体加工'
				}, {
					name: '气密检测'
				}, {
					name: '挂机中'
				}],
			}
		},
		computed: {
		},
		methods: {
			clickTab(){},
		}
	}
</script>

<style scoped lang="scss">
	.page {
		.search{
			margin: 20rpx;
		}
		
		.Tabs {
			display: flex;
			justify-content: center;
		}

		.Urgent-Work-Order {
			padding: 20rpx;

		}
	}
</style>