查看用户信息,修改用户部门

ColorWhiteDeveloper

2022-09-20 f7feef4a4ecedbb9885a3403150f438965accb4f

 src/views/systemSetting/baseSetting/user/updateUser/index.vue

@@ -1,11 +1,7 @@
<template>
    <div class="createUser">
    <div class="updateUser">
        <header>
            <div class="headerTitle">新增账户</div>
            <div class="headerTip">
                <span>*</span>
                <label>为必填项</label>
            </div>
            <div class="headerTitle">{{updateFlag ? '修改用户部门信息' :'查看用户信息'}}</div>
        </header>
        <main>
            <div class="mainTitle">基础信息</div>
@@ -13,12 +9,12 @@
                <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules"
                    label-position="right">
                    <!-- 用户名称 -->
                    <el-form-item class="optionItem" label="用户名称:" prop="nickName">
                        <el-input v-model="user.nick_name" placeholder="填写用户名称"></el-input>
                    <el-form-item class="optionItem" label="用户名称:" prop="username">
                        <el-input v-model="user.username" placeholder="填写用户名称" :disabled="true"></el-input>
                    </el-form-item>
                    <!-- 用户密码 -->
                    <el-form-item class="optionItems" label="用户密码:" prop="password">
                        <el-input v-model="user.password" type="password" placeholder="请输入用户密码"></el-input>
                        <el-input v-model="user.password" type="password" placeholder="请输入用户密码" :disabled="true"></el-input>
                    </el-form-item>
                    <!-- 所属用户姓名 -->
                    <!-- <el-form-item class="optionItem" label="所属用户姓名:" prop="true_name">
@@ -33,18 +29,18 @@
                    </el-form-item> -->
                    <!-- 是否党员 -->
                    <el-form-item class="optionItem" label="是否党员:" prop="isDy">
                        <el-radio-group v-model="user.member">
                        <el-radio-group v-model="user.isDy" disabled>
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <!-- 所属手机号码 -->
                    <el-form-item class="optionItem" label="所属手机号码:" prop="mobile">
                        <el-input v-model="user.phone" placeholder="请填写手机号码"></el-input>
                        <el-input v-model="user.mobile" placeholder="请填写手机号码" :disabled="true"></el-input>
                    </el-form-item>
                    <!-- 邮箱地址 -->
                    <el-form-item class="optionItem" label="邮箱地址:" prop="email">
                        <el-input v-model="user.mail" placeholder="请填写邮箱地址"></el-input>
                        <el-input v-model="user.email" placeholder="请填写邮箱地址" :disabled="true"></el-input>
                    </el-form-item>
                    <!-- 选择角色 -->
                    <!-- <el-form-item class="optionItem" label="选择角色:" prop="role">
@@ -56,14 +52,13 @@
                    </el-form-item> -->
                    <!-- 用户类型 -->
                    <el-form-item class="optionItem" label="用户类型:" prop="userType">
                        <el-select v-model="user.type" placeholder="请选择用户类型">
                            <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
                                :disabled="item.disabled">
                        <el-select v-model="user.userType" placeholder="请选择用户类型" disabled>
                            <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 座机/分机 -->
                    <el-form-item class="optionItem" label="座机/分机:" prop="zj">
                    <!-- <el-form-item class="optionItem" label="座机/分机:" prop="zj">
                        <div class="optionHandleSp">
                            <el-input class="areaNumber" v-model="user.zj.areaNumber" placeholder="电话区号">
                            </el-input>
@@ -72,19 +67,18 @@
                            <el-input class="moreNumber" v-model="user.zj.moreNumber" placeholder="分机号码">
                            </el-input>
                        </div>
                    </el-form-item>
                    </el-form-item> -->
                    <!-- 所属部门 -->
                    <el-form-item class="optionItem" label="所属部门:" prop="departmentId">
                        <el-select v-model="user.department" placeholder="请选择所属部门">
                        <el-select v-model="user.department" placeholder="请选择所属部门" :disabled="!updateFlag">
                            <el-option v-for="item in typeList" :key="item.name" :label="item.departName" :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 当前职务 -->
                    <el-form-item class="optionItem" label="当前职务:" prop="jobTitle">
                        <el-select v-model="user.work" placeholder="请选择当前职务">
                            <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
                                :disabled="item.disabled">
                        <el-select v-model="user.work" placeholder="请选择当前职务" disabled>
                            <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
@@ -96,9 +90,8 @@
                    <!-- <el-form-item class="optionItem" label="填写所属ip地址:" prop="ip">
                        <el-input v-model="user.ip" placeholder="请填写所属ip地址"></el-input>
                    </el-form-item> -->
                    <el-form-item class="optionBtn">
                        <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">提交</el-button>
                        <el-button class="btn reset">重置</el-button>
                    <el-form-item  v-if="updateFlag">
                        <div class="optionBtn"><el-button type="primary" class="btn submit" @click.native.prevent="handleUser">提交</el-button></div>
                    </el-form-item>
                </el-form>

@@ -267,6 +260,7 @@
    },
    created() { 
        const that = this ;
        this.user = JSON.parse(JSON.stringify(that.userInfo));
        // 获取角色列表
        // this.$axios.get('')
        // 获取用户类型列表
@@ -280,26 +274,28 @@
    },
    methods: {
        handleUser() {
            const that = this;
            console.log(this.user);
            // this.$axios.post('sccg/admin/register',that.user).then(res=>{
            //     console.log(res);
            // })
            const {user} = this;
            this.$axios.post('sccg/depart/status',{
                id:user.departmentId,
                status:user.status?1:0,
            }).then(res=>{
                console.log(res);
            })
        }
    },
    props:[]
    props:['userInfo','updateFlag']
}
</script>
<style lang="scss" scpoed>
.createUser {
.updateUser {
    border-radius: 1px;
    // min-width: 1024px;
    // min-height: 1450px;
    background-color: #fff;
    background-color: #06122c;

    header {
        display: flex;
        justify-content: space-between;
        justify-content: center;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
@@ -318,7 +314,6 @@
    }

    main {
        border-top: 1px solid #f0f2f5;
        text-align: left;
        padding: 0 55px;
        .mainTitle {