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
| <template>
| <div style="height: 100%">
| <el-card style="height: 100%">
| <template slot="header">
| <el-form :inline="true" :model="queryInfo" class="demo-form-inline">
| <el-form-item label="案件：">
| <el-input placeholder="请输入案件编号或名称" v-model="queryInfo.title"></el-input>
| </el-form-item>
| <el-form-item label="案件状态：">
| <el-select v-model="queryInfo.status" placeholder="请选择">
| <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
| </el-option>
| </el-select>
| </el-form-item>
| <el-form-item>
| <el-button type="primary" @click="search">查询</el-button>
| </el-form-item>
| <el-form-item>
| <el-button type="primary" @click="addDialogOpen">添加</el-button>
| </el-form-item>
| <el-form-item>
| <el-button type="primary" @click="exportExcel">导入</el-button>
| </el-form-item>
| </el-form>
| </template>
| <el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current"
| :page-size="queryInfo.size" layout="prev, pager, next"
| :total="total"></el-pagination>
| </el-card>
| </div>
| </template>
|
| <script>
| export default {
| name: "Entry",
| data() {
| return {
| queryInfo: {
| title: '',
| status: '5',
| current: 1,
| size: 10
| },
| options: [
| {
| value: '5',
| label: '全部'
| },
| {
| value: '0',
| label: '未审核'
| },
| {
| value: '1',
| label: '不予立案'
| },
| {
| value: '2',
| label: '受理中'
| },
| {
| value: '3',
| label: '已结案'
| },
| {
| value: '4',
| label: '已结案'
| }
| ],
| total: 0,
| }
| },
| methods: {
| getList() {
| this.$http.get('/api/entry/list', {
| params: this.queryInfo
| }).then(res => {
| this.total = res.data.total
| this.list = res.data.list
| })
| },
| search() {
| },
| addDialogOpen() {
| },
| exportExcel() {
| },
| handleCurrentChange(val) {
| this.queryInfo.current = val;
| this.getList();
| },
| }
| }
| </script>
|
| <style scoped lang="scss">
| .el-form-item {
| margin-bottom: 0;
| }
| </style>
|
|
