员工信息表页面更新

GuLiMmo

2023-12-08 3240a8f01290df2be3f1bac035505403b539c5a9

员工信息表页面更新

 src/views/assessment/assessmentTaskSetting.vue

@@ -63,7 +63,7 @@
                    },
                    {
                        label: "工号",
                        prop: 'postId',
                        prop: 'code',
                        type: "input",
                    },
                    {

 src/views/assessment/components/assessmentWeight.vue

@@ -2,20 +2,20 @@
    <div class="container">
        <el-page-header @back="back" class="header">
            <template #content>
                <span>考核权重</span>
                <ul class="info">
                    <li>考核权重</li>
                    <li>
                        <el-tag size="large">被考核人：{{ params.name }}</el-tag>
                    </li>
                    <li>
                        <el-tag size="large">部门：{{ params.deptName }}</el-tag>
                    </li>
                    <li>
                        <el-tag size="large">职务：{{ params.postName }}</el-tag>
                    </li>
                </ul>
            </template>
        </el-page-header>
        <ul class="info">
            <li>
                <el-tag size="large">被考核人：{{ params.name }}</el-tag>
            </li>
            <li>
                <el-tag size="large">部门：{{ params.deptName }}</el-tag>
            </li>
            <li>
                <el-tag size="large">职务：{{ params.postName }}</el-tag>
            </li>
        </ul>
        <avue-crud :option="option" v-model:search="search" v-model:page="page" v-model="form" :table-loading="loading"
            :data="data" :before-open="beforeOpen" ref="crud" @row-update="rowUpdate" @row-save="rowSave" @row-del="rowDel"
            @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
@@ -42,14 +42,7 @@
            query: {},
            search: {},
            loading: true,
            data: [
                {
                    assessor: '张三',
                    position: '经理',
                    weight: 50,
                    ratingRange: 50,
                }
            ],
            data: [],
            option: {
                height: 'auto',
                calcHeight: 32,
@@ -67,7 +60,6 @@
                        label: "考核人",
                        prop: "userName",
                        type: "select",

                    },
                    {
                        label: "职务",
@@ -237,7 +229,7 @@
        }
    },
    mounted() {
        

    }
}
</script>
@@ -246,16 +238,18 @@
.header {
    margin-bottom: 20px;
}

.info {
    display: flex;
    list-style-type: none;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;

    li {
        margin-right: 10px;
        &:first-child {
            margin-right: 30px;
        }
    }
}
</style>

 src/views/employee/list.vue

@@ -22,9 +22,12 @@
import { exportBlob } from "@/api/common";
import { getToken } from '@/utils/auth';
import { downloadXls } from "@/utils/util";
import website from '@/config/website';
import { dateNow } from "@/utils/date";
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import { getPostList } from '@/api/system/post';
import { getDeptTree } from '@/api/system/dept';

export default {
    data() {
@@ -57,7 +60,7 @@
                column: [
                    {
                        label: "工号",
                        prop: "postId",
                        prop: "code",
                        type: "input",
                        search: true
                    },
@@ -68,14 +71,27 @@
                        search: true
                    },
                    {
                        label: "手机号",
                        prop: "phone",
                        type: "input"
                    },
                    {
                        label: "部门",
                        prop: "deptName",
                        type: "input",
                        type: "tree",
                        dicData: [],
                        props: {
                            label: 'title',
                        },
                    },
                    {
                        label: "职务",
                        prop: "postName",
                        type: "input",
                        type: "select",
                        dicData: [],
                        props: {
                            label: 'postName',
                        },
                    },
                    {
                        label: "人员类型",
@@ -154,8 +170,18 @@
            return ids.join(",");
        }
    },
    watch: {
        'form.tenantId'() {
            if (this.form.tenantId !== '' && this.initFlag) {
                this.initData(this.form.tenantId);
            }
        },
    },
    methods: {
        rowSave(row, done, loading) {
            row.account = row.phone
            row.realName = row.name
            row.userType = 2
            add(row).then(() => {
                this.onLoad(this.page);
                this.$message({
@@ -281,7 +307,26 @@
                this.loading = false;
                this.selectionClear();
            });
        }
        },
        initData(tenantId) {
            getDeptTree(tenantId).then(res => {
                this.option.column.forEach(item => {
                    if (item.prop === 'deptName') {
                        item.dicData = res.data.data
                    }
                })
            });
            getPostList(tenantId).then(res => {
                this.option.column.forEach(item => {
                    if (item.prop === 'postName') {
                        item.dicData = res.data.data
                    }
                })
            });
        },
    },
    mounted() {
        this.initData(website.tenantId);
    }
};
</script>