mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-26 00:34:01 +00:00
ログインロジック wip
This commit is contained in:
parent
d3c424a259
commit
6fbdc9ee54
|
@ -7,15 +7,8 @@
|
||||||
|
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<q-form @submit.prevent="login">
|
<q-form @submit.prevent="login">
|
||||||
<q-input
|
<q-input v-model="loginCode" type="text" label="ログインコード" mask="########" fill-mask
|
||||||
v-model="loginCode"
|
:rules="[val => val.length === 8 || 'ログインコードは8桁の数字です']" outlined />
|
||||||
type="text"
|
|
||||||
label="ログインコード"
|
|
||||||
mask="####-####"
|
|
||||||
fill-mask
|
|
||||||
:rules="[val => val.length === 9 || 'ログインコードは8桁の数字です']"
|
|
||||||
outlined
|
|
||||||
/>
|
|
||||||
<q-btn type="submit" label="ログイン" color="primary" class="q-mt-md" :disable="!canLogin" />
|
<q-btn type="submit" label="ログイン" color="primary" class="q-mt-md" :disable="!canLogin" />
|
||||||
</q-form>
|
</q-form>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
@ -25,14 +18,26 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, computed } from 'vue';
|
import { ref, computed } from 'vue';
|
||||||
|
import useStore from 'src/store';
|
||||||
|
import { loginWithCode } from 'src/api/apiService';
|
||||||
|
|
||||||
const loginCode = ref('');
|
const loginCode = ref('');
|
||||||
|
|
||||||
const canLogin = computed(() => loginCode.value.length === 9);
|
const canLogin = computed(() => loginCode.value.length === 8);
|
||||||
|
|
||||||
|
const store = useStore();
|
||||||
|
|
||||||
const login = () => {
|
const login = () => {
|
||||||
if (canLogin.value) {
|
if (canLogin.value) {
|
||||||
alert('Login successful!');
|
loginWithCode(loginCode.value).then((response) => {
|
||||||
|
if (response.error) {
|
||||||
|
alert('ログインエラー: ' + response.error);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
store.commit('setToken', response.token);
|
||||||
|
}).catch((error) => {
|
||||||
|
alert('ログインエラー: ' + error);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user