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
| <template>
| <el-dialog title="详情" v-model="params.visible" width="60%" destroy-on-close>
| <avue-crud :data="data" v-model:page="page" :option="option" @on-load="onLoad" >
| </avue-crud>
| </el-dialog>
| </template>
|
| <script setup>
| import { onMounted, ref } from 'vue';
| import { getDetailList } from '@/api/assessment/assessmentScore'
|
| const option = ref({
| height: '400',
| calcHeight: 32,
| tip: true,
| searchMenuSpan: 6,
| border: true,
| index: true,
| addBtn: false,
| viewBtn: false,
| editBtn: false,
| delBtn: false,
| menu: false,
| menuLeft: false,
| header: false,
| menuWidth: 120,
| column: [
| {
| label: '参与考核人',
| type: 'input',
| prop: 'scoreUserName',
| minWidth: 100
| },
| {
| label: '职务',
| type: 'input',
| prop: 'scorePostName',
| minWidth: 100
| },
| {
| label: '部门',
| type: 'input',
| prop: 'scoreDeptName',
| minWidth: 130
| },
| {
| label: '权值',
| type: 'input',
| prop: 'weight',
| minWidth: 100
| },
| {
| label: '考核分数',
| type: 'input',
| prop: 'scoreVal',
| minWidth: 100
| },
| {
| label: '考核评语',
| type: 'input',
| prop: 'remark',
| overHidden: true,
| minWidth: 100
| },
| {
| label: '考核状态',
| type: 'input',
| minWidth: 100,
| formatter: () => {
| return '评分完成'
| }
| }
| ]
| })
|
| const data = ref([])
|
| const page = ref({
| pageSize: 10,
| currentPage: 1,
| total: 0,
| })
|
| const $props = defineProps({
| params: {
| type: Object,
| default: () => {
| return {
| visible: false,
| isSendBack: false
| }
| }
| }
| })
|
| const sendBack = (row) => {
| console.log(row);
| }
|
| const onLoad = () => {
| const { beId, assessmentTaskId, visible } = $props.params
| visible && getDetailList(1, 100, beId, assessmentTaskId).then(res => {
| data.value = res.data.data.records
| })
| }
|
| onMounted(() => {
| onLoad()
| })
| </script>
|
| <style lang="scss" scoped></style>
|
|
