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
| <template>
| <el-dialog v-model="params.visible" title="详情" @open="openDialog" destroy-on-close>
| <avue-crud v-model:page="page" :option="option" :table-loading="loading" :data="data"
| @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
| </avue-crud>
| </el-dialog>
| </template>
|
| <script>
| import { getFinallyTypeResult } from '@/api/evaluate/evaluateTask'
|
| export default {
| props: {
| params: {
| type: Object,
| default: () => {
| return {
| visible: false,
| data: {}
| }
| }
| }
| },
| data() {
| return {
| data: [],
| loading: true,
| query: {},
| page: {
| pageSize: 10,
| currentPage: 1,
| total: 0
| },
| option: {
| height: '400',
| calcHeight: 30,
| tip: false,
| searchShow: true,
| searchMenuSpan: 6,
| border: true,
| index: true,
| viewBtn: false,
| addBtn: false,
| editBtn: false,
| delBtn: false,
| viewBtn: false,
| header: false,
| menuWidth: 150,
| menu: false,
| dialogClickModal: false,
| column: [
| {
| label: '姓名',
| prop: 'user_name',
| type: 'input'
| },
| {
| label: '部门',
| prop: 'user_name',
| type: 'input'
| },
| {
| label: '职位',
| prop: 'dept_name',
| type: 'input'
| },
| {
| label: '票数',
| prop: 'voteNum',
| type: 'input'
| }
| ]
| },
| }
| },
| methods: {
| openDialog() {
| this.page.currentPage = 1
| this.onLoad(this.page)
| },
| currentChange(currentPage) {
| this.page.currentPage = currentPage;
| },
| sizeChange(pageSize) {
| this.page.pageSize = pageSize;
| },
| refreshChange() {
| this.onLoad(this.page, this.query);
| },
| onLoad(page, params = {}) {
| this.loading = true;
|
| const {
| evaluateTaskId,
| evaluateTaskCategoryId
| } = this.params.data
|
| const {
| } = this.query;
|
| let values = {
| ...this.query,
| ...params
| };
| getFinallyTypeResult(page.currentPage, page.pageSize, { evaluateTaskId, evaluateTaskCategoryId }).then(res => {
| const data = res.data.data;
| this.page.total = data.total;
| this.data = data.records;
| this.loading = false;
| });
| },
| }
| }
| </script>
|
|
