File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="user-wrap">
<div class="content-box">
<div class="title-wrap">
<div class="flex-start">
<img src="../../../../resources/jpg/user-icon.png" alt="회원관리 아이콘" class="title-icon">
<h2 class="main-title">회원관리</h2>
</div>
</div>
<div class="content-wrap">
<div class="user grid" v-show="user.user_id != null">
<div>
<p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
<input type="text" v-model="user.user_id" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
<button class="gray-btn" @click="openModal">비밀번호 변경</button>
</div>
<div>
<p class="label-title"><i class="fa-solid fa-check-double"></i> 회원구분</p>
<input type="text" v-model="user.user_auth" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
<input type="text" v-model="user.user_nm" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
<input type="text" v-model="user.user_eml" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
<input type="text" v-model="user.user_reg_dt" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-envelope"></i> 승인 날짜</p>
<input type="text" v-model="user.approval_dt" disabled />
</div>
</div>
<div class="admin grid" v-show="admin.mngr_id != null">
<div>
<p class="label-title"><i class="fa-solid fa-user-group"></i> 아이디</p>
<input type="text" v-model="admin.mngr_id" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-user-group"></i> 비밀번호</p>
<button class="gray-btn" @click="openModal">비밀번호 변경</button>
</div>
<div>
<p class="label-title"><i class="fa-solid fa-heart"></i> 이름</p>
<input type="text" v-model="admin.mngr_nm" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-envelope"></i> 이메일</p>
<input type="text" v-model="admin.mngr_eml" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-envelope"></i> 등록자</p>
<input type="text" v-model="admin.rgtr_id" disabled />
</div>
<div>
<p class="label-title"><i class="fa-solid fa-envelope"></i> 가입 날짜</p>
<input type="text" v-model="admin.reg_dt" disabled />
</div>
</div>
<div class="btn-wrap">
<button class="dark-gray-btn" @click="adminSelectListPage()">목록</button>
</div>
</div>
</div>
</div>
<div v-show="showpwchange" class="pwchange2">
<div class="pwchange-div">
<p>비밀번호 변경하기</p>
<div>
<ul>
<li>
<span>현재 비밀번호</span>
<input type="password" v-model="presentPwd">
</li>
<li>
<span>변경할 비밀번호</span>
<input type="password" v-model="changePwd">
</li>
<li>
<span>비밀번호 확인</span>
<input type="password" v-model="changePwdCheck">
</li>
</ul>
</div>
<div class="btn-wrap">
<button @click="closeModal" class="dark-gray-btn">이전</button>
<button @click="checkPwd" class="blue-btn">변경하기</button>
</div>
</div>
</div>
</template>
<script>
import axios from 'axios';
import { useRoute } from 'vue-router';
export default {
data() {
return {
user: {
approval_dt: null,
approval_mngr_id: null,
company_id: null,
create_account_approval: null,
use_yn: null,
user_auth: null,
user_eml: null,
user_id: null,
user_nm: null,
user_pw: null,
user_reg_dt: null,
},
admin: {
mdfcn_dt: null,
mdfr_id: null,
mngr_eml: null,
mngr_id: null,
mngr_nm: null,
reg_dt: null,
rgtr_id: null,
},
route: useRoute(),
showpwchange: false,
};
},
methods: {
openModal() {
this.showpwchange = true;
},
closeModal() {
this.showpwchange = false;
},
userSelectOne: function () {
const vm = this;
axios({
url: '/user/userSelectOne.json',
method: 'post',
headers: {
'Content-Type': "application/json; charset=UTF-8",
},
data: { 'user_id': vm.route.query.user_id }
}).then(function (response) {
console.log("response-", response.data);
vm.user = response.data
}).catch(function (error) {
console.log("error - ", error)
alert("사용자 상세보기 오류, 관리자에게 문의하세요.");
})
},
adminSelectOne: function () {
const vm = this;
axios({
url: '/managerSelectOne.json',
method: 'post',
headers: {
'Content-Type': "application/json; charset=UTF-8",
},
data: { 'mngr_id': vm.route.query.mngr_id }
}).then(function (response) {
console.log("response-", response.data);
vm.admin = response.data
}).catch(function (error) {
console.log("error - ", error)
alert("관리자 상세보기 오류, 관리자에게 문의하세요.");
})
},
//리스트 페이지로 이동
adminSelectListPage: function () {
this.$router.push({ path: '/adm/userSelectList.page', query: {} });
},
},
watch: {},
computed: {},
components: {},
mounted() {
if (this.route.query.user_id) {
this.userSelectOne();
} else if (this.route.query.mngr_id) {
this.adminSelectOne();
}
},
};
</script>
<style scoped></style>