mirror of
https://git.hmsn.ink/kospo/svcm/dmz.git
synced 2026-03-20 03:52:24 +09:00
전체 사이즈 zoom 1.4 회원가입 로직 개선
This commit is contained in:
@@ -113,7 +113,7 @@ watch(params, (newValue) => {
|
||||
title="견적 등록"
|
||||
actions="center"
|
||||
cancel-label="취소"
|
||||
size="wide-large"
|
||||
size="full"
|
||||
@close="saveModal = false"
|
||||
>
|
||||
<template #content>
|
||||
@@ -140,7 +140,7 @@ watch(params, (newValue) => {
|
||||
title="견적 확인"
|
||||
actions="center"
|
||||
cancel-label="취소"
|
||||
size="wide-large"
|
||||
size="full"
|
||||
@close="viewModal = false"
|
||||
>
|
||||
<template #content>
|
||||
@@ -162,4 +162,7 @@ watch(params, (newValue) => {
|
||||
text-align:center !important;
|
||||
}
|
||||
|
||||
.modal-card-body {
|
||||
height: 50vh;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -113,7 +113,7 @@ watch(params, (newValue) => {
|
||||
title="견적 수정"
|
||||
actions="center"
|
||||
cancel-label="취소"
|
||||
size="wide-large"
|
||||
size="full"
|
||||
@close="updateModal = false"
|
||||
>
|
||||
<template #content>
|
||||
@@ -140,7 +140,7 @@ watch(params, (newValue) => {
|
||||
title="견적 상세보기"
|
||||
actions="center"
|
||||
cancel-label="취소"
|
||||
size="wide-large"
|
||||
size="full"
|
||||
@close="viewModal = false"
|
||||
>
|
||||
<template #content>
|
||||
@@ -159,5 +159,7 @@ watch(params, (newValue) => {
|
||||
.text-center {
|
||||
text-align:center !important;
|
||||
}
|
||||
|
||||
.modal-card-body {
|
||||
height: 50vh;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -312,8 +312,12 @@ useHead({
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
:root {
|
||||
zoom: 1.2 !important;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.checkbox-wrap {
|
||||
.is-horizontal {
|
||||
justify-content: end;
|
||||
|
||||
@@ -38,7 +38,7 @@ const handleSignup = async () => {
|
||||
notyf.dismissAll()
|
||||
if (!registerForm.value.prv) {
|
||||
notyf.error('약관에 동의해 주세요.')
|
||||
step.value = 2
|
||||
step.value = 1
|
||||
isLoading.value = false
|
||||
return
|
||||
}
|
||||
@@ -51,21 +51,21 @@ const handleSignup = async () => {
|
||||
if (!regex.email.test(registerForm.value.email)) {
|
||||
notyf.error('이메일이 정상적이지 않습니다. 다시 입력해주세요.')
|
||||
registerValid.value.email = false
|
||||
step.value = 1
|
||||
step.value = 0
|
||||
submit = false
|
||||
}
|
||||
if (registerForm.value.pwd !== registerForm.value.rePwd) {
|
||||
notyf.error('비밀번호가 일치 하지 않습니다..')
|
||||
registerValid.value.pwd = false
|
||||
registerValid.value.rePwd = false
|
||||
step.value = 1
|
||||
step.value = 0
|
||||
submit = false
|
||||
}
|
||||
if (!regex.password.test(registerForm.value.pwd)) {
|
||||
notyf.error('비밀번호는 영문 숫자 특수기호 조합 8자리이상 으로 입력해주세요.')
|
||||
registerValid.value.pwd = false
|
||||
registerValid.value.rePwd = false
|
||||
step.value = 1
|
||||
step.value = 0
|
||||
submit = false
|
||||
}
|
||||
if (submit) {
|
||||
@@ -116,27 +116,28 @@ useHead({
|
||||
<div class="signup-wrapper">
|
||||
<div
|
||||
class="signup-steps"
|
||||
:class="[step === 0 && 'is-hidden']"
|
||||
>
|
||||
<div class="steps-container">
|
||||
<div
|
||||
class="step-icon is-active"
|
||||
:class="[step >= 1 && 'is-active', step < 1 && 'is-inactive']"
|
||||
:class="[step >= 0 && 'is-active', step < 0 && 'is-inactive']"
|
||||
>
|
||||
<div class="inner">
|
||||
<VIcon
|
||||
icon="lucide:user"
|
||||
@click="step = 0"
|
||||
/>
|
||||
</div>
|
||||
<span class="step-label">사용자 정보</span>
|
||||
</div>
|
||||
<div
|
||||
class="step-icon"
|
||||
:class="[step >= 2 && 'is-active', step < 2 && 'is-inactive']"
|
||||
:class="[step >= 1 && 'is-active', step < 1 && 'is-inactive']"
|
||||
>
|
||||
<div class="inner">
|
||||
<VIcon
|
||||
icon="lucide:shield"
|
||||
@click="step = 1"
|
||||
/>
|
||||
</div>
|
||||
<span class="step-label">개인정보 동의서</span>
|
||||
@@ -173,107 +174,107 @@ useHead({
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<!-- Step 1 -->
|
||||
<div
|
||||
class="columns signup-columns"
|
||||
:class="[step !== 0 && 'is-hidden']"
|
||||
>
|
||||
<div class="column is-4">
|
||||
<h1 class="title is-3 signup-title">
|
||||
소액 계약관리 플랫폼
|
||||
</h1>
|
||||
<h2 class="subtitle signup-subtitle">
|
||||
남부발전 계약관리 시스템
|
||||
</h2>
|
||||
<div class="signup-card">
|
||||
<form
|
||||
method="post"
|
||||
novalidate
|
||||
class="signup-form is-mobile-spaced"
|
||||
@submit.prevent=""
|
||||
>
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-12">
|
||||
<VField>
|
||||
<VControl :class="[!registerValid.bizNo && 'valid-err']">
|
||||
<VIMaskInput
|
||||
class="input v-input"
|
||||
mask="000-00-00000"
|
||||
:model-value="registerForm.bizNo"
|
||||
:options="rules.bizNo"
|
||||
placeholder="111-11-11111"
|
||||
autocomplete="username"
|
||||
@complete="onBizNoComplete"
|
||||
/>
|
||||
<VLabel
|
||||
raw
|
||||
class="auth-label"
|
||||
>
|
||||
사업자번호
|
||||
</VLabel>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-12">
|
||||
<VField>
|
||||
<VControl>
|
||||
<VInput
|
||||
v-model="registerForm.compNm"
|
||||
type="text"
|
||||
autocomplete="family-name"
|
||||
/>
|
||||
<VLabel
|
||||
raw
|
||||
class="auth-label"
|
||||
>
|
||||
업체명
|
||||
</VLabel>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-12">
|
||||
<VField>
|
||||
<VControl>
|
||||
<VInput
|
||||
v-model="registerForm.repNm"
|
||||
type="text"
|
||||
autocomplete="family-name"
|
||||
/>
|
||||
<VLabel
|
||||
raw
|
||||
class="auth-label"
|
||||
>
|
||||
대표자명
|
||||
</VLabel>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-wrap has-help">
|
||||
<VButton
|
||||
color="primary"
|
||||
size="big"
|
||||
bold
|
||||
fullwidth
|
||||
rounded
|
||||
@click="step++"
|
||||
>
|
||||
가입
|
||||
</VButton>
|
||||
<span>
|
||||
또는
|
||||
<RouterLink to="/auth/login"> 로그인 </RouterLink>
|
||||
을 하세요.
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div-->
|
||||
<!-- class="columns signup-columns"-->
|
||||
<!-- :class="[step !== 0 && 'is-hidden']"-->
|
||||
<!-- >-->
|
||||
<!-- <div class="column is-4">-->
|
||||
<!-- <h1 class="title is-3 signup-title">-->
|
||||
<!-- 소액 계약관리 플랫폼-->
|
||||
<!-- </h1>-->
|
||||
<!-- <h2 class="subtitle signup-subtitle">-->
|
||||
<!-- 남부발전 계약관리 시스템-->
|
||||
<!-- </h2>-->
|
||||
<!-- <div class="signup-card">-->
|
||||
<!-- <form-->
|
||||
<!-- method="post"-->
|
||||
<!-- novalidate-->
|
||||
<!-- class="signup-form is-mobile-spaced"-->
|
||||
<!-- @submit.prevent=""-->
|
||||
<!-- >-->
|
||||
<!-- <div class="columns is-multiline">-->
|
||||
<!-- <div class="column is-12">-->
|
||||
<!-- <VField>-->
|
||||
<!-- <VControl :class="[!registerValid.bizNo && 'valid-err']">-->
|
||||
<!-- <VIMaskInput-->
|
||||
<!-- class="input v-input"-->
|
||||
<!-- mask="000-00-00000"-->
|
||||
<!-- :model-value="registerForm.bizNo"-->
|
||||
<!-- :options="rules.bizNo"-->
|
||||
<!-- placeholder="111-11-11111"-->
|
||||
<!-- autocomplete="username"-->
|
||||
<!-- @complete="onBizNoComplete"-->
|
||||
<!-- />-->
|
||||
<!-- <VLabel-->
|
||||
<!-- raw-->
|
||||
<!-- class="auth-label"-->
|
||||
<!-- >-->
|
||||
<!-- 사업자번호-->
|
||||
<!-- </VLabel>-->
|
||||
<!-- </VControl>-->
|
||||
<!-- </VField>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="column is-12">-->
|
||||
<!-- <VField>-->
|
||||
<!-- <VControl>-->
|
||||
<!-- <VInput-->
|
||||
<!-- v-model="registerForm.compNm"-->
|
||||
<!-- type="text"-->
|
||||
<!-- autocomplete="family-name"-->
|
||||
<!-- />-->
|
||||
<!-- <VLabel-->
|
||||
<!-- raw-->
|
||||
<!-- class="auth-label"-->
|
||||
<!-- >-->
|
||||
<!-- 업체명-->
|
||||
<!-- </VLabel>-->
|
||||
<!-- </VControl>-->
|
||||
<!-- </VField>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="column is-12">-->
|
||||
<!-- <VField>-->
|
||||
<!-- <VControl>-->
|
||||
<!-- <VInput-->
|
||||
<!-- v-model="registerForm.repNm"-->
|
||||
<!-- type="text"-->
|
||||
<!-- autocomplete="family-name"-->
|
||||
<!-- />-->
|
||||
<!-- <VLabel-->
|
||||
<!-- raw-->
|
||||
<!-- class="auth-label"-->
|
||||
<!-- >-->
|
||||
<!-- 대표자명-->
|
||||
<!-- </VLabel>-->
|
||||
<!-- </VControl>-->
|
||||
<!-- </VField>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="button-wrap has-help">-->
|
||||
<!-- <VButton-->
|
||||
<!-- color="primary"-->
|
||||
<!-- size="big"-->
|
||||
<!-- bold-->
|
||||
<!-- fullwidth-->
|
||||
<!-- rounded-->
|
||||
<!-- @click="step++"-->
|
||||
<!-- >-->
|
||||
<!-- 가입-->
|
||||
<!-- </VButton>-->
|
||||
<!-- <span>-->
|
||||
<!-- 또는-->
|
||||
<!-- <RouterLink to="/auth/login"> 로그인 </RouterLink>-->
|
||||
<!-- 을 하세요.-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </form>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- Step 2 -->
|
||||
<div
|
||||
class="columns signup-columns"
|
||||
:class="[step !== 1 && 'is-hidden']"
|
||||
:class="[step !== 0 && 'is-hidden']"
|
||||
>
|
||||
<div class="column is-6 is-offset-3 username-form">
|
||||
<h1 class="title is-5 signup-title has-text-centered">
|
||||
@@ -290,7 +291,62 @@ useHead({
|
||||
@submit.prevent="handleSignup"
|
||||
>
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-12">
|
||||
<div class="column is-6">
|
||||
<VField>
|
||||
<VControl :class="[!registerValid.bizNo && 'valid-err']">
|
||||
<VIMaskInput
|
||||
class="input v-input"
|
||||
mask="000-00-00000"
|
||||
:model-value="registerForm.bizNo"
|
||||
:options="rules.bizNo"
|
||||
placeholder="111-11-11111"
|
||||
autocomplete="username"
|
||||
@complete="onBizNoComplete"
|
||||
/>
|
||||
<VLabel
|
||||
raw
|
||||
class="auth-label"
|
||||
>
|
||||
사업자번호
|
||||
</VLabel>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
<VField>
|
||||
<VControl>
|
||||
<VInput
|
||||
v-model="registerForm.compNm"
|
||||
type="text"
|
||||
autocomplete="family-name"
|
||||
/>
|
||||
<VLabel
|
||||
raw
|
||||
class="auth-label"
|
||||
>
|
||||
업체명
|
||||
</VLabel>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
<VField>
|
||||
<VControl>
|
||||
<VInput
|
||||
v-model="registerForm.repNm"
|
||||
type="text"
|
||||
autocomplete="family-name"
|
||||
/>
|
||||
<VLabel
|
||||
raw
|
||||
class="auth-label"
|
||||
>
|
||||
대표자명
|
||||
</VLabel>
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
<VField>
|
||||
<VControl :class="[!registerValid.email && 'valid-err']">
|
||||
<VIMaskInput
|
||||
@@ -311,7 +367,7 @@ useHead({
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-12">
|
||||
<div class="column is-6">
|
||||
<VField>
|
||||
<VControl :class="[!registerValid.pwd && 'valid-err']">
|
||||
<VInput
|
||||
@@ -328,7 +384,7 @@ useHead({
|
||||
</VControl>
|
||||
</VField>
|
||||
</div>
|
||||
<div class="column is-12">
|
||||
<div class="column is-6">
|
||||
<VField>
|
||||
<VControl :class="[!registerValid.rePwd && 'valid-err']">
|
||||
<VInput
|
||||
@@ -365,7 +421,7 @@ useHead({
|
||||
<!-- Step 3 -->
|
||||
<div
|
||||
class="columns signup-columns"
|
||||
:class="[step !== 2 && 'is-hidden']"
|
||||
:class="[step !== 1 && 'is-hidden']"
|
||||
>
|
||||
<div class="column is-8 is-offset-4 username-form">
|
||||
<form
|
||||
@@ -459,6 +515,9 @@ useHead({
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
:root {
|
||||
zoom: 1.2;
|
||||
}
|
||||
.file-label {
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
@@ -1459,7 +1518,7 @@ useHead({
|
||||
}
|
||||
|
||||
.privacy-wrapper {
|
||||
height: 450px;
|
||||
height: 400px;
|
||||
overflow: auto;
|
||||
|
||||
.borderRound {
|
||||
|
||||
Reference in New Issue
Block a user