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
<template>
<!-- <d2-container type="card"> -->
<el-card class="box-card mains">
<el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="ztabsClick">
<el-tab-pane label="柜组任务" name="taskBar">
<task-bar />
</el-tab-pane>
<el-tab-pane label="集团任务" name="taskCom">
<task-com />
</el-tab-pane>
<el-tab-pane label="任务统计" name="taskCount">
<task-count />
</el-tab-pane>
</el-tabs>
</el-card>
</template>
<script>
import TaskBar from "../bar/index";
import TaskCom from "../com/index";
import TaskCount from "../count/index";
// import { ApiTestGet, ApiTestPost } from "@/api/task/main";
export default {
components: {
TaskBar,
TaskCom,
TaskCount
},
data() {
return {
cache: {
nowMenu: "taskBar"
}
};
},
created() {
let postData = {
brief: "停车券兑换",
orderNo: "12345678",
point: "123.321",
procType: 46,
updateType: "dec",
vipId: 1
};
// ApiTestPost(postData).then(res => {
// log("--->Api: Post: res =", res);
// });
},
methods:{
ztabsClick(){},
}
};
</script>
<style lang="scss" scoped>
.mains {
/*border: 1px solid red;*/
height: calc((100vh - 140px) * 1.0);
min-width: 1280px;
margin: 10px 20px 10px 10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.ztabs {
/*border: 2px solid darkviolet;*/
height: calc((100vh - 180px) * 1.0);
width: 100%;
}
</style>