<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="click" ></uv-tabs>
		</view>
		
		<view class="Urgent-Work-Order">
			<WorkOrderitem
			v-for="(item,index) in list"
			:obj="item"
			/>
		</view>

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

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

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