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
| <template>
| <div class="app-container">
|
| <div class="filter-container">
| <div class="basic_search" >
| <div style="display: inline-block">
| <span class="span-filter-label">考试名称：</span>
| <el-input v-model="filter.keyword" style="width: 200px" placeholder="请输入内容"></el-input>
| </div>
| <div style="display: inline-block;margin-left: 15px">
| <span class="span-filter-label">考试时间：</span>
| <el-date-picker
| v-model="rangeTime"
| type="datetimerange"
| start-placeholder="开始日期"
| end-placeholder="结束日期"
| :default-time="['00:00:00','23:59:59']">
| </el-date-picker>
| </div>
| <div style="display: inline-block;margin-left: 15px">
| <el-button
| style="margin-left: 10px;"
| type="primary"
| icon="el-icon-search"
| @click="queryHandle">
| </el-button>
| </div>
| </div>
|
| <div class="basic_search">
| <div>
| <classification :array="list" v-model="filter.type" @setId="setId"></classification>
| </div>
| </div>
| </div>
|
|
|
|
|
|
| </div>
|
| </template>
|
| <script>
| import classification from "./component/classification";
|
| import {currentExamList,classificationList} from '@/api/nanoexam'
| export default {
| name: "current",
| components:{
| classification
| },
| created(){
| this.classificationList()
| this.currentExamList()
| },
| data(){
| return {
| rangeTime:[],
| filter:{
| type:"",
| keyword:"",
| startExamTime:"",
| endExamTime:"",
| current:1,
| rowCount:4,
| },
| list:[
| {id:1,value:"全部"},
| {id:2,value:"4526465"},
| {id:3,value:"asdsad"},
| ]
| }
| },
| methods:{
| queryHandle(){
| console.log(this.filter.type)
| },
| currentExamList(){
|
| },
| classificationList(){
| classificationList({groupId: 2}).then(res=>{
| console.log(res.data)
| })
| },
| setId(id){
| this.filter.type = id
| }
| }
| }
| </script>
|
| <style scoped>
| .span-filter-label{
| font-size: 15px;
| color: #606266;
| margin-right: 4px;
| margin-left: 7px;
| }
|
| .basic_search{
| margin-bottom: 15px;
| }
| </style>
|
|
