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
File name
Commit message
Commit date
<template>
<div class="content admin-style">
<div class="admin-page-title point-font2 mb30">
<p>로그인 정책 설정</p>
</div>
<details open class="form-table-style mb30">
<summary class="point-font2">
<p class="summary-style pl10">로그인 정책</p>
</summary>
<div class="pt10 pb10">
<table class="form-table">
<colgroup>
<col width="50%" />
<col width="50%" />
</colgroup>
<tr>
<td>
<div class="gd-12 pl0">
<label for="" class="form-title point-font2 mb10">중복로그인 설정</label>
<label>
<input type="checkbox" v-model="allowMultipleLogin" @change="saveByLoginPolicy" />
</label>
<p>{{ allowMultipleLogin ? '중복 로그인을 허용하고 있습니다.' : '중복 로그인을 허용하지 않습니다.' }}</p>
<p style="color: red;"> ※ 로그인 방식을 변경하면 전체 사용자가 로그아웃됩니다.</p>
</div>
</td>
<td>
<div class="gd-12 pl0">
<label for="" class="form-title point-font2 ">로그인 방식 설정</label>
<div class="gd-4">
<input type="radio" class="mr5" value="J" v-model="lgnMode" @change="saveByLoginMode" />
<label>JWT 방식</label>
</div>
<div class="gd-4">
<input type="radio" class="mr5" value="S" v-model="lgnMode" @change="saveByLoginMode" />
<label>SESSION 방식</label>
</div>
<span class="ml10 gray">
현재 로그인 방식은 <strong>{{ loginModeLabel }}</strong> 입니다.
</span>
</div>
</td>
</tr>
</table>
</div>
</details>
</div>
</template>
<script>
import { findAllByLoginPolicy, saveByLoginPolicy, findAllByLoginMode, saveByLoginMode } from '../../../../../resources/api/loginPolicy'
export default {
data() {
return {
allowMultipleLogin: null,
lgnMode : null
}
},
created() {
this.findAll();
},
mounted() {
},
computed: {
loginModeLabel() {
return this.loginMode === 'J' ? 'JWT' : 'SESSION';
}
},
methods: {
async findAll() {
try {
const res1 = await findAllByLoginPolicy();
this.allowMultipleLogin = res1.data.data;
const res2 = await findAllByLoginMode();
this.lgnMode = res2.data.data;
} catch (err) {
alert('설정 정보를 불러오는 데 실패했습니다.');
}
},
async saveByLoginPolicy() {
try {
const loginPolicy = {};
loginPolicy.allowMultipleLogin = this.allowMultipleLogin ? "Y" : "N";
// await saveByLoginPolicy(loginPolicy);
alert('중복 로그인 설정이 저장되었습니다.');
} catch (err) {
alert('중복 로그인 설정 저장 실패');
}
},
async saveByLoginMode() {
const confirmed = confirm(
'로그인 방식을 변경하면 전체 사용자가 로그아웃됩니다.\n계속하시겠습니까?'
);
if (!confirmed) return;
try {
const loginMode = {};
loginMode.lgnMode = this.lgnMode;
// await saveByLoginMode(loginMode);
alert('로그인 방식이 변경되었습니다.\n다시 로그인해주세요.');
store.commit("setStoreReset");
window.location = '/login.page';
return Promise.reject(refreshError);
} catch (err) {
alert('로그인 방식 저장 실패', err);
}
}
}
}
</script>