File name
Commit message
Commit date
05-22
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="content-zone full-page">
<div class="content">
<div class="scroll">
<div open class="form-box">
<div class="form-box-title">
<p>기본정보</p>
<p><span>*</span>시스템 정책을 변경하면 전체 사용자가 로그아웃됩니다.</p>
</div>
<div class="form-content">
<div class="layout">
<label class="form-title">중복로그인 설정</label>
<div class="form-group">
<div class="check-area">
<div class="form-check">
<input type="radio" id="allowMultipleLoginY" class="mr5" value="Y" v-model="allowMultipleLogin"
@change="saveByLoginPolicy" />
<label for="allowMultipleLoginY">허용</label>
</div>
<div class="form-check">
<input type="radio" id="allowMultipleLoginN" class="mr5" value="N" v-model="allowMultipleLogin"
@change="saveByLoginPolicy" />
<label for="allowMultipleLoginN">비허용</label>
</div>
</div>
</div>
</div>
<div class="layout border-bottom">
<label class="form-title">로그인 방식 설정</label>
<div class="form-group">
<div class="check-area">
<div class="form-check">
<input type="radio" id="loginModeJ" class="mr5" value="J" v-model="lgnMode"
@change="saveByLoginMode" />
<label for="loginModeJ">JWT 방식</label>
</div>
<div class="form-check">
<input type="radio" id="loginModeS" class="mr5" value="S" v-model="lgnMode"
@change="saveByLoginMode" />
<label for="loginModeS">SESSION 방식</label>
</div>
</div>
</div>
</div>
<div class="layout">
<label class="form-title">스토리지 방식 설정</label>
<div class="form-group">
<div class="check-area">
<div class="form-check">
<input type="radio" id="storageModeL" class="mr5" value="L" v-model="strgMode"
@change="saveByStorageMode" />
<label for="storageModeL">LOCAL 방식</label>
</div>
<div class="form-check">
<input type="radio" id="storageModeS" class="mr5" value="S" v-model="strgMode"
@change="saveByStorageMode" />
<label for="storageModeS">SESSION 방식</label>
</div>
</div>
</div>
</div>
<div class="layout">
<label class="form-title">이메일 2차 인증 설정</label>
<div class="form-group">
<div class="check-area">
<div class="form-check">
<input type="radio" id="use2ndAuthY" class="mr5" value="Y" v-model="use2ndAuth"
@change="saveBy2ndAuth" />
<label for="use2ndAuthY">사용</label>
</div>
<div class="form-check">
<input type="radio" id="use2ndAuthN" class="mr5" value="N" v-model="use2ndAuth"
@change="saveBy2ndAuth" />
<label for="use2ndAuthN">미사용</label>
</div>
</div>
</div>
</div>
<div class="layout">
<label class="form-title">Context Path 설정</label>
<div class="form-group">
<div class="check-area">
<div class="form-check">
<input type="text" id="cntxtPth" class="form-control sm" v-model="cntxtPth" ref="cntxtPth" />
</div>
<button class="btn sm main" @click="saveByContextPath">저장</button>
</div>
<span class="ml10 gray">
<strong>/</strong> 또는 <strong>/경로</strong> 형식으로 입력하세요.
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import {
findAllByLoginPolicy,
saveByLoginPolicy,
findAllByLoginMode,
saveByLoginMode,
findAllBy2ndAuth,
saveBy2ndAuth,
findAllByStorageMode,
saveByStorageMode
} from '../../../../../resources/api/loginPolicy.js';
import { getCntxtPth, saveCntxtPth } from '../../../../../resources/api/cntxtPth';
import { cacheReSet } from "../../../../../resources/api/cacheReSet";
export default {
data() {
return {
allowMultipleLogin: null,
lgnMode: null,
previousLgnMode: null, // 이전 로그인 모드 저장
previousAllowMultipleLogin: null,
cntxtPth: '/', // context path 초기값
defaultCntxtPth: null, // 현재 설정된 Context Path
use2ndAuth: null, // 2차 인증 사용 여부
previousUse2ndAuth: null, // 이전 2차 인증 사용 여부 저장
strgMode: null, // 스토리지 방식
previousStrgMode: null, // 이전 스토리지 방식 저장
}
},
created() {
this.findAll();
this.findCntxtPth();
},
mounted() {
},
methods: {
async findAll() {
try {
const res1 = await findAllByLoginPolicy();
this.allowMultipleLogin = res1.data.data === true ? 'Y' : 'N';
this.previousAllowMultipleLogin = this.allowMultipleLogin;
const res2 = await findAllByLoginMode();
this.lgnMode = res2.data.data;
this.previousLgnMode = this.lgnMode; // 초기 상태를 저장
const res3 = await findAllBy2ndAuth();
this.use2ndAuth = res3.data.data === true ? 'Y' : 'N';
this.previousUse2ndAuth = this.use2ndAuth; // 초기 상태를 저장
const res4 = await findAllByStorageMode();
this.strgMode = res4.data.data;
this.previousStrgMode = this.strgMode; // 초기 상태를 저장
} catch (err) {
alert('설정 정보를 불러오는 데 실패했습니다.');
}
},
// 중복로그인 설정 저장
async saveByLoginPolicy() {
const confirmed = confirm(
'로그인 설정을 변경하면 전체 사용자가 로그아웃됩니다.\n계속하시겠습니까?'
);
if (!confirmed) {
this.allowMultipleLogin = this.previousAllowMultipleLogin;
return;
}
try {
const loginPolicy = {};
loginPolicy.mltLgnPrmYn = this.allowMultipleLogin;
await saveByLoginPolicy(loginPolicy);
await this.performGlobalLogout();
alert('중복 로그인 설정이 저장되었습니다.');
this.performCompleteCleanupAndRedirect();
} catch (err) {
alert('중복 로그인 설정 저장 실패: ' + (err.response?.data?.message || err.message));
this.allowMultipleLogin = this.previousAllowMultipleLogin;
}
},
// 로그인 방식 저장
async saveByLoginMode() {
const confirmed = confirm(
'로그인 방식을 변경하면 전체 사용자가 로그아웃됩니다.\n계속하시겠습니까?'
);
if (!confirmed) {
this.lgnMode = this.previousLgnMode;
return;
}
try {
const loginMode = {};
loginMode.lgnMth = this.lgnMode;
await saveByLoginMode(loginMode);
await this.performGlobalLogout();
alert('로그인 방식이 변경되었습니다.\n다시 로그인해주세요.');
this.performCompleteCleanupAndRedirect();
} catch (err) {
alert('로그인 방식 저장 실패: ' + (err.response?.data?.message || err.message));
this.lgnMode = this.previousLgnMode;
}
},
// 스토리지 방식 저장
async saveByStorageMode() {
const confirmed = confirm(
'스토리지 방식을 변경하면 전체 사용자가 로그아웃됩니다.\n계속하시겠습니까?'
);
if (!confirmed) {
this.strgMode = this.previousStrgMode;
return;
}
try {
const storageMode = {};
storageMode.strgMth = this.strgMode;
await saveByStorageMode(storageMode);
alert('스토리지 방식이 변경되었습니다.\n다시 로그인해주세요.');
this.$store.commit("setStoreReset");
window.location = this.$filters.ctxPath('/cmslogin.page');
} catch (error) {
const errorData = error.response.data;
if (errorData.message != null && errorData.message != "") {
alert(error.response.data.message);
} else {
alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
}
this.strgMode = this.previousStrgMode;
}
},
// Context Path 저장
async saveByContextPath() {
if (!this.validation()) {
return;
}
const isCheck = confirm("Context Path를 변경하면 로그아웃됩니다.\n계속하시겠습니까?");
// const isCheck = confirm("Context Path를 변경하시겠습니까?");
if (isCheck) {
try {
let ctx = { path: this.cntxtPth };
const res = await saveCntxtPth(ctx);
alert(res.data.message);
if (res.status == 200) {
let storeCtx = this.cntxtPth;
if (storeCtx == '/') {
storeCtx = '';
}
this.$store.commit("setContextPath", storeCtx); // 캐시 초기화 요청을 보내기 위한 Context Path 정보 저장
await this.$store.dispatch("logout");
/* const cacheRes = await cacheReSet(); // 캐시 초기화
if (cacheRes.status !== 200) {
alert(cacheRes.data.message);
}
this.$store.commit("setStoreReset"); // 캐시 초기화 후 Store 초기화
this.$store.commit("setContextPath", storeCtx); // 라우터 Context Path 정보 저장
window.location.href = `${storeCtx}/login.page`;
// window.location.href = `${storeCtx}/adm/main.page`; */
} else {
alert(res.data.message);
}
} catch (error) {
const errorData = error.response.data;
if (errorData.message != null && errorData.message != "") {
alert(error.response.data.message);
} else {
alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
}
}
}
},
// 2차 인증 설정 저장
async saveBy2ndAuth() {
const confirmed = confirm(
'2차 인증 설정을 변경하면 전체 사용자가 로그아웃됩니다.\n계속하시겠습니까?'
);
if (!confirmed) {
this.use2ndAuth = this.previousUse2ndAuth;
return;
}
try {
const email2ndAuth = {};
email2ndAuth.useYn = this.use2ndAuth;
await saveBy2ndAuth(email2ndAuth);
alert('이메일 2차 인증 설정이 저장되었습니다.');
// this.$store.commit("setStoreReset");
// window.location = this.$filters.ctxPath('/cmslogin.page');
} catch (error) {
const errorData = error.response.data;
if (errorData.message != null && errorData.message != "") {
alert(error.response.data.message);
} else {
alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
}
}
},
// 최신 Context Path 조회
async findCntxtPth() {
try {
const res = await getCntxtPth();
if (res.status == 200) {
this.cntxtPth = res.data.data;
this.defaultCntxtPth = res.data.data;
}
} catch (error) {
const errorData = error.response?.data;
if (errorData?.message != null && errorData?.message != "") {
alert(error.response.data.message);
} else {
alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
}
}
},
// 유효성 검사
validation() {
const regex = /^\/[a-zA-Z0-9\-_]*$/;
if (this.cntxtPth == null || this.cntxtPth == "") {
alert("Context Path를 입력해주세요.");
this.$refs.cntxtPth.focus();
return false;
}
if (this.cntxtPth.length > 50) {
alert("Context Path는 50자 이내로 입력해주세요.");
this.$refs.cntxtPth.focus();
return false;
}
if (this.cntxtPth == this.defaultCntxtPth) {
alert("변경된 내용이 없습니다.");
this.$refs.cntxtPth.focus();
return false;
}
if (!regex.test(this.cntxtPth)) {
alert("Context Path는 '/'로 시작해야 하며, 알파벳, 숫자, '-' 또는 '_'만 포함할 수 있습니다.");
this.$refs.cntxtPth.focus();
return false;
}
return true;
},
// 전체 사용자 로그아웃 API 호출
async performGlobalLogout() {
try {
await fetch('/mbr/logoutAll.json', {
method: 'POST',
credentials: 'include',
headers: {
'Content-Type': 'application/json'
}
});
} catch (error) {
console.warn('전체 로그아웃 API 호출 실패:', error);
}
},
async performCompleteCleanupAndRedirect(contextPath = null) {
try {
this.$store.commit("setStoreReset");
localStorage.clear();
sessionStorage.clear();
const targetPath = contextPath !== null ?
`${contextPath}/cmslogin.page` :
this.$filters.ctxPath('/cmslogin.page');
window.location.href = targetPath;
} catch (error) {
console.error('정리 중 오류:', error);
window.location.reload();
}
},
}
}
</script>