修改用户管理和角色管理部分问题

“dzb”

2022-09-27 80e0b9da4d4da98452f8930b148750763d85f090

 src/views/systemSetting/baseSetting/user/components/createUser/index.vue

@@ -4,10 +4,10 @@
            <div class="mainContent">
                <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.nickName" placeholder="填写用户名称"></el-input>
                    </el-form-item>
                    </el-form-item> -->
                    <!-- 用户密码 -->
                    <el-form-item class="optionItems" label="用户密码:" prop="password">
                        <el-input v-model="user.password" type="password" placeholder="请输入用户密码"></el-input>
@@ -89,7 +89,7 @@
                        <div class="optionBtn">
                            <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">提交
                            </el-button>
                            <el-button class="btn reset">重置</el-button>
                            <el-button class="btn reset" @click.native.prevent="resetForm">重置</el-button>
                        </div>
                    </el-form-item>
                </el-form>
@@ -101,13 +101,13 @@
<script>
export default {
    data() {
        const validateNickname = (rule, value, callback) => {
            if (!value) {
                callback(new Error("用户名称不能为空"));
            }else{
                callback();
            }
        };
        // const validateNickname = (rule, value, callback) => {
        //     if (!value) {
        //         callback(new Error("用户名称不能为空"));
        //     }else{
        //         callback();
        //     }
        // };
        const validatePass = (rule, value, callback) => {
            if (!value) {
                callback(new Error("用户密码不能为空"));
@@ -195,7 +195,7 @@
        // };
        return {
            user: {
                nickName: '',
                // nickName: '',
                password: '',
                username: '',
                gender: 1,
@@ -215,9 +215,9 @@
                ip: '',
            },
            createUserRules: {
                nickName: [
                    { required: true, trigger: "blur", validator: validateNickname },
                ],
                // nickName: [
                //     { required: true, trigger: "blur", validator: validateNickname },
                // ],
                password: [
                    { required: true, trigger: "blur", validator: validatePass },
                ],
@@ -277,6 +277,7 @@
        })
    },
    methods: {
        // 提交注册
        handleUser() {
            this.$refs['user'].validate((valid) => {
                console.log(valid);
@@ -296,7 +297,16 @@
                    }).then(res => {
                        if (res.code === 200) {
                            console.log(1);
                            this.$message({
                                type:'success',
                                message:res.code,
                            })
                            this.$emit('sendDialog', { flag: false });
                        }else if(res.code === 500 && res.message === "操作失败"){
                            this.$message({
                                type:'warning',
                                message:'该用户已注册'
                            })
                        }
                    })
                }else{
@@ -313,6 +323,10 @@
                .then(res => {
                    this.roleList = res.data;
                })
        },
        // 重置表单
        resetForm(){
            this.$refs['user'].resetFields();
        }
    },
    props: ['sendDialog']