YNUtdPlatform/pages/realName/workbench/index.vue

145 lines
4.4 KiB
Vue

<template>
<view class="page">
<u-navbar title="工作台" placeholder 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>