更新权限配置批量导入数据

GuLiMmo

2024-02-22 0a8bebe2edbb55eab98e3559eedf5303a417b73c

 src/views/assessment/components/assessmentWeight.vue

@@ -22,27 +22,50 @@
            @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
            <template #menu-left>
                <el-button type="primary" icon="el-icon-plus" @click="rowSave">添加考核人</el-button>
                <el-button type="primary" icon="el-icon-plus" @click="configDialogShow = true">导入权重配置中的数据</el-button>
            </template>
        </avue-crud>
        <add-weight :dialogParams="dialogParams" @refresh="onLoad"></add-weight>
        <el-dialog title="权重配置数据" v-model="configDialogShow" @open="configDialogOpen">
            <el-table v-loading="addLoading" :element-loading-text="addTipsText" :data="configUserList" @selection-change="handleSelectionChange" style="width: 100%" border
                max-height="700" class="custom-table">
                <el-table-column type="selection" width="38" />
                <el-table-column prop="assessorUserName" label="考核人姓名" />
                <el-table-column prop="assessorPostName" label="考核人职位" />
                <el-table-column prop="assessorDeptName" label="考核人部门" />
                <el-table-column prop="weight" label="权重" />
                <el-table-column prop="rangeVal" label="范围" />
            </el-table>
            <template #footer>
                <el-button type="primary" icon="el-icon-circle-check" @click="addConfigUsers">确认添加</el-button>
                <el-button icon="el-icon-close" @click="configDialogShow = false">取消</el-button>
            </template>
        </el-dialog>
    </div>
</template>
  

<script>
import { getAssessorList, getAssessorDetail, removeAssessor, updateAssessor } from '@/api/assessment/assessmentSet.js'
import addWeight from './addWeight.vue'
import {
    getAssessorList,
    getAssessorDetail,
    removeAssessor,
    updateAssessor,
} from '@/api/assessment/assessmentSet.js';
import addWeight from './addWeight.vue';
import { getAssessors as getExportExcelData } from '@/api/assessment/assessmentConfig';
import { addAssessorList } from '@/api/assessment/assessmentSet';

export default {
    props: {
        params: {
            type: Object,
            default() {
                return {}
            }
        }
                return {};
            },
        },
    },
    components: {
        addWeight
        addWeight,
    },
    data() {
        return {
@@ -67,9 +90,9 @@
                labelWidth: 120,
                column: [
                    {
                        label: "考核人",
                        prop: "userName",
                        type: "select",
                        label: '考核人',
                        prop: 'userName',
                        type: 'select',
                        rules: [
                            {
                                required: true,
@@ -79,9 +102,9 @@
                        ],
                    },
                    {
                        label: "考核人部门",
                        prop: "deptName",
                        type: "input",
                        label: '考核人部门',
                        prop: 'deptName',
                        type: 'input',
                        disabled: true,
                        rules: [
                            {
@@ -92,9 +115,9 @@
                        ],
                    },
                    {
                        label: "考核人职务",
                        prop: "postName",
                        type: "input",
                        label: '考核人职务',
                        prop: 'postName',
                        type: 'input',
                        disabled: true,
                        // hide: true,
                        rules: [
@@ -106,19 +129,19 @@
                        ],
                    },
                    {
                        label: "权值",
                        prop: "weight",
                        type: "input",
                        label: '权值',
                        prop: 'weight',
                        type: 'input',
                        rules: [
                            {
                                validator: (rule, value, callback) => {
                                    if (value === '') {
                                        callback(new Error('请输入权值'))
                                        callback(new Error('请输入权值'));
                                    } else {
                                        if (value > this.weightRange) {
                                            callback(new Error('输入的权值不可超过' + this.weightRange))
                                            callback(new Error('输入的权值不可超过' + this.weightRange));
                                        } else {
                                            callback()
                                            callback();
                                        }
                                    }
                                },
@@ -126,8 +149,20 @@
                                trigger: 'click',
                            },
                        ],
                    },
                    {
                        label: '范围',
                        prop: 'rangeVal',
                        type: 'input',
                        rules: [
                            {
                                required: true,
                                message: '请填写范围',
                                trigger: 'click',
                            },
                        ],
                    }
                ]
                ],
            },
            page: {
                pageSize: 10,
@@ -136,104 +171,109 @@
            },
            selectList: [],
            weightRange: 100,
            dialogParams: {}
        }
            dialogParams: {},
            configDialogShow: false,
            configUserList: [],
            checkedUsers: [],
            addLoading: false,
            addTipsText: ''
        };
    },
    watch: {
    },
    watch: {},
    methods: {
        back() {
            this.$emit('changeIs', true)
            this.$emit('changeIs', true);
        },
        rowSave() {
            this.dialogParams = {
                visible: true,
                isDept: false,
                taskParams: this.params,
                weightRange: this.weightRange
            }
                weightRange: this.weightRange,
            };
        },
        rowUpdate(row, index, done, loading) {
            updateAssessor(row).then(() => {
                this.onLoad(this.page);
                this.$message({
                    type: "success",
                    message: "操作成功!"
                });
                done();
            }, error => {
                loading();
                console.log(error);
            });
            updateAssessor(row).then(
                () => {
                    this.onLoad(this.page);
                    this.$message({
                        type: 'success',
                        message: '操作成功!',
                    });
                    done();
                },
                error => {
                    loading();
                    console.log(error);
                }
            );
        },
        rowDel(row) {
            this.$confirm("确定将选择数据删除?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            this.$confirm('确定将选择数据删除?', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            })
                .then(() => {
                    // return remove(row.id);
                    return removeAssessor(row.id)
                    return removeAssessor(row.id);
                })
                .then(() => {
                    this.onLoad(this.page);
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                        type: 'success',
                        message: '操作成功!',
                    });
                });
        },
        handleDelete() {
            if (this.selectionList.length === 0) {
                this.$message.warning("请选择至少一条数据");
                this.$message.warning('请选择至少一条数据');
                return;
            }
            this.$confirm("确定将选择数据删除?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            this.$confirm('确定将选择数据删除?', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            })
                .then(() => {
                    // return remove(this.ids);
                    return removeAssessor(this.ids)
                    return removeAssessor(this.ids);
                })
                .then(() => {
                    this.onLoad(this.page);
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                        type: 'success',
                        message: '操作成功!',
                    });
                    this.$refs.crud.toggleSelection();
                });
        },
        handleExport() {
            let downloadUrl = `/assessmentTask/assessmentTask/export-assessmentTask?${this.website.tokenHeader}=${getToken()}`;
            const {
            } = this.query;
            let values = {
            };
            this.$confirm("是否导出数据?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            let downloadUrl = `/assessmentTask/assessmentTask/export-assessmentTask?${this.website.tokenHeader
                }=${getToken()}`;
            const { } = this.query;
            let values = {};
            this.$confirm('是否导出数据?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(() => {
                NProgress.start();
                exportBlob(downloadUrl, values).then(res => {
                    downloadXls(res.data, `考核任务表${dateNow()}.xlsx`);
                    NProgress.done();
                })
                });
            });
        },
        beforeOpen(done, type) {
            if (["edit", "view"].includes(type)) {
            if (['edit', 'view'].includes(type)) {
                getAssessorDetail(this.form.id).then(res => {
                    this.form = res.data.data;
                });
                if (type === "edit") {
                    
                    this.weightRange += this.form.weight
                    this.defaults.weight.placeholder = `请输入权重(输入的权值大于等于${this.weightRange})`
                if (type === 'edit') {
                    this.weightRange += this.form.weight;
                    this.defaults.weight.placeholder = `请输入权重(输入的权值大于等于${this.weightRange})`;
                }
            }
            done();
@@ -267,41 +307,130 @@
        onLoad(page, params = {}) {
            this.loading = true;

            const {
            } = this.query;
            const { } = this.query;

            const { userId, deptId, type, id } = this.params
            const { userId, deptId, type, id } = this.params;

            let values = {
                // userId: !type ? userId : deptId
                assessmentSetId: id
                assessmentSetId: id,
            };
            getAssessorList(page.currentPage, page.pageSize, values).then(res => {
                const data = res.data.data;
                this.page.total = data.total;
                this.data = data.records;
                this.loading = false;
                this.setDefaultWeightRange(data.records)
                this.setDefaultWeightRange(data.records);
                this.selectionClear();
            });
        },
        setDefaultWeightRange(data) {
            let weightrange = 100
            let weightrange = 100;
            data.forEach(item => {
                weightrange -= item.weight
            })
            this.weightRange = weightrange
            this.defaults.weight.placeholder = `请输入权重(当前权重最大不可超过${weightrange})`
                weightrange -= item.weight;
            });
            this.weightRange = weightrange;
            this.defaults.weight.placeholder = `请输入权重(当前权重最大不可超过${weightrange})`;
        },
        configDialogOpen() {
            getExportExcelData(this.params.userId).then(excelRes => {
                if (excelRes.data.code !== 200) return this.$message.error('获取相关配置失败！！');
                const list = excelRes.data.data;
                this.configUserList = list;
            });
        },
        handleSelectionChange(value) {
            this.checkedUsers = value;
        },
        addConfigUsers() {
            if (this.checkedUsers.length === 0) {
                this.$message.warning('暂未选取任何数据！！');
            } else {
                let currentAllWeight = 0;
                this.checkedUsers.forEach(item => {
                    currentAllWeight += item.weight;
                });
                if (currentAllWeight > 100) {
                    return this.$message.warning('当前权重超过100，请重新选择或在权重配置中修改后重新选择');
                }
                this.addLoading = true

                const dataList = this.checkedUsers.map(item => {
                    const {
                        assessorUserId,
                        assessorUserName,
                        assessorPostName,
                        assessorDeptId,
                        assessorDeptName,
                        weight,
                        rangeVal,
                    } = item;
                    return {
                        assessmentSetId: this.params.id,
                        deptId: assessorDeptId,
                        deptName: assessorDeptName,
                        postName: assessorPostName,
                        userId: assessorUserId,
                        userName: assessorUserName,
                        weight,
                        rangeVal,
                    }
                });

                const promiseArr = []
                const createAssessorPromise = (data, userName) => {
                    return addAssessorList(data).then(res => {
                        this.addTipsText = `数据"${userName}"添加中...`
                        if (res.data.code !== 200) {
                            return `${userName}添加失败`;
                        }
                        return `${userName}添加成功`;
                    })
                }

                dataList.forEach(item => {
                    promiseArr.push(createAssessorPromise(item, item.userName))
                })

                Promise.allSettled(promiseArr).then((responses) => {
                    const message = responses.map(item => item.value).join('、')
                    this.$message.success(message)
                    this.addLoading = false
                    this.configDialogShow = false
                    this.refreshChange()
                }, error => {
                    this.$message.error(error)
                })
            }
        },
    },
    mounted() {
    }
}
    mounted() { },
};
</script>
  

<style lang="scss" scoped>
.header {
    margin-bottom: 20px;
}

.table-search {
    margin-bottom: 15px;
    width: 250px;
    float: right;
}

:deep() {
    .custom-table {
        .el-table__header {
            thead {
                color: black;

                .el-table__cell {
                    background-color: #fafafa;
                }
            }
        }
    }
}

.info {
@@ -320,4 +449,3 @@
    }
}
</style>