From c1e14a5b3e91f92c2ee40bcf0c880fa5dfd09e4d Mon Sep 17 00:00:00 2001 From: ColorWhiteDeveloper <2632970487@qq.com> Date: 星期一, 19 九月 2022 16:34:36 +0800 Subject: [PATCH] 新增新建用户,修改用户状态 --- src/views/systemSetting/baseSetting/user/createUser/index.vue | 164 +++++++++++++++++++++++++++++++----------------------- 1 files changed, 93 insertions(+), 71 deletions(-) diff --git a/src/views/systemSetting/baseSetting/user/createUser/index.vue b/src/views/systemSetting/baseSetting/user/createUser/index.vue index ff39f08..872c556 100644 --- a/src/views/systemSetting/baseSetting/user/createUser/index.vue +++ b/src/views/systemSetting/baseSetting/user/createUser/index.vue @@ -13,76 +13,75 @@ <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules" label-position="right"> <!-- 鐢ㄦ埛鍚嶇О --> - <el-form-item class="optionItem" label="鐢ㄦ埛鍚嶇О:" prop="nick_name"> - <el-input v-model="user.nick_name" placeholder="濉啓鐢ㄦ埛鍚嶇О"></el-input> + <el-form-item class="optionItem" label="鐢ㄦ埛鍚嶇О:" prop="nickName"> + <el-input v-model="user.nickName" placeholder="濉啓鐢ㄦ埛鍚嶇О"></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-form-item> <!-- 鎵�灞炵敤鎴峰鍚� --> - <el-form-item class="optionItem" label="鎵�灞炵敤鎴峰鍚�:" prop="true_name"> - <el-input v-model="user.true_name" placeholder="璇峰~鍐欑敤鎴峰鍚�"></el-input> + <el-form-item class="optionItem" label="鎵�灞炵敤鎴峰鍚�:" prop="username"> + <el-input v-model="user.username" placeholder="璇峰~鍐欑敤鎴峰鍚�"></el-input> </el-form-item> <!-- 鎬у埆 --> - <el-form-item class="optionItem" label="鎬у埆:" prop="gender"> + <!-- <el-form-item class="optionItem" label="鎬у埆:" prop="gender"> <el-radio-group v-model="user.gender"> <el-radio :label="1">鐢�</el-radio> <el-radio :label="2">濂�</el-radio> </el-radio-group> - </el-form-item> + </el-form-item> --> <!-- 鏄惁鍏氬憳 --> - <el-form-item class="optionItem" label="鏄惁鍏氬憳:" prop="member"> - <el-radio-group v-model="user.member"> + <el-form-item class="optionItem" label="鏄惁鍏氬憳:" prop="isDy"> + <el-radio-group v-model="user.isDy"> <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="phone"> - <el-input v-model="user.phone" placeholder="璇峰~鍐欐墜鏈哄彿鐮�"></el-input> + <el-form-item class="optionItem" label="鎵�灞炴墜鏈哄彿鐮�:" prop="mobile"> + <el-input v-model="user.mobile" placeholder="璇峰~鍐欐墜鏈哄彿鐮�"></el-input> </el-form-item> <!-- 閭鍦板潃 --> - <el-form-item class="optionItem" label="閭鍦板潃:" prop="mail"> - <el-input v-model="user.mail" placeholder="璇峰~鍐欓偖绠卞湴鍧�"></el-input> + <el-form-item class="optionItem" label="閭鍦板潃:" prop="email"> + <el-input v-model="user.email" placeholder="璇峰~鍐欓偖绠卞湴鍧�"></el-input> </el-form-item> <!-- 閫夋嫨瑙掕壊 --> - <el-form-item class="optionItem" label="閫夋嫨瑙掕壊:" prop="role"> + <!-- <el-form-item class="optionItem" label="閫夋嫨瑙掕壊:" prop="role"> <el-select v-model="user.role" placeholder="璇烽�夋嫨鎵�灞炶鑹�"> <el-option v-for="item in roleList" :key="item.name" :label="item.name" :value="item.value" :disabled="item.disabled"> </el-option> </el-select> - </el-form-item> + </el-form-item> --> <!-- 鐢ㄦ埛绫诲瀷 --> - <el-form-item class="optionItem" label="鐢ㄦ埛绫诲瀷:" prop="type"> - <el-select v-model="user.type" placeholder="璇烽�夋嫨鐢ㄦ埛绫诲瀷"> + <el-form-item class="optionItem" label="鐢ㄦ埛绫诲瀷:" prop="userType"> + <el-select v-model="user.userType" placeholder="璇烽�夋嫨鐢ㄦ埛绫诲瀷"> <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value" :disabled="item.disabled"> </el-option> </el-select> </el-form-item> <!-- 搴ф満/鍒嗘満 --> - <el-form-item class="optionItem" label="搴ф満/鍒嗘満:" prop="telPhone"> + <el-form-item class="optionItem" label="搴ф満/鍒嗘満:" prop="zj"> <div class="optionHandleSp"> - <el-input class="areaNumber" v-model="user.telPhone.areaNumber" placeholder="鐢佃瘽鍖哄彿"> + <el-input class="areaNumber" v-model="user.zj.areaNumber" placeholder="鐢佃瘽鍖哄彿"> </el-input> - <el-input class="telNumber" v-model="user.telPhone.phoneNumber" placeholder="鐢佃瘽鍙风爜"> + <el-input class="telNumber" v-model="user.zj.phoneNumber" placeholder="鐢佃瘽鍙风爜"> </el-input> - <el-input class="moreNumber" v-model="user.telPhone.moreNumber" placeholder="鍒嗘満鍙风爜"> + <el-input class="moreNumber" v-model="user.zj.moreNumber" placeholder="鍒嗘満鍙风爜"> </el-input> </div> </el-form-item> <!-- 鎵�灞為儴闂� --> - <el-form-item class="optionItem" label="鎵�灞為儴闂�:" prop="department"> - <el-select v-model="user.department" placeholder="璇烽�夋嫨鎵�灞為儴闂�"> - <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value" - :disabled="item.disabled"> + <el-form-item class="optionItem" label="鎵�灞為儴闂�:" prop="departmentId"> + <el-select v-model="user.departmentId" placeholder="璇烽�夋嫨鎵�灞為儴闂�"> + <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="work"> + <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"> @@ -90,15 +89,15 @@ </el-select> </el-form-item> <!-- 濉啓鎵�灞瀖ac鍦板潃 --> - <el-form-item class="optionItem" label="濉啓鎵�灞瀖ac鍦板潃:" prop="mac"> + <!-- <el-form-item class="optionItem" label="濉啓鎵�灞瀖ac鍦板潃:" prop="mac"> <el-input v-model="user.mac" placeholder="璇峰~鍐欐墍灞瀖ac鍦板潃"></el-input> - </el-form-item> + </el-form-item> --> <!-- 濉啓鎵�灞瀒p鍦板潃 --> - <el-form-item class="optionItem" label="濉啓鎵�灞瀒p鍦板潃:" prop="ip"> + <!-- <el-form-item class="optionItem" label="濉啓鎵�灞瀒p鍦板潃:" prop="ip"> <el-input v-model="user.ip" placeholder="璇峰~鍐欐墍灞瀒p鍦板潃"></el-input> - </el-form-item> + </el-form-item> --> <el-form-item class="optionBtn"> - <el-button type="primary" class="btn submit" @click="handleUser">鎻愪氦</el-button> + <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦</el-button> <el-button class="btn reset">閲嶇疆</el-button> </el-form-item> </el-form> @@ -197,87 +196,110 @@ }; return { user: { - nick_name: '', + nickName: '', password: '', - true_name: '', - gender: 1, - member: 1, - phone: '', - mail: '', - role: null, - type: null, - telPhone: { + username: '', + // gender: 1, + isDy: 0, + mobile: '', + email: '', + // role: null, + userType: null, + zj: { areaNumber: '', phoneNumber: "", moreNumber: "", }, - department: null, - work: null, - mac: '', - ip: '', + departmentId: null, + jobTitle: null, + // mac: '', + // ip: '', }, createUserRules: { - nick_name: [ + nickName: [ { required: true, trigger: "blur", validator: validateNickname }, ], password: [ { required: true, trigger: "blur", validator: validatePass }, ], - true_name: [ + username: [ { required: true, trigger: "blur", validator: validateTruename }, ], - gender: [ + // gender: [ + // { required: true, trigger: "blur" }, + // ], + isDy: [ { required: true, trigger: "blur" }, ], - member: [ - { required: true, trigger: "blur" }, - ], - phone: [ + mobile: [ { required: true, trigger: "blur", validator: validatePhone }, ], - mail: [ + email: [ { required: false, trigger: "blur", validator: validateMail }, ], - role: [ - { required: true, trigger: "blur", validator: validateRole }, - ], - type: [ + // role: [ + // { required: true, trigger: "blur", validator: validateRole }, + // ], + userType: [ { required: true, trigger: "blur", validator: validateType }, ], - telPhone: [ + zj: [ { required: false, trigger: "blur" }, ], - department: [ + departmentId: [ { required: true, trigger: "blur", validator: validateDepartment }, ], - work: [ + jobTitle: [ { required: true, trigger: "blur", validator: validateWork }, ], - mac: [ - { required: false, trigger: "blur", validator: validateMac }, - ], - ip: [ - { required: false, trigger: "blur", validator: validateIp }, - ], + // mac: [ + // { required: false, trigger: "blur", validator: validateMac }, + // ], + // ip: [ + // { required: false, trigger: "blur", validator: validateIp }, + // ], }, roleList: [ { name: '瑙掕壊1', value: 1 }, { name: '瑙掕壊2', value: 2 } ], - typeList: [ - { name: '绫诲瀷1', value: 1 }, { name: '绫诲瀷2', value: 2 } - ] + typeList: [] } }, created() { - this.$axios.get("sccg/role/listAll").then(res=>{ - console.log(res); - }); + const that = this ; + // 鑾峰彇瑙掕壊鍒楄〃 + // this.$axios.get('') + // 鑾峰彇鐢ㄦ埛绫诲瀷鍒楄〃 + // this.$axios.get('sccg/admin/list',{userType:0}).then(res=>{ + // console.log(res); + // }) + // 鑾峰彇鍏ㄩ儴閮ㄩ棬鍒楄〃 + this.$axios.get('sccg/depart/page').then(res=>{ + that.typeList = res.data.records; + }) }, methods: { handleUser() { - console.log(this.user); + const {user} = this; + console.log(user); + this.$axios.post('sccg/admin/register',{ + departmentId:user.departmentId, + email:user.email, + jsDy:user.isDy, + jobTitle:user.jobTitle, + mobile:user.mobile, + nickName:user.nickName, + password:user.password, + userType:user.userType, + username:user.username, + }).then(res=>{ + if(res.code === 200){ + this.refresh(); + } + }) } }, + props:['refresh'] } </script> <style lang="scss" scpoed> -- Gitblit v1.8.0