<template>
    <div class="add-department-container">
        <div class="setting-cell depart-info">
            <p class="title">部门信息</p>
            <el-form
                class="department-info-form"
                label-position="right"
                label-width="100px">
                <el-form-item label="部门名称" required>
                    <el-input v-model="departInfo.name"></el-input>
                </el-form-item>
                <el-form-item label="部门排序调整">
                    <el-input v-model="departInfo.name"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="setting-cell">
            <p class="title">权限设置</p>
            <permission-setting :visibleApartList="testList" :visibleSpecialLsit="testList" :onlySelfApartList="testList"></permission-setting>
        </div>
        <div class="setting-cell"></div>
        <vue-select-employee></vue-select-employee>
    </div>
</template>
<script>
    import permissionSetting from "components/contacts/permissionSet/permissionSetting";
    import vueSelectEmployee from "components/common/vueSelectEmployee"
    export default {
        name: "addDepartment",
        components: {
            permissionSetting,
            vueSelectEmployee
        },
        data() {
            return {
                departInfo: {
                    name: ""
                },
                testList: []
            };
        }
    };
</script>
<style lang="scss">
    .add-department-container {
        .setting-cell {
            background: #fff;
            margin-bottom: 24px;
            .title {
                height: 55px;
                line-height: 55px;
                border-bottom: 1px solid #E4E7ED;
                text-indent: 32px;
                font-size:16px;
                font-weight:500;
                color:#303133;
            }
            .department-info-form {
                padding: 24px 32px;
                .el-input {
                    width: 380px;
                }
            }
        }
    }
</style>


