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
| <template>
| <div class="p-4 px-2">
| <el-row class="">
| <Filtrate :filter="filter" :refresh="getList" :loadingFlag="ListLoadingFlag">
| <el-row style="width: 100%;">
| <el-select style="flex: 1;" class="mr-2" v-model="filter.status" placeholder="全部状态">
| <el-option
| v-for="item in statusItems"
| :key="item.status"
| :label="item.label"
| :value="item.status"
| />
| </el-select>
| <el-input
| style="flex: 3;"
| class="mr-2"
| v-model="filter.search"
| placeholder="搜索评价机构名称/统一社会信用代码"
| >
| <template #prefix>
| <el-icon class="el-input__icon"><search /></el-icon>
| </template>
| </el-input>
| </el-row>
| </Filtrate>
| </el-row>
| <DataTable
| v-model:filter="filter"
| :headers="headers"
| :list="list"
| :totalCount="totalCount"
| ></DataTable>
|
| </div>
| </template>
|
| <script>
| export default {
| data() {
| return {
| filter: {
| status: ''
| },
| statusItems: [
| { label: '全部状态', status: '' },
| { label: '审核中', status: 'auditing' },
| { label: '审核不通过', status: 'reject' },
| { label: '审核通过', status: 'pass' },
| ],
| headers: [
| { label: '评价计划名称', value: 'planName' },
| { label: '职业名称', value: 'occupationJob' },
| { label: '等级', value: 'level' },
| { label: '考点', value: 'address' },
| { label: '状态', value: 'status' },
| { label: '操作', value: 'operation' }
| ],
| ListLoadingFlag: false,
| }
| },
| methods: {
| getList() {
|
| },
| }
| }
| </script>
|
| <style lang="scss" scoped>
|
| </style>
|
|
