1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <template>
| <div class='app'>
| <a-card
| style='width:100%'
| :bordered='false'
| :tabList='tabList'
| :activeTabKey='selectKey'
| @tabChange="key => handleTabChange(key, 'selectKey')">
| <weekly-submit-view v-if="selectKey === 'submit'">
| </weekly-submit-view>
| <right-statistics-user v-if="selectKey === 'user'">
| </right-statistics-user>
| <right-statistics-pro v-if="selectKey === 'pro'"/>
| </a-card>
| </div>
| </template>
|
| <script>
| import RightStatisticsUser from '@views/week/modules/RightStatisticsUser'
| import RightStatisticsPro from '@views/week/modules/RightStatisticsPro'
| import WeeklySubmitView from '@views/week/WeeklySubmitView'
| export default {
| name: 'RightStatisticsWeekly',
| components: { WeeklySubmitView, RightStatisticsPro, RightStatisticsUser },
| data(){
| return{
| desc:'周报统计',
| tabList: [{
| key: 'submit',
| tab: '提交概览'
| },{
| key: 'user',
| tab: '周、月、季工时统计'
| }, {
| key: 'pro',
| tab: '年度工时统计'
| }
| ],
| selectKey: 'submit',
| }
| },
| methods:{
| handleTabChange(key, type) {
| this[type] = key
| }
| }
| }
| </script>
|
| <style lang='less' scoped>
| .app{
| width: 100%;
| height: 100%;
| background: white;
| min-height: calc(100vh - 140px);
| }
|
| </style>
|
|
