<template>
    <div>
        <p class="info">部门详情</p>
        <img class="img" src="" alt=""><el-button class="alter">更换</el-button>
        <div class="form">
            <el-form :model="form" label-position="left" label-width="130px">
                <el-form-item  label="部门级别：">
                    <el-select v-model="form.fullName" style="width:400px">
                        <el-option value="test"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="上级部门：">
                    <el-select v-model="form.abbreviateName" style="width:400px">
                        <el-option value="test"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="部门负责人：">
                    <el-select v-model="form.parentCorporation" style="width:400px">
                        <el-option value="test"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item  label="部门接口人：">
                    <el-select v-model="form.sccide"  style="width:400px">
                        <el-option value="test"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="排重名：">
                    <el-input v-model="form.registeredAddress" placeholder="test" type="text"></el-input>
                </el-form-item>
                <el-form-item  label="在岗人数：">
                    <el-input-number :model="form.businessAddress" v-model="num" @change="handleChange" :min="1" :max="100"></el-input-number>
                </el-form-item>
                <el-form-item  label="自由员工：">
                    <el-input v-model="form.legalName" placeholder="test" type="text"></el-input>
                </el-form-item>
                <el-form-item  label="协作员工：">
                    <el-input v-model="form.copporationCode" placeholder="test" type="text"></el-input>
                </el-form-item>
                <el-form-item  label="第三方员工：">
                    <el-input v-model="form.complementCount" placeholder="test" type="text"></el-input>
                </el-form-item>
                <el-form-item  label="部门职责：">
                    <el-input  type="textarea" placeholder="请输入" v-model="textarea" maxlength="200"
                        show-word-limit></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div>
            <el-button>删除</el-button>
            <el-button style="background-color: rgb(131, 208, 243);">编辑</el-button>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {

            },
            num: 100,
            textarea:''
        }
    },
    methods: {
        handleChange() {
            //
        }
    }

}
</script>
<style lang="less" scoped>
.info {
    text-align: left;
    padding: 20px;
    font-size: 25px;
}

.img {
    width: 1300px;
    height: 150px;
}

.alter{
    position: absolute;
    right:30px;
    top: 155px;
    background-color:rgb(131, 208, 243);
}
.form {
    margin-left: 350px;

    .el-form {
        //margin: 40px 0 0 0;

        .el-form-item {
            padding-top: 10px;
            margin-inline: 20px;
            margin-bottom: 0;
        }

        /deep/.el-form-item__label {
            padding: 0;
            text-align: left;
        }

        /deep/.el-form-item__content {
            display: flex;
            width: 400px;
        }
    }
}

.el-button {
    width: 100px;
    height: 30px;
    padding: 5px;
    margin: 10px;
}
</style>