Merge branches 'main' and 'main' of ssh://18.167.251.121:10002/aidlab/lanecarford_front
This commit is contained in:
@@ -146,8 +146,7 @@ export function getTryOnEffectStyleList(styleId: string | number) {
|
|||||||
|
|
||||||
// 选择顾客
|
// 选择顾客
|
||||||
interface CustomerInfo {
|
interface CustomerInfo {
|
||||||
name: string
|
vipId: string
|
||||||
email: string
|
|
||||||
}
|
}
|
||||||
export const customerCheckin = (data: CustomerInfo) => {
|
export const customerCheckin = (data: CustomerInfo) => {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -83,10 +83,10 @@ const sendPrefilledMessage = () => {
|
|||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
sessionId.value = Math.floor(Date.now() / 1000).toString()
|
sessionId.value = Math.floor(Date.now() / 1000).toString()
|
||||||
generateStore.setSessionId(sessionId.value)
|
generateStore.setSessionId(sessionId.value)
|
||||||
sendPrefilledMessage()
|
|
||||||
})
|
})
|
||||||
|
|
||||||
onActivated(() => {
|
onActivated(() => {
|
||||||
|
sendPrefilledMessage()
|
||||||
noticeListRef.value?.scrollToBottom()
|
noticeListRef.value?.scrollToBottom()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
<template v-else>
|
<template v-else>
|
||||||
<div class="form-container">
|
<div class="form-container">
|
||||||
<div class="back-container flex flex-center" @click="handleChangeMode('entry')">
|
<div class="back-container flex flex-center" @click="handleChangeMode('entry')">
|
||||||
<van-icon name="arrow-left" color="#fff" />
|
<van-icon name="arrow-left" color="#fff" />
|
||||||
</div>
|
</div>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<div class="form-title">Entry ID</div>
|
<div class="form-title">Entry ID</div>
|
||||||
@@ -26,9 +26,14 @@
|
|||||||
<div class="glass-form">
|
<div class="glass-form">
|
||||||
<div class="form-field">
|
<div class="form-field">
|
||||||
<label class="field-label">VIP ID</label>
|
<label class="field-label">VIP ID</label>
|
||||||
<input v-model="customerData.name" type="text" placeholder="Enter your ID" class="form-input" />
|
<input
|
||||||
|
v-model="customerData.vipId"
|
||||||
|
type="text"
|
||||||
|
placeholder="Enter your ID"
|
||||||
|
class="form-input"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-field email">
|
<!-- <div class="form-field email">
|
||||||
<label class="field-label">Email Address</label>
|
<label class="field-label">Email Address</label>
|
||||||
<input
|
<input
|
||||||
v-model="customerData.email"
|
v-model="customerData.email"
|
||||||
@@ -36,7 +41,7 @@
|
|||||||
placeholder="Enter your email"
|
placeholder="Enter your email"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div> -->
|
||||||
<button class="confirm-btn" @click="handleConfirm">Confirm</button>
|
<button class="confirm-btn" @click="handleConfirm">Confirm</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright">Powered by AiDLab for Lane Crawford</div>
|
<div class="copyright">Powered by AiDLab for Lane Crawford</div>
|
||||||
@@ -45,7 +50,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { useGenerateStore, useUserInfoStore } from '@/stores'
|
import { useGenerateStore, useUserInfoStore } from '@/stores'
|
||||||
import { showToast } from 'vant'
|
import { showToast } from 'vant'
|
||||||
@@ -66,12 +71,12 @@ const handleChangeMode = (mode: PageMode) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const customerData = ref({
|
const customerData = ref({
|
||||||
name: '',
|
vipId: ''
|
||||||
email: ''
|
// email: ''
|
||||||
})
|
})
|
||||||
|
|
||||||
const handleConfirm = async () => {
|
const handleConfirm = async () => {
|
||||||
if (customerData.value.name === '' || customerData.value.email === '') {
|
if (customerData.value.vipId === '') {
|
||||||
showToast({
|
showToast({
|
||||||
message: 'please input name and email',
|
message: 'please input name and email',
|
||||||
position: 'top'
|
position: 'top'
|
||||||
@@ -124,7 +129,7 @@ const handleConfirm = async () => {
|
|||||||
font-size: 5.6rem;
|
font-size: 5.6rem;
|
||||||
width: 32.5rem;
|
width: 32.5rem;
|
||||||
height: 8.1rem;
|
height: 8.1rem;
|
||||||
border: .2rem solid #fff;
|
border: 0.2rem solid #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -133,7 +138,7 @@ const handleConfirm = async () => {
|
|||||||
}
|
}
|
||||||
.entry-btn {
|
.entry-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border: .2rem solid #fff;
|
border: 0.2rem solid #fff;
|
||||||
bottom: 10.3rem;
|
bottom: 10.3rem;
|
||||||
right: 5.5rem;
|
right: 5.5rem;
|
||||||
height: 9rem;
|
height: 9rem;
|
||||||
@@ -146,7 +151,7 @@ const handleConfirm = async () => {
|
|||||||
.back-container {
|
.back-container {
|
||||||
width: 7.3rem;
|
width: 7.3rem;
|
||||||
height: 7.3rem;
|
height: 7.3rem;
|
||||||
border: .2rem solid #fff;
|
border: 0.2rem solid #fff;
|
||||||
border-radius: 1.8rem;
|
border-radius: 1.8rem;
|
||||||
font-size: 4.3rem;
|
font-size: 4.3rem;
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
@@ -184,12 +189,15 @@ const handleConfirm = async () => {
|
|||||||
|
|
||||||
.glass-form {
|
.glass-form {
|
||||||
height: 84.8rem;
|
height: 84.8rem;
|
||||||
border: .2rem solid #ffffff;
|
border: 0.2rem solid #ffffff;
|
||||||
border-radius: 4.7rem;
|
border-radius: 4.7rem;
|
||||||
margin: 0 14.2rem;
|
margin: 0 14.2rem;
|
||||||
padding: 8.2rem 7.9rem;
|
padding: 8.2rem 7.9rem;
|
||||||
margin-top: 7.5rem;
|
margin-top: 7.5rem;
|
||||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
|
||||||
background: radial-gradient(
|
background: radial-gradient(
|
||||||
100% 100% at 0% 0%,
|
100% 100% at 0% 0%,
|
||||||
@@ -215,7 +223,7 @@ const handleConfirm = async () => {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10rem;
|
height: 10rem;
|
||||||
line-height: 10rem;
|
line-height: 10rem;
|
||||||
border: .2rem solid #fff;
|
border: 0.2rem solid #fff;
|
||||||
border-radius: 7rem;
|
border-radius: 7rem;
|
||||||
padding: 0 5.5rem;
|
padding: 0 5.5rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@@ -240,7 +248,7 @@ const handleConfirm = async () => {
|
|||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
font-family: 'satoshiRegular';
|
font-family: 'satoshiRegular';
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-shadow: 0 .2rem 8px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 0.2rem 8px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.copyright {
|
.copyright {
|
||||||
|
|||||||
Reference in New Issue
Block a user