From f7feef4a4ecedbb9885a3403150f438965accb4f Mon Sep 17 00:00:00 2001 From: ColorWhiteDeveloper <2632970487@qq.com> Date: 星期二, 20 九月 2022 10:12:33 +0800 Subject: [PATCH] 查看用户信息,修改用户部门 --- src/views/systemSetting/baseSetting/user/updateUser/index.vue | 63 ++++++++++++++----------------- 1 files changed, 29 insertions(+), 34 deletions(-) diff --git a/src/views/systemSetting/baseSetting/user/updateUser/index.vue b/src/views/systemSetting/baseSetting/user/updateUser/index.vue index 72f9605..37f46b2 100644 --- a/src/views/systemSetting/baseSetting/user/updateUser/index.vue +++ b/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="濉啓鎵�灞瀒p鍦板潃:" prop="ip"> <el-input v-model="user.ip" placeholder="璇峰~鍐欐墍灞瀒p鍦板潃"></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 { -- Gitblit v1.8.0