111 lines
2.6 KiB
Vue
111 lines
2.6 KiB
Vue
<!-- -->
|
|
<template>
|
|
<div class="home boderAndRadius" >
|
|
<div class='home-left'>
|
|
<div class="home-left-todo">
|
|
<div class="commonFont">待办事项<span style="margin:0 4px" class="blueColor">0</span>条</div>
|
|
<div class="blueColor noSelect commonFont" style="cursor: pointer;" @click="handleGetMoreToDo('workbench-todo')">查看更多<i class="el-icon-arrow-right"></i></div>
|
|
</div>
|
|
<div class="home-left-enter">
|
|
<div class="home-left-enter-title commonFont">快捷入口</div>
|
|
<div class="home-left-enter-content">
|
|
<div class="boderAndRadius commonFont noSelect" @click="handleGetMoreToDo('assessment')">考核管理</div>
|
|
<div class="boderAndRadius commonFont noSelect" @click="handleGetMoreToDo('workbench-group')" >考评组</div>
|
|
<div class="boderAndRadius commonFont noSelect">发起考核</div>
|
|
<div class="boderAndRadius commonFont noSelect">指标库</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="home-right boderAndRadius">
|
|
<report />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import report from './report'
|
|
export default {
|
|
data () {
|
|
return {
|
|
|
|
}
|
|
},
|
|
components: {
|
|
report
|
|
},
|
|
computed: {},
|
|
beforeMount () {},
|
|
mounted () {},
|
|
methods: {
|
|
handleGetMoreToDo (name) {
|
|
const params = {
|
|
name
|
|
}
|
|
this.$router.push(params)
|
|
}
|
|
},
|
|
watch: {}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang='less' scoped>
|
|
.home{
|
|
width: 1252px;
|
|
height: 537px;
|
|
background: #fff;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
padding: 28px;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
&-left{
|
|
width: 828px;
|
|
&-todo{
|
|
width: 100%;
|
|
height: 80px;
|
|
border-bottom: 1px solid @borderColor;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-top: 18px;
|
|
.blueColor{
|
|
color: @fontBlue;
|
|
}
|
|
}
|
|
&-enter{
|
|
width: 100%;
|
|
height: 180px;
|
|
&-title{
|
|
margin: 22px 0;
|
|
}
|
|
&-content{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
>div{
|
|
width: 186px;
|
|
height: 76px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
>div:hover{
|
|
box-shadow: 2px 2px 5px #e6e6e6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&-right{
|
|
width: 330px;
|
|
min-height: 100px;
|
|
padding: 25px 20px;
|
|
&-content{
|
|
width: 100%;
|
|
height: 364px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|