<template>
	<view class="">
		<headersVue :titles="titles"><u-icon name="arrow-left" color="#fff" size="18"></u-icon></headersVue>
		<view class="content">
			<!-- <view class="top_"></view> -->

				<view class="box_" @click="goManage(1)">
					<view class="ds">
						<image src="/static/imgs/nb1.png" mode=""></image>
						<view class="">员工管理</view>
					</view>
					<view class="anniu">
						去查看
					</view>
				</view>
				<view class="box_" @click="goManage(2)">
					<view class="ds">
						<image src="/static/imgs/nb2.png" mode=""></image>
						<view class="">设备管理</view>
					</view>
					<view class="anniu">
						去查看
					</view>
				</view>
				<view class="box_">
					<view class="ds">
						<image src="/static/imgs/nb3.png" mode=""></image>
						<view class="">资料管理</view>
					</view>
					<view class="anniu">
						去查看
					</view>
				</view>
				<view class="box_" @click="goManage(4)">
					<view class="ds">
						<image src="/static/imgs/nb4.png" mode=""></image>
						<view class="">工作汇报</view>
					</view>
					<view class="anniu">
						去查看
					</view>
				</view>
		</view>
	</view>


</template>

<script>
	import headersVue from '../../components/header/headers.vue';

	export default {
		data() {
			return {
				titles: "内部管理",
				msg: "1",
				List: [],
				show: false,
				status: 'loading',
			}
		},
		components:{
			headersVue
		},
		methods:{
			goManage(num){
				if(num == 1){
					uni.navigateTo({
						url:'/pages/index/NewstaffManagement'
					})
				}
				if(num == 2){
					uni.navigateTo({
						url:'/pages/manage/NewdeviceManage'
					})
				}
        if (num == 4) {
          uni.navigateTo({
            url: '/pages/manage/workReport/reportList'
          })
        }

			}
		}

		}
</script>

<style scoped lang="scss">
	.content{
		background: #F7F8FC;
		width: 100%;
		height: 100vh;
		box-sizing: border-box;
		padding: 30rpx;
		padding-top: 200rpx;
	}
	.box_{
		width: 100%;
		height: 128rpx;
		background-image: url('/static/imgs/box_.png');
		background-size: 100% 100%;
		box-sizing: border-box;
		padding: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 32rpx;
		color: #000000;
		margin-bottom: 30rpx;
		image{
			width: 80rpx;
			height: 80rpx;
			margin-right: 20rpx;
		}

	}
	.ds{
		display: flex;
		align-items: center;
	}
	.anniu{
		width: 144rpx;
		height: 66rpx;
		background: #327DFB;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 28rpx;
		color: #FFFFFF;
		border-radius: 50px;
	}
</style>
