diff --git a/src/api/workshop.ts b/src/api/workshop.ts
index 171f5f4..aa88cb9 100644
--- a/src/api/workshop.ts
+++ b/src/api/workshop.ts
@@ -146,8 +146,7 @@ export function getTryOnEffectStyleList(styleId: string | number) {
 
 // 选择顾客
 interface CustomerInfo {
-	name: string
-	email?: string
+  vipId: string
 }
 export const  customerCheckin = (data: CustomerInfo) => {
 	return request({
diff --git a/src/views/stylist/customer.vue b/src/views/stylist/customer.vue
index f13d034..8da7be8 100644
--- a/src/views/stylist/customer.vue
+++ b/src/views/stylist/customer.vue
@@ -27,7 +27,7 @@
           <div class="form-field">
             <label class="field-label">VIP ID</label>
             <input
-              v-model="customerData.name"
+              v-model="customerData.vipId"
               type="text"
               placeholder="Enter your ID"
               class="form-input"
@@ -71,12 +71,12 @@ const handleChangeMode = (mode: PageMode) => {
 }
 
 const customerData = ref({
-  name: ''
+  vipId: ''
   // email: ''
 })
 
 const handleConfirm = async () => {
-  if (customerData.value.name === '') {
+  if (customerData.value.vipId === '') {
     showToast({
       message: 'please input name and email',
       position: 'top'
@@ -195,6 +195,9 @@ const handleConfirm = async () => {
       padding: 8.2rem 7.9rem;
       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);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-evenly;
 
       background: radial-gradient(
         100% 100% at 0% 0%,