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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<template>
<div class="eContainer-taskList">
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待经办列表" name="sptsel">
<!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
<c-content>
<span slot="label">
待经办列表
<el-badge v-if="$store.state.Status.taskList.sptsel>0" :value="$store.state.Status.taskList.sptsel" :max="99"/>
</span>
<t-sptsel />
</c-content>
</el-tab-pane>
<el-tab-pane label="待复核列表" name="trnrel">
<c-content>
<span slot="label">
待复核列表
<el-badge v-if="$store.state.Status.taskList.trnrel>0" :value="$store.state.Status.taskList.trnrel" :max="99"/>
</span>
<t-trnrel />
</c-content>
</el-tab-pane>
<el-tab-pane label="已完成列表" name="trnfnd">
<t-trnfnd />
</el-tab-pane>
<el-tab-pane label="待申报列表" name="bopsel">
<t-bopsel />
</el-tab-pane>
<el-tab-pane label="草稿箱" name="sptbrk">
<span slot="label">
草稿箱
<el-badge v-if="$store.state.Status.taskList.sptbrk>0" :value="$store.state.Status.taskList.sptbrk" :max="99"/>
</span>
<t-sptbrk />
</el-tab-pane>
<el-tab-pane label="到期提示" name="diasel">
<t-diasel/>
</el-tab-pane>
</c-tabs>
</div>
</template>
<script>
import Sptsel from "~/views/Business/Sptsel";
import Sptbrk from "~/views/Business/Sptsel/Sptbrk";
import Trnrel from "~/views/Business/Trnrel";
import Trnfnd from "~/views/Business/Trnrel/Trnfnd";
import Diasel from "~/views/Business/Diasel";
import Bopsel from "~/views/Business/Bopsel";
export default {
data(){
return{
}
},
computed: {
tabVal: {
get() {
return this.$store.state.Status.taskListTabVal || "sptsel"
},
set(val) {
this.$store.commit("setTaskListTabVal", val)
}
}
},
name: "TaskList",
created() {
},
methods: {
tabClick(tab) {
},
},
components:{
"t-sptsel" : Sptsel,
"t-sptbrk" : Sptbrk,
"t-trnrel" : Trnrel,
"t-trnfnd" : Trnfnd,
"t-diasel" : Diasel,
"t-bopsel" : Bopsel,
},
};
</script>
<style scoped>
.eContainer-taskList {
padding: 3px 15px;
}
</style>