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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
| <template>
| <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>
| </template>
|
| <script>
| import { getFinallyResult } from '@/api/evaluate/evaluateTask'
|
| export default {
| inject: ['type'],
| props: {
| params: {
| type: Object,
| default: () => {
| return {
| data: {}
| }
| }
| }
| },
| data() {
| return {
| 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: []
| },
| defaultColumn: [
| {
| label: '姓名',
| prop: 'user_name',
| type: 'input'
| },
| {
| label: '部门',
| prop: 'user_name',
| type: 'input'
| },
| {
| label: '职位',
| prop: 'dept_name',
| type: 'input'
| },
| {
| label: '票数',
| prop: 'voteNum',
| type: 'input'
| },
| ],
| sectionColumn: [
| {
| label: '部门',
| prop: 'user_name',
| type: 'input'
| },
| {
| label: '票数',
| prop: 'voteNum',
| type: 'input'
| },
| ],
| data: []
| }
| },
| methods: {
| 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 { id } = this.params.data
|
| const {
| } = this.query;
|
| let values = {
| ...this.query,
| ...params
| };
| getFinallyResult(page.currentPage, page.pageSize, id).then(res => {
| const data = res.data.data;
| this.page.total = data.total;
| this.data = data.records;
| this.loading = false;
| });
| },
| },
| watch: {
| 'params.data': {
| handler(value) {
| this.onLoad(this.page)
| this.option.column = (this.type() ? this.sectionColumn : this.defaultColumn)
| },
| deep: true
| }
| }
| }
| </script>
|
| <style lang="scss" scoped></style>
|
|
