<template>
	
	<view class="container home">
		<view class="home_head">
			<view class="iconfont icon-chaojiguanliyuan accounticon"></view>
			<view class="name">Ykxiao 超级管理员</view>
			<view class="iconfont icon-xiaoxitongzhi notifyicon" @click="toMessage()"></view>
			<view class="iconfont icon-shezhi setupicon"></view>
		</view>
		<view class="home_content">
			<view class="content_box">
				<view class="content_title">工单管理</view>
				<view class="content_data">
					<view class="content_module" @click="toProductionOrder()">
						<view class="t-icon t-icon-shengchangongdan contenticon"></view>
						<view class="contentname">生产工单</view>
					</view>
					<view class="content_module">
						<view class="t-icon t-icon-gongdanjindu contenticon"></view>
						<view class="contentname">工单进度</view>
					</view>
					<view class="content_module">
						<view class="t-icon t-icon-gongdanchucaishuai contenticon"></view>
						<view class="contentname">工单出材率</view>
					</view>
					<view class="content_module">
						<view class="t-icon t-icon-shengchanbaobiao contenticon"></view>
						<view class="contentname">生产报表</view>
					</view>
				</view>
			</view>
			<view class="content_box">
				<view class="content_title">生产排程</view>
				<view class="content_data">
					<view class="content_module">
						<view class="t-icon t-icon-paichengguanli contenticon"></view>
						<view class="contentname">排程管理</view>
					</view>
					<view class="content_module">
						<view class="t-icon t-icon-paichengshichang contenticon"></view>
						<view class="contentname">排程时长</view>
					</view>
				</view>
			</view>
			<view class="content_box">
				<view class="content_title">设备管理</view>
				<view class="content_data">
					<view class="content_module">
						<view class="t-icon t-icon-shebeiguanli contenticon"></view>
						<view class="contentname">设备设置</view>
					</view>
					<view class="content_module">
						<view class="t-icon t-icon-shebeizhuangtai contenticon"></view>
						<view class="contentname">设备状态</view>
					</view>
					<view class="content_module">
						<view class="t-icon t-icon-shebeibaoxiu contenticon"></view>
						<view class="contentname">设备保修</view>
					</view>
				</view>
			</view>
		</view>
		
		<tab-bar :current-page="0"></tab-bar>
	</view>
</template>

<script>
	import tabBar from "@/components/customTabBar/index"
	export default {
		components:{
			tabBar
		},
		data() {
			return {
				
			}
		},
		methods: {
			//跳转消息页
			toMessage(){
				uni.navigateTo({
					url: '/pages/index/message'
				  })
			},
			//跳转生产工单页
			toProductionOrder(){
				uni.navigateTo({
					url:'/pages/index/productionOrder'
				})
			},
		}
	}
</script>

<style>
	
	/* .icon {
	      width: 80upx;
	      height: 80upx;
	      vertical-align: -0.15em;
	      fill: currentColor;
	      overflow: hidden;
	} */
	.home {
		height: 100vh;
		/* background-color: #060B26; */
		padding: 0 10px;
		font-size: 14px;
	}
	.home_head{height: 40px;display: flex;position: relative;align-items: center;padding-bottom: 5px;}
	.home_head .name{flex:1;}
	.accounticon{
		/* width: 20px;
		height: 20px; */
		margin-right: 5px;
		color: #fff;
		font-size: 20px;
	}
	.notifyicon{font-size: 20px;padding-right: 20px;}
	.setupicon{font-size: 20px;}
	.home_content{
		
	}
	.content_title{
		line-height: 25px;
		font-size: 16px;
	}
	.content_data{padding: 10px 0;display: flex;position: relative;align-items: center;text-align: center;height: 98px;}
	.content_module{
		width: 25%;    
		margin: 10px 1%;
		height: 98px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background-color: #009688;
		border-radius: 8px;
	}
	.contenticon{font-size: 24px;width: 32px;height: 32px;background-repeat: no-repeat;}
	.contentname{padding-top: 2px;font-size: 12px;}
</style>
