YNUtdPlatform/pages/realName/workbench/index.vue

 <template>
   <view class="page">
 	<u-navbar title="工作台" placeholder @leftClick="leftClick" bgColor="#00337A" :titleStyle="{ color: '#FFF', fontSize: '32rpx' }"/>
    <view style="width: 100%;height: 84vh;">
		<scroll-view scroll-y="true">
			<view class="view-box">
				<view class="view-item" @click="goContractWitness">
					<view><image class="img1" src="@/static/realName/contract_witness.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">合同见证</view>
				</view>
				<view class="view-item" @click="goSafeguarding">
					<view><image class="img1" src="@/static/realName/safeguarding.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">欠薪维权申诉</view>
				</view>
				<view class="view-item" @click="goPersonEnter">
					<view><image class="img1" src="@/static/realName/base_person.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">人员信息录入</view>
				</view>
				<view class="view-item" @click="goPeopleLibrary">
					<view><image class="img1" src="@/static/realName/base_person.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">人员库</view>
				</view>
				<view class="view-item" @click="goeleContract">
					<view><image class="img1" src="@/static/realName/contract_sign.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">电子合同</view>
				</view>
				<view class="view-item" @click="goWageRecord">
					<view><image class="img1" src="@/static/realName/wage_check.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">工资查看</view>
				</view>
				<view class="view-item" @click="goWageWitness">
					<view><image class="img1" src="@/static/realName/wage_witness.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">工资卡见证</view>
				</view>
				<view class="view-item" @click="goDayPlan">
					<view><image class="img1" src="@/static/realName/day_plan.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">准入信息查询</view>
				</view>
				<view class="view-item" @click="goExam">
					<view><image class="img1" src="@/static/realName/exam.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
					<view style="font-size: 24rpx;">安全教育培训</view>
				</view>
				
	 
				
			</view>
		</scroll-view>
	</view>
	
	
	
	
	
	
	
	
	
	<m-tabbar fixed fill :current="3" :tabbar="tabbar"></m-tabbar>
   </view>
 </template>
 
 <script>
 import TabbarConfig from '../util/tabbar.js'
 import config from '@/config'
 
 export default {
   data() {
     return {
 		tabbar: TabbarConfig,
 		// userName: uni.getStorageSync('userName'),
 		// className: uni.getStorageSync('className'),
 		// facePath: config.fileUrl + uni.getStorageSync('facePath'),
 		// token: uni.getStorageSync('access_token')
     }
   },
   onLoad() {

   },
   methods: {
		goPersonEnter(){
			uni.navigateTo({//人员录入
				url: `/pages/realName/workbench/personEnter/index`
			})
		},
		goPeopleLibrary(){//人员库
			uni.navigateTo({
				url: `/pages/realName/workbench/peopleLibrary/index`
			})
		},
		goeleContract(){//电子合同
			uni.navigateTo({
				url: `/pages/realName/workbench/electronicContract/contractVideo`
			})
		},
		goContractWitness(){//合同见证
			uni.navigateTo({
				url: `/pages/realName/workbench/contractWitness/index`
			})
		},
		goSafeguarding(){//欠薪维权申诉
			uni.navigateTo({
				url: `/pages/realName/workbench/safeguarding/index`
			})
		},
		goWageWitness(){//工资卡见证
			uni.navigateTo({
				url: `/pages/realName/workbench/wageWitness/index`
			})
		},
		goWageRecord(){//工资卡见证
			uni.navigateTo({
				url: `/pages/realName/workbench/wageRecord/index`
			})
		},
		goDayPlan(){//准入信息查询
			uni.navigateTo({
				url: `/pages/realName/workbench/dayPlan/index`
			})
		},
		goExam(){//安全教育培训
			uni.navigateTo({
				url: `/pages/realName/workbench/exam/index`
			})
		},
   }
 }
 </script>
 
 <style lang="scss">
 .page {
   width: 100%;
   height: 100vh;
   
   // box-sizing: border-box;
   // padding: 15vh 8vw;
   .view-box{
	   width: 100%;height: auto;display: flex;flex-wrap: wrap;flex-direction: row;
	   margin-bottom: 100rpx;
   }
   .view-item{
	   width: 33%;height: 200rpx;display: flex;flex-direction:column;align-items: center;justify-content: center;
   }
 }
 </style>