GuLiMmo
2023-12-12 1d4246ec700c86cb0c0630f63df2cf4f9bbe8fa2
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<template>
    <basic-container>
        <template v-if="isWeight">
            <avue-crud ref="crud" v-model="form" v-model:search="search" :option="option" :data="data" v-model:page="page"
                @search-change="searchChange" @search-reset="searchReset" @current-change="currentChange"
                @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
                <template #menu="{ size, row, index }">
                    <el-button type="primary" size="small" @click="handleWeight(row)">
                        考核权重
                    </el-button>
                </template>
            </avue-crud>
        </template>
        <template v-else>
            <assessmentWeight v-model:params="weightParams" @changeIs="changeIs" />
        </template>
    </basic-container>
</template>
 
<script>
import assessmentWeight from './components/assessmentWeight.vue'
import { getList } from '@/api/system/user.js'
 
export default {
    components: {
        assessmentWeight
    },
    data() {
        return {
            isWeight: true,
            form: {},
            query: {},
            search: {},
            weightParams: {},
            data: [],
            option: {
                height: 'auto',
                calcHeight: 32,
                tip: true,
                searchMenuSpan: 6,
                border: true,
                index: true,
                addBtn: false,
                viewBtn: false,
                editBtn: false,
                delBtn: false,
                menuWidth: 200,
                column: [
                    {
                        label: "主键",
                        prop: "id",
                        type: "input",
                        addDisplay: false,
                        editDisplay: false,
                        viewDisplay: false,
                        hide: true
                    },
                    {
                        label: "被考核人",
                        prop: "name",
                        type: "input",
                        search: true,
                    },
                    {
                        label: "工号",
                        prop: 'code',
                        type: "input",
                    },
                    {
                        label: "部门",
                        prop: "deptName",
                        type: "tree",
                        search: true,
                        dicUrl: `/blade-system/dept/tree?tenantId=${this.website.tenantId}`,
                        dicFormatter: (res) => {
                            this.selectGroup.depts = res.data
                            return res.data
                        },
                        props: {
                            label: 'title',
                            values: 'id'
                        }
                    },
                    {
                        label: "职务",
                        prop: "postName",
                        type: "select",
                        search: true,
                        dicUrl: `/blade-system/post/select?tenantId=${this.website.tenantId}`,
                        dicFormatter: (res) => {
                            this.selectGroup.posts = res.data
                            return res.data
                        },
                        props: {
                            label: 'postName',
                            value: 'id'
                        }
                    },
                    {
                        label: "人员类型",
                        prop: "personnelType",
                        type: "input",
                    },
                    {
                        label: "合伙类型",
                        prop: "partnerType",
                        type: "input",
                    },
                    {
                        label: "联系方式",
                        prop: "phone",
                        type: "input",
                    },
                ]
            },
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
            },
            selectGroup: {
                depts: [],
                posts: []
            }
        }
    },
    methods: {
        handleWeight(row) {
            this.weightParams = { ...row }
            this.isWeight = false
        },
        changeIs(is) {
            this.isWeight = is
        },
        searchChange(params, done) {
            params.deptId = params.deptName || ''
            params.postId = params.postName || ''
            delete params.deptName
            delete params.postName
            this.query = params;
            this.page.currentPage = 1;
            this.onLoad(this.page, params);
            done();
        },
        searchReset() { },
        currentChange() { },
        sizeChange() { },
        refreshChange() { },
        onLoad(page, params = {}) {
            this.loading = true;
            const {
            } = this.query;
            let values = {
                ...this.query,
                ...params
            };
 
            getList(page.currentPage, page.pageSize, values).then(res => {
                const data = res.data.data;
                this.page.total = data.total;
                this.data = data.records;
                this.loading = false;
            });
        }
    }
}
</script>
 
<style></style>