80 lines
1.7 KiB
Vue
80 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<div class="work-brnch-box">
|
||
|
|
<!-- 上 -->
|
||
|
|
<div class="flex-row-start top">
|
||
|
|
<div class="flex-row-start dept-left">
|
||
|
|
<dept-todo-view title="部门待办" :dataInfo="toToData"></dept-todo-view>
|
||
|
|
<dept-todo-view title="部门已办" :dataInfo="hasToDodoData"></dept-todo-view>
|
||
|
|
</div>
|
||
|
|
<div class="dept-chart-box"></div>
|
||
|
|
</div>
|
||
|
|
<!-- 中 -->
|
||
|
|
<div class="center">
|
||
|
|
<center-view></center-view>
|
||
|
|
</div>
|
||
|
|
<!-- 下 -->
|
||
|
|
<div class="bottom">
|
||
|
|
<bottom-view></bottom-view>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import BottomView from '../workBench/components/bottom-view.vue'
|
||
|
|
import CenterView from '../workBench/components/center-view.vue'
|
||
|
|
import deptTodoView from '../workBench/components/dept-todo-view.vue'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
deptTodoView,
|
||
|
|
BottomView,
|
||
|
|
CenterView,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
// 部门待办
|
||
|
|
toToData: {
|
||
|
|
color: '#f86f01',
|
||
|
|
// imgSrc: require(''),
|
||
|
|
},
|
||
|
|
// 部门已办
|
||
|
|
hasToDodoData: {
|
||
|
|
color: '#21b107',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.margin-h-16 {
|
||
|
|
margin: 0 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-row-start {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
|
||
|
|
.work-brnch-box {
|
||
|
|
.top {
|
||
|
|
height: 284px;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
background: green;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dept-left {
|
||
|
|
width: 836px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dept-chart-box {
|
||
|
|
width: 780px;
|
||
|
|
height: 100%;
|
||
|
|
background: orange;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|