Files
zhxg_app_v1.0/pages/instructor/index.vue

116 lines
2.6 KiB
Vue
Raw Normal View History

2025-07-16 15:34:34 +08:00
<template>
<view class="instructor-index">
<view class="panel">
<!-- <view class="title">
绩效考核
</view> -->
<view class="grid">
<view class="grid-item" @tap="toperformanceEvaluation">
<image src="../../static/images/instructor/performance.png" mode="aspectFill"></image>
<text>业绩考核</text>
</view>
<view class="grid-item" @tap="toperformanceAppraisal">
<image src="../../static/images/instructor/comprehensive.png" mode="aspectFill"></image>
<text>综合绩效</text>
</view>
<!-- <view class="grid-item" @tap="toQuestionnaire">
<image src="../../static/images/instructor/achievement.png" mode="aspectFill"></image>
<text>问卷调查</text>
</view> -->
</view>
</view>
<!-- <view class="panel">
<view class="title">
绩效考核
</view>
<view class="grid">
<view class="grid-item" @tap="toperformanceEvaluation">
<image src="../../static/images/instructor/performance.png" mode="aspectFill"></image>
<text>业绩考核</text>
</view>
<view class="grid-item" @tap="toperformanceAppraisal">
<image src="../../static/images/instructor/comprehensive.png" mode="aspectFill"></image>
<text>综合绩效</text>
</view>
<view class="grid-item">
<image src="../../static/images/instructor/achievement.png" mode="aspectFill"></image>
<text>成果考核</text>
</view>
</view>
</view> -->
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
toperformanceEvaluation(){
uni.navigateTo({
url:"./performance-appraisal/performance-evaluation/index"
})
},
toperformanceAppraisal(){
uni.navigateTo({
url:"./compositive-performance/performance-evaluation/index"
})
},
toQuestionnaire(){
uni.navigateTo({
url:"./questionnaire/index"
})
}
}
}
</script>
<style scoped lang="scss">
.instructor-index {
min-height: 100vh;
background-color: #F5F5F7;
padding: 40rpx 40rpx;
.panel {
background-color: white;
padding: 30rpx 0;
border-radius: 15rpx;
.title {
display: flex;
align-items: center;
margin: 0 0 40rpx 40rpx;
font-weight: bold;
color: #333;
&::before {
content: "";
display: inline-block;
height:25rpx;
border-radius: 20rpx;
width:8rpx;
background-color: #1890FF;
margin-right:8rpx;
}
}
.grid {
display: flex;
&-item {
display: flex;
flex-direction: column;
align-items: center;
width: 25%;
font-size: 26rpx;
image {
width: 80rpx;
height: 80rpx;
margin-bottom: 10rpx;
}
}
}
}
}
</style>