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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<template>
<div class="eContainer">
<c-page title="任务列表">
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待经办列表" name="sptsel">
<!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
<span slot="label">
待经办列表
<el-badge
v-if="$store.state.Status.taskList.sptsel > 0"
:value="$store.state.Status.taskList.sptsel"
:max="99"
/>
</span>
<c-content>
<t-sptsel />
</c-content>
</el-tab-pane>
<el-tab-pane label="待复核列表" name="trnrel">
<span slot="label">
待复核列表
<el-badge
v-if="$store.state.Status.taskList.trnrel > 0"
:value="$store.state.Status.taskList.trnrel"
:max="99"
/>
</span>
<c-content>
<t-trnrel />
</c-content>
</el-tab-pane>
<el-tab-pane label="已完成列表" name="trnfnd">
<c-content>
<t-trnfnd />
</c-content>
</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">
<span slot="label">
到期提示
<el-badge
v-if="$store.state.Status.taskList.diasel > 0"
:value="$store.state.Status.taskList.diasel"
:max="99"
/>
</span>
<c-content>
<t-diasel />
</c-content>
</el-tab-pane>
<!--
<el-tab-pane label="数据对比" name="compare">
<span slot="label">
数据对比
</span>
<c-content>
<t-compare />
</c-content>
</el-tab-pane>
-->
</c-tabs>
</c-page>
</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";
import Compare from "./compare";
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) {
this.$store.commit("setTaskListTabVal", tab.name);
},
},
components: {
"t-sptsel": Sptsel,
"t-sptbrk": Sptbrk,
"t-trnrel": Trnrel,
"t-trnfnd": Trnfnd,
"t-diasel": Diasel,
"t-bopsel": Bopsel,
"t-compare": Compare,
},
};
</script>
<style>
.m-table-search-form {
position: flex;
flex-direction: row;
}
.m-table-search-form .el-form-item__content {
width: calc(100% - 110px);
}
</style>