From 9c41bf4711b34de221c4caa8ff52ac1a3599f482 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 29 Dec 2025 10:46:00 +0800
Subject: [PATCH 1/5] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9.=20bugfix:=20customer=E9=80=89=E6=8B=A9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=BC=B9=E7=AA=97=E8=A7=A6=E5=8F=91=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Workshop/profile.vue  |  9 +++--
 src/views/login/WelcomePage.vue |  1 +
 src/views/login/customer.vue    | 70 ++++++++++++++++-----------------
 src/views/stylist/dressfor.vue  | 13 +++---
 src/views/stylist/index.vue     |  4 +-
 src/views/stylist/sex.vue       |  5 ++-
 6 files changed, 54 insertions(+), 48 deletions(-)

diff --git a/src/views/Workshop/profile.vue b/src/views/Workshop/profile.vue
index ff71137..3d088fd 100644
--- a/src/views/Workshop/profile.vue
+++ b/src/views/Workshop/profile.vue
@@ -147,6 +147,7 @@ const onScroll = (e: Event) => {
 // 打开customer选择时关闭profile弹窗 如果不是点击confirem关闭则重新打开profile弹窗
 const handleShowPopup = (flag: boolean) => {
   showSwitchCustomerPopup.value = flag
+  if(props.isCustomer) return
   show.value = !flag
   if (flag) {
     loadCustomers(true)
@@ -178,15 +179,15 @@ const handleFetchCustomerList = () => {
 }
 MyEvent.add('update-customer-list', handleFetchCustomerList)
 
-const openSwitchCustomerPopup = (flag = true) => {
-  showSwitchCustomerPopup.value = flag
-}
+// const openSwitchCustomerPopup = (flag = true) => {
+//   showSwitchCustomerPopup.value = flag
+// }
 
 onMounted(() => {
   handleFetchCustomerList()
 })
 
-defineExpose({ open, close, openSwitchCustomerPopup })
+defineExpose({ open, close, handleShowPopup })
 </script>
 
 <template>
diff --git a/src/views/login/WelcomePage.vue b/src/views/login/WelcomePage.vue
index 75c2c50..e7ecf31 100644
--- a/src/views/login/WelcomePage.vue
+++ b/src/views/login/WelcomePage.vue
@@ -55,6 +55,7 @@ const goToLogin = () => {
   .title {
     font-family: 'satoshiMedium';
     line-height: 120%;
+    font-size: 11rem;
     // letter-spacing: -0.02em;
   }
   .subtitle {
diff --git a/src/views/login/customer.vue b/src/views/login/customer.vue
index 23d660a..c83541d 100644
--- a/src/views/login/customer.vue
+++ b/src/views/login/customer.vue
@@ -74,7 +74,7 @@
 import { ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { useGenerateStore, useUserInfoStore } from '@/stores'
-import { showToast } from 'vant'
+import { showToast, closeToast } from 'vant'
 import { customerCheckin, createCustomer, type CreateCustomerParams } from '@/api/workshop'
 import Profile from '../Workshop/profile.vue'
 import MyEvent from '@/utils/myEvent'
@@ -86,6 +86,7 @@ const handleOpenProfile = () => {
 
 const router = useRouter()
 const generateStore = useGenerateStore()
+const loading = ref(false)
 
 type PageMode = 'form' | 'entry' | 'create'
 const pageMode = ref<PageMode>('entry')
@@ -104,50 +105,45 @@ const customerData = ref({
 })
 
 const handleConfirm = async () => {
-  if (pageMode.value === 'form') {
-    if (customerData.value.nickname === '') {
-      showToast({
-        message: 'please input the nickname'
-      })
-      return
-    }
+  if (loading.value) return
+  const nickname = (customerData.value.nickname || '').trim()
+  const vipId = (customerData.value.vipId || '').trim()
 
-    customerCheckin({ nickname: customerData.value.nickname }).then((res) => {
-      useUserInfoStore().resetGenerateParams()
-      generateStore.setCustomerInfo(res)
-      MyEvent.emit('clear-generate-state')
-      router.push('/workshop/home')
-    })
-  } else {
-    if (customerData.value.vipId === '') {
-      showToast({
-        message: 'please input the VIP ID'
-      })
-      return
-    }
-    if (customerData.value.nickname === '') {
-      showToast({
-        message: 'please input the nickname'
-      })
-      return
-    }
+  if (!nickname) {
+    showToast({ message: 'please input the nickname' })
+    return
+  }
 
-    createCustomer({
-      nickname: customerData.value.nickname,
-      vipId: customerData.value.vipId
-    } as CreateCustomerParams).then((res) => {
-      showToast({
-        message: 'Customer created successfully'
-      })
-      handleBack()
+  if (pageMode.value === 'create' && !vipId) {
+    showToast({ message: 'please input the VIP ID' })
+    return
+  }
+
+  loading.value = true
+  showToast({ message: 'Processing...', duration: 0, type: 'loading' })
+  try {
+    if (pageMode.value === 'create') {
+      await createCustomer({ nickname, vipId } as CreateCustomerParams)
+      showToast({ message: 'Customer created successfully' })
       MyEvent.emit('update-customer-list')
-    })
+    }
+
+    const res = await customerCheckin({ nickname })
+    useUserInfoStore().resetGenerateParams()
+    generateStore.setCustomerInfo(res)
+    MyEvent.emit('clear-generate-state')
+    router.push('/workshop/home')
+  } catch (err: any) {
+    showToast({ message: err?.message || 'Operation failed' })
+  } finally {
+    loading.value = false
+    closeToast()
   }
 }
 
 const handleShowPopup = (flag: Boolean) => {
   // showPopup.value = flag
-  profileRef.value.openSwitchCustomerPopup(flag)
+  profileRef.value.handleShowPopup(flag)
 }
 
 const handleSelectCustomer = (value) => {
diff --git a/src/views/stylist/dressfor.vue b/src/views/stylist/dressfor.vue
index c276fba..e75eeeb 100644
--- a/src/views/stylist/dressfor.vue
+++ b/src/views/stylist/dressfor.vue
@@ -220,7 +220,7 @@ onUnmounted(() => {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
-  padding: 6rem 0 0 0;
+  padding: 15.9rem 0 0 0;
   .content {
     .loading-container {
       :deep(.loading-image) {
@@ -229,10 +229,11 @@ onUnmounted(() => {
         animation: none;
       }
       :deep(.loading-shadow) {
+        background-color: #000;
         width: 9.2rem;
         height: 2.4rem;
         filter: blur(6px);
-        opacity: 0.5;
+        opacity: 0.2;
         margin: 2.4rem 0 0;
         // background-color: #d9d9d9;
       }
@@ -247,8 +248,10 @@ onUnmounted(() => {
       font-weight: 700;
       line-height: 1.12;
       background: #b3b3b3;
-      background: linear-gradient(120deg, #b3b3b3 1%, rgba(0, 0, 0, 0) 48%),
-        linear-gradient(344deg, #b3b3b2 16%, #000000 66%);
+      background: radial-gradient(80.79% 50% at 50% 50%, #d1c7c2 0%, rgba(255, 255, 255, 0) 100%),
+        radial-gradient(99.56% 93.08% at 99.56% 93.08%, #e6e6e6 0%, #000000 100%)
+          /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
+        linear-gradient(120.09deg, #b3b3b3 0%, rgba(255, 255, 255, 0) 35.41%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
@@ -325,7 +328,7 @@ onUnmounted(() => {
           text-align: center;
           border-radius: 4.6rem;
           padding: 0 2.15rem;
-          &.active{
+          &.active {
             background-color: #f5f5f5;
           }
         }
diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue
index 8544b66..5ab31e4 100644
--- a/src/views/stylist/index.vue
+++ b/src/views/stylist/index.vue
@@ -166,7 +166,7 @@ const handleContinue = () => {
   display: flex;
   flex-direction: column;
   padding: 2rem;
-  padding-top: 6rem;
+  padding-top: 10rem;
 }
 
 .header {
@@ -178,6 +178,8 @@ const handleContinue = () => {
     color: white;
     line-height: 96%;
     font-family: 'satoshiBold';
+    letter-spacing: -0.04rem;
+    margin-bottom: 3.2rem;
   }
   .sub-title{
     font-family: 'satoshiRegular';
diff --git a/src/views/stylist/sex.vue b/src/views/stylist/sex.vue
index 1bf1cc1..90b8cfb 100644
--- a/src/views/stylist/sex.vue
+++ b/src/views/stylist/sex.vue
@@ -59,11 +59,14 @@ const handleSelect = (value: string) => {
     font-weight: 700;
     font-size: 11rem;
     line-height: 106%;
+    letter-spacing: -0.02rem;
+    margin-bottom: 4.6rem;
   }
   .desc {
     font-family: 'satoshiRegular';
-    font-size: 4rem;
+    font-size: 6rem;
     line-height: 132%;
+    letter-spacing: 0.02rem;
   }
   .select-list {
     display: flex;

From 8af7092f56779e18d80845bfe233abbae525b848 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 29 Dec 2025 11:24:01 +0800
Subject: [PATCH 2/5] =?UTF-8?q?style:=20=E9=80=89=E6=8B=A9=E9=A1=BE?=
 =?UTF-8?q?=E5=AE=A2=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Workshop/profile.vue | 887 +++++++++++++++++----------------
 1 file changed, 444 insertions(+), 443 deletions(-)

diff --git a/src/views/Workshop/profile.vue b/src/views/Workshop/profile.vue
index bfe74f2..00d180e 100644
--- a/src/views/Workshop/profile.vue
+++ b/src/views/Workshop/profile.vue
@@ -1,159 +1,159 @@
 <script setup lang="ts">
-	import { ref, reactive, onMounted, inject } from 'vue'
-	import router from '@/router'
-	import { showConfirmDialog, showToast } from 'vant'
-	import { useUserInfoStore, useOverallStore } from '@/stores'
-	import { LogOut } from '@/api/login'
-	import { getCustomerList, type CustomerListParams, customerCheckin } from '@/api/workshop'
-	import MyEvent from '@/utils/myEvent'
-	import { encryptPassword } from '@/utils/tools'
-	import { updateUserInfo } from '@/api/login'
+import { ref, reactive, onMounted, inject } from 'vue'
+import router from '@/router'
+import { showConfirmDialog, showToast } from 'vant'
+import { useUserInfoStore, useOverallStore } from '@/stores'
+import { LogOut } from '@/api/login'
+import { getCustomerList, type CustomerListParams, customerCheckin } from '@/api/workshop'
+import MyEvent from '@/utils/myEvent'
+import { encryptPassword } from '@/utils/tools'
+import { updateUserInfo } from '@/api/login'
 
-	const props = defineProps<{
-		isCustomer?: boolean
-	}>()
+const props = defineProps<{
+  isCustomer?: boolean
+}>()
 
-	const userInfoStore = useUserInfoStore()
-	const overallStore = useOverallStore()
-	const emit = defineEmits(['view-type', 'selected-customer'])
-	const show = ref(false)
-	const isEdit = ref(false)
-	const form = reactive({
-		name: { msg: '', value: '' },
-		email: { msg: '', value: '' },
-		password: { show: true, msg: '', value: '' }
-	})
-	const open = () => {
-		form.name.value = userInfoStore.state.userInfo.username
-		form.email.value = userInfoStore.state.userInfo.email
-		form.password.value = ''
-		isEdit.value = false
-		show.value = true
-	}
-	const close = () => {
-		show.value = false
-	}
-	const onEditItem = (item) => {
-		if (!form[item]) return
-		form[item].edit = true
-	}
-	const onSaveItem = (item) => {
-		if (!form[item]) return
-		form[item].edit = false
-	}
-	const switchCustomer = () => {
-		// console.log('switchCustomer')
-		handleShowPopup(true)
-	}
-	const edit = () => {
-		form.password.value = ''
-		isEdit.value = true
-	}
-	const confirm = () => {
-		if (!isEdit.value) return
-		const password = form.password.value
-		const params = {
-			username: form.name.value,
-			email: form.email.value,
-			password
-		}
-		if (password) {
-			if (password.length < 6) {
-				return showToast('Password must be at least 6 characters')
-			} else {
-				params.password = encryptPassword(password)
-			}
-		} else {
-			params.password = userInfoStore.state.userInfo.password
-		}
+const userInfoStore = useUserInfoStore()
+const overallStore = useOverallStore()
+const emit = defineEmits(['view-type', 'selected-customer'])
+const show = ref(false)
+const isEdit = ref(false)
+const form = reactive({
+  name: { msg: '', value: '' },
+  email: { msg: '', value: '' },
+  password: { show: true, msg: '', value: '' }
+})
+const open = () => {
+  form.name.value = userInfoStore.state.userInfo.username
+  form.email.value = userInfoStore.state.userInfo.email
+  form.password.value = ''
+  isEdit.value = false
+  show.value = true
+}
+const close = () => {
+  show.value = false
+}
+const onEditItem = (item) => {
+  if (!form[item]) return
+  form[item].edit = true
+}
+const onSaveItem = (item) => {
+  if (!form[item]) return
+  form[item].edit = false
+}
+const switchCustomer = () => {
+  // console.log('switchCustomer')
+  handleShowPopup(true)
+}
+const edit = () => {
+  form.password.value = ''
+  isEdit.value = true
+}
+const confirm = () => {
+  if (!isEdit.value) return
+  const password = form.password.value
+  const params = {
+    username: form.name.value,
+    email: form.email.value,
+    password
+  }
+  if (password) {
+    if (password.length < 6) {
+      return showToast('Password must be at least 6 characters')
+    } else {
+      params.password = encryptPassword(password)
+    }
+  } else {
+    params.password = userInfoStore.state.userInfo.password
+  }
 
-		overallStore.setLoading(true)
-		updateUserInfo(params).then((res) => {
-			overallStore.setLoading(false)
-			showToast('Update success')
-			userInfoStore.setUserInfo({
-				...userInfoStore.state.userInfo,
-				...params
-			})
-			form.password.value = ''
-			isEdit.value = false
-		})
-	}
-	const logout = () => {
-		showConfirmDialog({
-			title: 'Log out',
-			message: 'Are you sure you want to log out?',
-			confirmButtonText: 'Yes',
-			cancelButtonText: 'Cancel'
-		})
-			.then(() => {
-				LogOut().then(() => {
-					userInfoStore.logOut()
-					router.push({ path: '/welcome' })
-				})
-			})
-			.catch(() => {})
-	}
+  overallStore.setLoading(true)
+  updateUserInfo(params).then((res) => {
+    overallStore.setLoading(false)
+    showToast('Update success')
+    userInfoStore.setUserInfo({
+      ...userInfoStore.state.userInfo,
+      ...params
+    })
+    form.password.value = ''
+    isEdit.value = false
+  })
+}
+const logout = () => {
+  showConfirmDialog({
+    title: 'Log out',
+    message: 'Are you sure you want to log out?',
+    confirmButtonText: 'Yes',
+    cancelButtonText: 'Cancel'
+  })
+    .then(() => {
+      LogOut().then(() => {
+        userInfoStore.logOut()
+        router.push({ path: '/welcome' })
+      })
+    })
+    .catch(() => {})
+}
 
-	const showSwitchCustomerPopup = ref(false)
-	const custmerParams = ref<CustomerListParams>({
-		current: 1,
-		size: 5,
-		desc: true
-	})
-	const customerList = ref<any[]>([])
-	const pager = reactive({
-		loading: false,
-		noMore: false,
-		total: null as number | null
-	})
-	const customerListEl = ref<HTMLElement | null>(null)
+const showSwitchCustomerPopup = ref(false)
+const custmerParams = ref<CustomerListParams>({
+  current: 1,
+  size: 5,
+  desc: true
+})
+const customerList = ref<any[]>([])
+const pager = reactive({
+  loading: false,
+  noMore: false,
+  total: null as number | null
+})
+const customerListEl = ref<HTMLElement | null>(null)
 
-	const loadCustomers = async (reset = false) => {
-		if (pager.loading) return
-		if (reset) {
-			custmerParams.value.current = 1
-			pager.noMore = false
-			customerList.value = []
-		}
-		if (pager.noMore) return
-		pager.loading = true
-		try {
-			const res: any = await getCustomerList(custmerParams.value)
-			let list: any[] = []
-			const pages = res?.pages ?? res?.data?.pages ?? null
-			if (res && Array.isArray(res.records)) {
-				list = res.records
-				pager.total = res.total ?? pager.total
-			} else if (res && Array.isArray(res.data)) {
-				list = res.data
-			} else if (res && res.data && Array.isArray(res.data.list)) {
-				list = res.data.list
-				pager.total = res.data.total ?? pager.total
-			}
+const loadCustomers = async (reset = false) => {
+  if (pager.loading) return
+  if (reset) {
+    custmerParams.value.current = 1
+    pager.noMore = false
+    customerList.value = []
+  }
+  if (pager.noMore) return
+  pager.loading = true
+  try {
+    const res: any = await getCustomerList(custmerParams.value)
+    let list: any[] = []
+    const pages = res?.pages ?? res?.data?.pages ?? null
+    if (res && Array.isArray(res.records)) {
+      list = res.records
+      pager.total = res.total ?? pager.total
+    } else if (res && Array.isArray(res.data)) {
+      list = res.data
+    } else if (res && res.data && Array.isArray(res.data.list)) {
+      list = res.data.list
+      pager.total = res.data.total ?? pager.total
+    }
 
-			if (reset) customerList.value = list
-			else customerList.value = customerList.value.concat(list)
+    if (reset) customerList.value = list
+    else customerList.value = customerList.value.concat(list)
 
-			if (pages != null) {
-				if (custmerParams.value.current >= pages) {
-					pager.noMore = true
-				} else {
-					custmerParams.value.current += 1
-				}
-			} else {
-				if (list.length === 0 || list.length < custmerParams.value.size) {
-					pager.noMore = true
-				} else {
-					custmerParams.value.current += 1
-				}
-			}
-		} catch (e) {
-			// ignore error for now
-		} finally {
-			pager.loading = false
-		}
-	}
+    if (pages != null) {
+      if (custmerParams.value.current >= pages) {
+        pager.noMore = true
+      } else {
+        custmerParams.value.current += 1
+      }
+    } else {
+      if (list.length === 0 || list.length < custmerParams.value.size) {
+        pager.noMore = true
+      } else {
+        custmerParams.value.current += 1
+      }
+    }
+  } catch (e) {
+    // ignore error for now
+  } finally {
+    pager.loading = false
+  }
+}
 
 const onScroll = (e: Event) => {
   const el = e.target as HTMLElement
@@ -166,7 +166,7 @@ const onScroll = (e: Event) => {
 // 打开customer选择时关闭profile弹窗 如果不是点击confirem关闭则重新打开profile弹窗
 const handleShowPopup = (flag: boolean) => {
   showSwitchCustomerPopup.value = flag
-  if(props.isCustomer) return
+  if (props.isCustomer) return
   show.value = !flag
   if (flag) {
     loadCustomers(true)
@@ -182,7 +182,7 @@ const handleSelectCustomer = () => {
   if (selectedCustomer) {
     emit('selected-customer', selectedCustomer)
   }
-  if(!props.isCustomer){
+  if (!props.isCustomer) {
     // show.value = true
     customerCheckin({ nickname: selectedCustomer.name }).then((res) => {
       useUserInfoStore().resetGenerateParams()
@@ -193,327 +193,328 @@ const handleSelectCustomer = () => {
   showSwitchCustomerPopup.value = false
 }
 
-	const handleFetchCustomerList = () => {
-		loadCustomers(true)
-	}
-	MyEvent.add('update-customer-list', handleFetchCustomerList)
+const handleFetchCustomerList = () => {
+  loadCustomers(true)
+}
+MyEvent.add('update-customer-list', handleFetchCustomerList)
 
 // const openSwitchCustomerPopup = (flag = true) => {
 //   showSwitchCustomerPopup.value = flag
 // }
 
-	onMounted(() => {
-		handleFetchCustomerList()
-	})
+onMounted(() => {
+  handleFetchCustomerList()
+})
 
 defineExpose({ open, close, handleShowPopup })
 </script>
 
 <template>
-	<van-popup class="van-popup" v-model:show="show" position="bottom" round>
-		<div class="profile">
-			<div class="header">
-				<span class="title">Profile</span>
-				<van-icon name="cross" class="close" @click="close" />
-			</div>
-			<form class="box" @submit.prevent.stop="confirm">
-				<div class="form-item">
-					<div class="label">Your Name</div>
-					<label class="input">
-						<div class="icon"><SvgIcon name="user" size="64" /></div>
-						<input
-							type="text"
-							placeholder="Enter your name"
-							v-model="form.name.value"
-							:readonly="!isEdit"
-							required
-						/>
-						<!-- <div class="icon" v-if="isEdit" @click.stop="onSaveItem('name')">
+  <van-popup class="van-popup" v-model:show="show" position="bottom" round>
+    <div class="profile">
+      <div class="header">
+        <span class="title">Profile</span>
+        <van-icon name="cross" class="close" @click="close" />
+      </div>
+      <form class="box" @submit.prevent.stop="confirm">
+        <div class="form-item">
+          <div class="label">Your Name</div>
+          <label class="input">
+            <div class="icon"><SvgIcon name="user" size="64" /></div>
+            <input
+              type="text"
+              placeholder="Enter your name"
+              v-model="form.name.value"
+              :readonly="!isEdit"
+              required
+            />
+            <!-- <div class="icon" v-if="isEdit" @click.stop="onSaveItem('name')">
 							<SvgIcon name="confirmation" size="37" />
 						</div>
 						<div class="icon" v-else @click="onEditItem('name')">
 							<SvgIcon name="edit" size="37" />
 						</div> -->
-					</label>
-					<p class="error" v-show="form.name.msg">{{ form.name.msg }}</p>
-				</div>
-				<div class="form-item">
-					<div class="label">Your Email</div>
-					<label class="input">
-						<div class="icon"><SvgIcon name="email" size="64" /></div>
-						<input
-							type="email"
-							placeholder="Enter your email"
-							v-model="form.email.value"
-							:readonly="!isEdit"
-							required
-						/>
-						<!-- <div class="icon" v-if="isEdit" @click.stop="onSaveItem('email')">
+          </label>
+          <p class="error" v-show="form.name.msg">{{ form.name.msg }}</p>
+        </div>
+        <div class="form-item">
+          <div class="label">Your Email</div>
+          <label class="input">
+            <div class="icon"><SvgIcon name="email" size="64" /></div>
+            <input
+              type="email"
+              placeholder="Enter your email"
+              v-model="form.email.value"
+              :readonly="!isEdit"
+              required
+            />
+            <!-- <div class="icon" v-if="isEdit" @click.stop="onSaveItem('email')">
 							<SvgIcon name="confirmation" size="37" />
 						</div>
 						<div class="icon" v-else @click="onEditItem('email')">
 							<SvgIcon name="edit" size="37" />
 						</div> -->
-					</label>
-					<p class="error" v-show="form.email.msg">{{ form.email.msg }}</p>
-				</div>
-				<div class="form-item" v-if="isEdit">
-					<div class="label">Password</div>
-					<label class="input">
-						<div class="icon" @click="form.password.show = !form.password.show">
-							<SvgIcon :name="form.password.show ? 'password_1' : 'password_0'" size="64" />
-						</div>
-						<input
-							:type="form.password.show ? 'text' : 'password'"
-							placeholder="Enter your password"
-							v-model="form.password.value"
-							:readonly="!isEdit"
-						/>
-						<!-- <div class="icon" v-if="isEdit" @click.stop="onSaveItem('password')">
+          </label>
+          <p class="error" v-show="form.email.msg">{{ form.email.msg }}</p>
+        </div>
+        <div class="form-item" v-if="isEdit">
+          <div class="label">Password</div>
+          <label class="input">
+            <div class="icon" @click="form.password.show = !form.password.show">
+              <SvgIcon :name="form.password.show ? 'password_1' : 'password_0'" size="64" />
+            </div>
+            <input
+              :type="form.password.show ? 'text' : 'password'"
+              placeholder="Enter your password"
+              v-model="form.password.value"
+              :readonly="!isEdit"
+            />
+            <!-- <div class="icon" v-if="isEdit" @click.stop="onSaveItem('password')">
 							<SvgIcon name="confirmation" size="37" />
 						</div>
 						<div class="icon" v-else @click="onEditItem('password')">
 							<SvgIcon name="edit" size="37" />
 						</div> -->
-					</label>
-					<p class="error" v-show="form.password.msg">{{ form.password.msg }}</p>
-				</div>
+          </label>
+          <p class="error" v-show="form.password.msg">{{ form.password.msg }}</p>
+        </div>
 
-				<template v-if="isEdit">
-					<button type="submit" class="confirm">Confirm</button>
-					<p class="tip">Powered by AiDLab for Lane Crawford</p>
-				</template>
-				<template v-else>
-					<button class="switch" @click="switchCustomer">Switch Customer</button>
-					<button class="edit" @click="edit">Edit Profile</button>
-					<button class="logout" @click="logout">Log out</button>
-				</template>
-			</form>
-		</div>
-	</van-popup>
-	<van-popup
-		class="user-popup"
-		v-model:show="showSwitchCustomerPopup"
-		round
-		position="bottom"
-		teleport="body"
-	>
-		<div class="popup-title flex">
-			<div class="title-txt">Saved Customer ID</div>
-			<SvgIcon name="close_nocolor" color="#a1a1a1" size="40" @click="handleShowPopup(false)" />
-		</div>
-		<div ref="customerListEl" class="cusomter-list" @scroll="onScroll">
-			<div
-				class="customer-item flex flex-align-center flex-between"
-				v-for="(item, index) in customerList"
-				:key="index + 'customer'"
-				@click="handleChangeChecked(item)"
-			>
-				<div class="info">
-					<div class="name">{{ item.name }}</div>
-					<div class="id">{{ item.vipId }}</div>
-				</div>
-				<div class="select-box">
-					<div class="check-box flex flex-center" v-show="!item.checked">
-						<div class="check"></div>
-					</div>
-					<img v-show="item.checked" class="checked-icon" src="@/assets/images/checked.png" />
-				</div>
-			</div>
-		</div>
-		<div class="list-footer">
-			<div v-if="pager.loading">Loading...</div>
-			<div v-else-if="pager.noMore">No more</div>
-		</div>
-		<div class="confirm-btn" @click="handleSelectCustomer">Confirm</div>
-	</van-popup>
+        <template v-if="isEdit">
+          <button type="submit" class="confirm">Confirm</button>
+          <p class="tip">Powered by AiDLab for Lane Crawford</p>
+        </template>
+        <template v-else>
+          <button class="switch" @click="switchCustomer">Switch Customer</button>
+          <button class="edit" @click="edit">Edit Profile</button>
+          <button class="logout" @click="logout">Log out</button>
+        </template>
+      </form>
+    </div>
+  </van-popup>
+  <van-popup
+    class="user-popup"
+    v-model:show="showSwitchCustomerPopup"
+    round
+    position="bottom"
+    teleport="body"
+  >
+    <div class="popup-title flex">
+      <div class="title-txt">Saved Customer ID</div>
+      <SvgIcon name="close_nocolor" color="#a1a1a1" size="40" @click="handleShowPopup(false)" />
+    </div>
+    <div ref="customerListEl" class="cusomter-list" @scroll="onScroll">
+      <div
+        class="customer-item flex flex-align-center flex-between"
+        v-for="(item, index) in customerList"
+        :key="index + 'customer'"
+        @click="handleChangeChecked(item)"
+      >
+        <div class="info">
+          <div class="name">{{ item.name }}</div>
+          <div class="id">{{ item.vipId }}</div>
+        </div>
+        <div class="select-box">
+          <div class="check-box flex flex-center" v-show="!item.checked">
+            <div class="check"></div>
+          </div>
+          <img v-show="item.checked" class="checked-icon" src="@/assets/images/checked.png" />
+        </div>
+      </div>
+      <div class="list-footer">
+        <div v-if="pager.loading">Loading...</div>
+        <div v-else-if="pager.noMore">No more</div>
+      </div>
+    </div>
+    <div class="confirm-btn" @click="handleSelectCustomer">Confirm</div>
+    <div class="van-safe-area-bottom"></div>
+  </van-popup>
 </template>
 
 <style scoped lang="less">
-	.van-popup {
-		max-height: 90%;
-		--van-popup-round-radius: 7.8rem;
-	}
-	.profile {
-		margin: 6.5rem 0;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		> .header {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: 100%;
-			padding: 0 7rem;
-			margin-bottom: 8rem;
-			> .title {
-				font-family: satoshiBold;
-				font-size: 4.6rem;
-				color: #181725;
-			}
-			> .close {
-				margin-left: auto;
-				font-size: 5rem;
-				color: #a1a1a1;
-			}
-		}
-		> .box {
-			width: 100%;
-			padding: 0 13rem;
-			> div {
-				width: 100%;
-				margin-top: 5.1rem;
-				&:first-child {
-					margin-top: 0;
-				}
-			}
-			> button {
-				margin-top: 8.5rem;
-				width: 100%;
-				height: 14.5rem;
-				border-radius: 2rem;
-				font-size: 4rem;
-				border: 0.2rem solid #3b3b3b;
-				font-family: satoshiBold;
-			}
-			> .form-item {
-				> .label {
-					margin-bottom: 2.5rem;
-					font-family: satoshiBold;
-					font-size: 2.9rem;
-					line-height: 120%;
-					color: #262422;
-				}
-				> .input {
-					// width: 100%;
-					height: 13.9rem;
-					border-radius: 2.5rem;
-					border: 0.2rem solid #f1ecec;
-					box-sizing: content-box;
-					display: flex;
-					align-items: center;
-					overflow: hidden;
-					padding: 0 2.5rem;
-					> * {
-						margin-right: 2.5rem;
-						&:last-child {
-							margin-right: 0;
-						}
-					}
-					> .icon {
-						// margin: 0 2.5rem;
-						--svg-icon-color: #ababab;
-					}
-					> input {
-						width: 0;
-						flex: 1;
-						height: 100%;
-						font-family: satoshiMedium;
-						font-size: 3.5rem;
-						color: #000;
-						border: none;
-						&::placeholder {
-							color: #ababab;
-						}
-					}
-				}
-				> .error {
-					margin-top: 1rem;
-					font-family: satoshiRegular;
-					font-size: 2.5rem;
-					line-height: 120%;
-					color: #ff0000;
-				}
-			}
-			> .switch {
-				background-color: transparent;
-				color: #222;
-			}
-			> .confirm,
-			> .edit,
-			> .logout {
-				background-color: #000;
-				color: #fff;
-			}
-			> .tip {
-				font-family: satoshiRegular;
-				text-align: center;
-				font-size: 3rem;
-				color: #a1a1a1;
-				margin-top: 17.8rem;
-			}
-		}
-	}
+.van-popup {
+  max-height: 90%;
+  --van-popup-round-radius: 7.8rem;
+}
+.profile {
+  margin: 6.5rem 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  > .header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: 0 7rem;
+    margin-bottom: 8rem;
+    > .title {
+      font-family: satoshiBold;
+      font-size: 4.6rem;
+      color: #181725;
+    }
+    > .close {
+      margin-left: auto;
+      font-size: 5rem;
+      color: #a1a1a1;
+    }
+  }
+  > .box {
+    width: 100%;
+    padding: 0 13rem;
+    > div {
+      width: 100%;
+      margin-top: 5.1rem;
+      &:first-child {
+        margin-top: 0;
+      }
+    }
+    > button {
+      margin-top: 8.5rem;
+      width: 100%;
+      height: 14.5rem;
+      border-radius: 2rem;
+      font-size: 4rem;
+      border: 0.2rem solid #3b3b3b;
+      font-family: satoshiBold;
+    }
+    > .form-item {
+      > .label {
+        margin-bottom: 2.5rem;
+        font-family: satoshiBold;
+        font-size: 2.9rem;
+        line-height: 120%;
+        color: #262422;
+      }
+      > .input {
+        // width: 100%;
+        height: 13.9rem;
+        border-radius: 2.5rem;
+        border: 0.2rem solid #f1ecec;
+        box-sizing: content-box;
+        display: flex;
+        align-items: center;
+        overflow: hidden;
+        padding: 0 2.5rem;
+        > * {
+          margin-right: 2.5rem;
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+        > .icon {
+          // margin: 0 2.5rem;
+          --svg-icon-color: #ababab;
+        }
+        > input {
+          width: 0;
+          flex: 1;
+          height: 100%;
+          font-family: satoshiMedium;
+          font-size: 3.5rem;
+          color: #000;
+          border: none;
+          &::placeholder {
+            color: #ababab;
+          }
+        }
+      }
+      > .error {
+        margin-top: 1rem;
+        font-family: satoshiRegular;
+        font-size: 2.5rem;
+        line-height: 120%;
+        color: #ff0000;
+      }
+    }
+    > .switch {
+      background-color: transparent;
+      color: #222;
+    }
+    > .confirm,
+    > .edit,
+    > .logout {
+      background-color: #000;
+      color: #fff;
+    }
+    > .tip {
+      font-family: satoshiRegular;
+      text-align: center;
+      font-size: 3rem;
+      color: #a1a1a1;
+      margin-top: 17.8rem;
+    }
+  }
+}
 
-	.van-popup.user-popup {
-		height: 116.1rem;
-		color: #181725;
-		border-top-left-radius: 7.8rem;
-		border-top-right-radius: 7.8rem;
-		.c-svg {
-			width: initial;
-		}
-		.popup-title {
-			align-items: center;
-			justify-content: space-between;
-			font-weight: 700;
-			font-family: 'satoshiBold';
-			font-size: 4.8rem;
-			padding: 12rem 7.4rem 7.8rem 6.7rem;
-			border-bottom: 0.26rem solid #e2e2e2b2;
-		}
-		.cusomter-list {
-			padding: 0 7rem 0 6.6rem;
-			font-family: 'satoshiMedium';
-			color: #000;
-			/* Fixed list area: show up to 4 items, enable vertical scroll when overflow */
-			height: 64.8rem; /* 4 * 16.2rem (customer-item height) */
-			overflow-y: auto;
-			-webkit-overflow-scrolling: touch;
-			.customer-item {
-				height: 16.2rem;
-				border-bottom: 0.26rem solid #e2e2e2b2;
-				.info {
-					.name {
-						font-size: 3.6rem;
-					}
-					.id {
-						font-size: 3.6rem;
-						color: #b3b3b3;
-					}
-				}
-				.checked-icon,
-				.check-box {
-					width: 6rem;
-					height: 6rem;
-					box-sizing: border-box;
-				}
-				.check {
-					width: 4.8rem;
-					height: 4.8rem;
-					border-radius: 50%;
-					border: 0.4rem solid #000;
-				}
-			}
-		}
-		.list-footer {
-			text-align: center;
-			padding: 2rem 0;
-			font-size: 3rem;
-			color: #9b9b9b;
-		}
-		.confirm-btn {
-			margin: 4.9rem 12.7rem 0 13.3rem;
-			border: 0.25rem solid #3b3b3b;
-			width: 82rem;
-			height: 14.5rem;
-			border-radius: 2rem;
-			font-family: 'satoshiBold';
-			font-weight: 700;
-			font-size: 4rem;
-			line-height: 14.5rem;
-			box-sizing: border-box;
-			text-align: center;
-		}
-	}
+.van-popup.user-popup {
+  height: 116.1rem;
+  color: #181725;
+  border-top-left-radius: 7.8rem;
+  border-top-right-radius: 7.8rem;
+  .c-svg {
+    width: initial;
+  }
+  .popup-title {
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 700;
+    font-family: 'satoshiBold';
+    font-size: 4.8rem;
+    padding: 12rem 7.4rem 7.8rem 6.7rem;
+    border-bottom: 0.26rem solid #e2e2e2b2;
+  }
+  .cusomter-list {
+    padding: 0 7rem 0 6.6rem;
+    font-family: 'satoshiMedium';
+    color: #000;
+    /* Fixed list area: show up to 4 items, enable vertical scroll when overflow */
+    height: 64.8rem; /* 4 * 16.2rem (customer-item height) */
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    .customer-item {
+      height: 16.2rem;
+      border-bottom: 0.26rem solid #e2e2e2b2;
+      .info {
+        .name {
+          font-size: 3.6rem;
+        }
+        .id {
+          font-size: 3.6rem;
+          color: #b3b3b3;
+        }
+      }
+      .checked-icon,
+      .check-box {
+        width: 6rem;
+        height: 6rem;
+        box-sizing: border-box;
+      }
+      .check {
+        width: 4.8rem;
+        height: 4.8rem;
+        border-radius: 50%;
+        border: 0.4rem solid #000;
+      }
+    }
+  }
+  .list-footer {
+    text-align: center;
+    padding: 2rem 0;
+    font-size: 3rem;
+    color: #9b9b9b;
+  }
+  .confirm-btn {
+    margin: 4.9rem 12.7rem 0 13.3rem;
+    border: 0.25rem solid #3b3b3b;
+    width: 82rem;
+    height: 14.5rem;
+    border-radius: 2rem;
+    font-family: 'satoshiBold';
+    font-weight: 700;
+    font-size: 4rem;
+    line-height: 14.5rem;
+    box-sizing: border-box;
+    text-align: center;
+  }
+}
 </style>

From 9da2cd9dc2ae4cb1dbcd593577514f7a9c5940ac Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 29 Dec 2025 13:04:26 +0800
Subject: [PATCH 3/5] =?UTF-8?q?chore:=20retry=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/reTry.svg | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/assets/icons/reTry.svg b/src/assets/icons/reTry.svg
index 230cd29..b5bb72e 100644
--- a/src/assets/icons/reTry.svg
+++ b/src/assets/icons/reTry.svg
@@ -1,9 +1,7 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="44" height="44" fill="url(#pattern0_27_31213)"/>
-<defs>
-<pattern id="pattern0_27_31213" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_27_31213" transform="scale(0.0078125)"/>
-</pattern>
-<image id="image0_27_31213" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 880 860.38">
+  <path d="M0,778.02v-31c5.85-.83,5.72-6.77,7.59-9.91,8.69-14.56,35.82-36.92,48.91-50.09,132.41-133.33,265.22-266.72,399-399,24.48-24.21,50.22-64.36,90.41-43.4,11.6,6.05,52.53,47.35,62.07,58.93,36.58,44.38-10.81,75.6-38.98,103.98-134.47,135.49-269.91,271.36-406,406-16.26,16.09-36.44,43.61-60.47,46.53-29.22,3.55-48.2-22.96-66.04-41.03-9.24-9.36-21.12-18.28-28.34-29.66-2.17-3.42-2.85-10.44-8.15-11.35ZM411.35,365.37c-2.17,2.21-15.35,15.62-15.83,16.67-.89,1.93-.9,4.04,0,5.97,13.11,12.89,26.45,25.54,39.5,38.49,9.43,9.36,18.54,18.95,28.02,27.98,3.81,3.63,7.06,10.05,13.42,10.57l111.05-110.01c8.1-9.65,12.08-18.21,5.33-30.36-3.97-7.14-45.89-48.98-53.82-55.18-15.22-11.91-27.19-3.82-38.92,7.13-29.56,27.59-60.23,59.7-88.75,88.75ZM45.35,731.37c-11.89,12.23-27.69,25.33-17.21,44.01,4.11,7.33,43.34,46.29,51.36,52.64,12.24,9.71,22.88,9.89,35.03.02l338.5-338.5c2.02-1.93,3.87-4.47,2.24-7.24l-76.71-77.33c-6.81-3.73-7.97,2-11.53,5.57-106.81,107.19-216.25,212.35-321.68,320.82Z"/>
+  <path d="M880,334.02v17c-5.37-.47-7.34,5.21-11.28,7.22-8.66,4.42-23.83,6.25-34.09,10.91-26.75,12.14-29.6,29.14-37.9,54.1-3.19,9.58-7.95,22.23-20.19,21.83-17.04-.55-18.67-24.85-23.04-37.04-6.38-17.79-17.31-31.49-34.79-39.21-12.9-5.7-50.73-9.57-44.24-30.86,4.1-13.47,23.9-15.02,35.08-18.92,23.2-8.09,37.12-22.61,45.17-45.83,3.07-8.85,4.36-25.17,12.91-31.09,13.68-9.47,24.05,3.61,28.11,15.65,5.67,16.79,7.2,30.82,20.37,44.63,16.19,16.99,35.71,15.07,53.62,24.38,3.37,1.75,6.17,6.34,10.28,7.22ZM776.74,289.16c-4.56.64-5.93,9.79-7.87,13.23-4.92,8.72-16.76,21.22-24.93,27.07-3.39,2.43-27.4,12.25-17.91,17.04,1.57.79,3.84.48,5.69,1.3,14.82,6.58,27.91,19.11,36.1,32.9,2.41,4.06,4.1,13.24,9.67,13.25,5.06.01,6.38-9.04,8.68-13.25,7.33-13.41,22.11-26.66,36.1-32.9,2.84-1.26,8.25-.22,7.76-5.23-.43-4.4-10.52-7.04-13.94-9.15-10.29-6.37-25.31-20.31-30.97-31.03-1.68-3.19-3.2-13.95-8.4-13.22Z"/>
+  <path d="M372.75.26c17.02-2.7,21.7,16.54,25.74,28.78.66,2,.35,4.18.97,6.03,13.37,39.65,24.62,56.65,65.57,70.43,12.7,4.27,34.46,6.35,40.83,19.17,3.04,6.11.84,15.15-3.82,19.9-7.28,7.4-39.68,13.7-51.41,18.59-18.8,7.84-36.26,25.05-44.04,43.96-4.84,11.74-11.29,45.73-19.62,52.38-9.65,7.7-21.8,4.05-27.82-6.11-7.31-12.34-9.82-36.44-16.95-51.05-15.65-32.09-39.88-37.6-70.19-47.81-6.54-2.2-20.02-5.97-23.84-11.16-7.42-10.08-4.71-18.67,3.87-26.8,29-11.22,57.77-13.95,78.99-39.01,16.65-19.67,17.52-40.92,26.48-63.52,2.43-6.14,8.52-12.7,15.25-13.77ZM373.63,45.09c-3.49,2.24-2.14,6.63-3.08,9.98-8.8,31.51-36.03,59.55-66.76,70.24-3.39,1.18-14.11,1.7-14.73,5.33-.78,4.51,19.66,9.4,23.63,11.19,23.74,10.71,47.33,35.36,55.8,60.2,1.49,4.36,1.94,11.23,3.41,14.59.55,1.24.82,2.54,2.58,2.47,1.5-.08,2.17-1.03,2.94-2.13,3.14-4.52,5.53-17.08,8.16-22.84,9.96-21.83,30.88-42.46,52.72-52.28,5.99-2.69,14.22-4.36,20.1-6.9,13.11-5.67-3.32-7.16-6.66-8.15-28.02-8.37-54.24-31.06-66.23-57.77-1.97-4.39-6.53-21.22-8.95-23.05-.95-.72-1.67-1.23-2.94-.86Z"/>
+  <path d="M636.71,457.23c20.94-4.69,20.95,15.78,25.59,28.99,5.11,14.55,14.97,26.74,29.53,32.47,9.09,3.58,25.95,5.73,31.6,13.4,9.34,12.66-1.53,22.37-13.25,26.61-18.27,6.61-33.98,7.98-43.9,28.1-6.28,12.74-8.15,46.13-30.23,38.68-10.99-3.71-14.09-28.07-18.87-38.13-5.97-12.57-17.69-20.98-30.64-25.36-3.51-1.19-7.43-1.16-10.72-2.28-6.67-2.26-17.88-7.24-18.84-15.15-2.53-20.97,22.31-20.38,35.96-26.09,8.39-3.51,21.6-16.31,25.26-24.74,4.28-9.87,6.48-33.79,18.51-36.49ZM676.76,545.79c5.98-5.71-8.51-11.82-11.7-14.33-6.14-4.82-12.27-10.92-16.47-17.53-1.39-2.19-3.02-9.96-6.08-9.97-2.5,0-11.59,15.35-14.51,18.56-5.69,6.22-13.07,9.73-19.02,14.98-8.94,7.88,1.05,8.3,5.39,10.67,4.81,2.63,14.75,12.4,18.08,16.92,2.63,3.58,6.01,13.02,10.06,13.03s3.7-4.8,5.7-8.4c2.93-5.27,16.66-19.78,21.87-22.13,1.99-.9,5.35-.52,6.69-1.81Z"/>
+</svg>
\ No newline at end of file

From 15a4220fbc6fdf0d6b09534ec8bebb8714cf2c13 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Mon, 29 Dec 2025 14:42:50 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=A3=8E=E6=A0=BC?=
 =?UTF-8?q?=E5=8F=98=E4=B8=BA=E7=94=9F=E6=88=90=E5=9B=9B=E4=B8=AA=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=B8=90=E5=8F=98=E6=8C=89=E9=92=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/gradientButton.vue             |  10 +-
 src/components/selectStyle/selectItem.vue     |  59 ++++-----
 src/router/index.ts                           |   2 +-
 src/stores/modules/generate.ts                |  20 ++-
 src/views/Workshop/homeNav.vue                |  14 --
 src/views/Workshop/index.vue                  |   5 +-
 src/views/Workshop/profile.vue                |   2 +-
 .../index.vue}                                |  91 +++++++++----
 src/views/Workshop/selectStyle/styleList.vue  | 120 ++++++++++++++++++
 .../asistant/components/GenerateLoading.vue   |  13 +-
 10 files changed, 247 insertions(+), 89 deletions(-)
 rename src/views/Workshop/{selectStyle.vue => selectStyle/index.vue} (75%)
 create mode 100644 src/views/Workshop/selectStyle/styleList.vue

diff --git a/src/components/gradientButton.vue b/src/components/gradientButton.vue
index 3acfb3a..a2968d9 100644
--- a/src/components/gradientButton.vue
+++ b/src/components/gradientButton.vue
@@ -48,11 +48,11 @@ const {} = toRefs(data);
 			left: 50%;
 			border-radius: var(--gradientButtonBorderRadius);
 			transform: translate(-50%, -50%);
-			background: linear-gradient(125deg,
-			#f1f1f1 0%,
-			#000 40%,
-			#000 65%,
-			#fff 100%);
+			background: linear-gradient(156deg,
+			#d3d3d3 0%,
+			#8a8682 40%,
+			#8a8682 65%,
+			#ebebeb 100%);
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/src/components/selectStyle/selectItem.vue b/src/components/selectStyle/selectItem.vue
index c9baa4b..c3c2c73 100644
--- a/src/components/selectStyle/selectItem.vue
+++ b/src/components/selectStyle/selectItem.vue
@@ -82,22 +82,11 @@ const {} = toRefs(data);
 				</div>
 				<div class="mask" v-if="item.id == select?.oldId"></div>
 			</div>
-			<div class="btn">
-				<!-- <div>
-					<SvgIcon v-if="!item.isLike" @click.stop="setLike(item,'like')" name="noLike" size="30" />
-					<SvgIcon v-else name="like" @click.stop="setLike(item,'noLike')" color="#FF4949" size="30" />
-				</div> -->
+			<!-- <div class="btn">
 				<div>
 					<SvgIcon @click.stop="updateStyle(item,index)" name="update" size="30" />
 				</div>
-				<!-- <div>
-					<SvgIcon v-if="!item.isAdd" @click.stop="addLibrary(item,'add')" name="add" size="30" />
-					<SvgIcon v-else @click.stop="addLibrary(item,'delete')" name="confirmation" size="30" />
-				</div> -->
-				<!-- <div>
-					<SvgIcon @click.stop="deleteStyle(index)" name="delete" size="30" />
-				</div> -->
-			</div>
+			</div> -->
 		</div>
 		
 	</div>
@@ -109,7 +98,7 @@ const {} = toRefs(data);
 		flex-wrap: wrap;
 		justify-content: space-between;
 		> .item{
-			width: calc(50% - 3.1rem / 2);
+			width: calc(50% - 3.5rem / 2);
 			position: relative;
 			// margin-bottom: 3.3rem;
 			display: flex;
@@ -126,7 +115,7 @@ const {} = toRefs(data);
 				align-items: center;
 				flex-wrap: wrap;
 				height: 45rem;
-				margin: 2.4rem 0;
+				margin: 2.3rem 0;
 				background-color: #fff;
 				justify-content: center;
 				border: .6px solid #acacac;
@@ -170,26 +159,26 @@ const {} = toRefs(data);
 					// max-height: 50%;
 				}
 			}
-			> .btn{
-				display: flex;
-				align-items: center;
-				justify-content: flex-end;
-				> div{
-					color: #000;
-					margin-right: 1.2rem;
-					border-radius: 50%;
-					width: 5.2rem;
-					height: 5.2rem;
-					padding: 1rem;
-					background-color: #fff;
-					&:last-child{
-						margin-right: 0rem;
-					}
-					&:hover{
-						color: #000;
-					}
-				}
-			}
+			// > .btn{
+			// 	display: flex;
+			// 	align-items: center;
+			// 	justify-content: flex-end;
+			// 	> div{
+			// 		color: #000;
+			// 		margin-right: 1.2rem;
+			// 		border-radius: 50%;
+			// 		width: 5.2rem;
+			// 		height: 5.2rem;
+			// 		padding: 1rem;
+			// 		background-color: #fff;
+			// 		&:last-child{
+			// 			margin-right: 0rem;
+			// 		}
+			// 		&:hover{
+			// 			color: #000;
+			// 		}
+			// 	}
+			// }
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index 307d257..4eed819 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -121,7 +121,7 @@ const router = createRouter({
         {
           path: '/workshop/selectStyle',
           name: 'selectStyle',
-          component: () => import('../views/Workshop/selectStyle.vue'),
+          component: () => import('../views/Workshop/selectStyle/index.vue'),
           meta: { verify: () => VerifyIDs(2) }
         },
         {
diff --git a/src/stores/modules/generate.ts b/src/stores/modules/generate.ts
index 4be5501..f985ef3 100644
--- a/src/stores/modules/generate.ts
+++ b/src/stores/modules/generate.ts
@@ -15,7 +15,12 @@ export const useGenerateStore = defineStore({
 		isLike: false, //是否喜欢
 		status: ''
       },
-      styleList: [{}, {}, {}, {}],
+      styleList: [
+		{id:'',taskId:'',status:'',path:''}, 
+		{id:'',taskId:'',status:'',path:''}, 
+		{id:'',taskId:'',status:'',path:''}, 
+		{id:'',taskId:'',status:'',path:''}, 
+	  ],
       model: {
         id: ''
       },
@@ -98,6 +103,12 @@ export const useGenerateStore = defineStore({
 			taskId:'',
 			status: ''
 		}
+		this.styleList = [
+			{id:'',taskId:'',status:'',path:''}, 
+			{id:'',taskId:'',status:'',path:''}, 
+			{id:'',taskId:'',status:'',path:''}, 
+			{id:'',taskId:'',status:'',path:''}, 
+		]
 	},
     //模特相关
     selectModel(data: any) {
@@ -107,7 +118,12 @@ export const useGenerateStore = defineStore({
       this.isGenerate = isGenerate
     },
     clearProductData() {
-      this.styleList = [{}, {}, {}, {}]
+      this.styleList = [
+		{id:'',taskId:'',status:'',path:''}, 
+		{id:'',taskId:'',status:'',path:''}, 
+		{id:'',taskId:'',status:'',path:''}, 
+		{id:'',taskId:'',status:'',path:''}, 
+	  ]
       this.style = {
         id: '',
 		path: '',
diff --git a/src/views/Workshop/homeNav.vue b/src/views/Workshop/homeNav.vue
index e78924b..815cc8f 100644
--- a/src/views/Workshop/homeNav.vue
+++ b/src/views/Workshop/homeNav.vue
@@ -22,20 +22,6 @@ const navDisabledList = ref([])
 // const data = reactive({
 // })
 
-const clickSwitchVIPID = ()=>{
-	showConfirmDialog({
-		title: 'Switch VIP ID?',
-		message: 'You have unsaved changes. Your progress will be lost.',
-		confirmButtonText: 'Yes',
-		cancelButtonText: 'Cancel',
-	})
-		.then(() => {
-			MyEvent.emit('clear-generate-state')
-			MyEvent.emit('clearAllCache')
-			router.push({ name: 'customer', query: { demo: 1 } })
-		})
-		.catch(() => {})
-}
 const openFlow = (item: any)=>{
 	item.click && item.click()
 	const query = route.query
diff --git a/src/views/Workshop/index.vue b/src/views/Workshop/index.vue
index 55d95c6..dadf8be 100644
--- a/src/views/Workshop/index.vue
+++ b/src/views/Workshop/index.vue
@@ -21,8 +21,11 @@
 		<header-title @clickProfile="handleClickProfile" />
 		<RouteCache />
 		<footer-navigation v-if="notShowFooter" />
+		<template>
+			<profile ref="profileRef" />
+		</template>
 	</div>
-	<profile ref="profileRef" />
+	
 </template>
 <style scoped lang="less">
 	.workshop {
diff --git a/src/views/Workshop/profile.vue b/src/views/Workshop/profile.vue
index ae7eafa..1d0f07f 100644
--- a/src/views/Workshop/profile.vue
+++ b/src/views/Workshop/profile.vue
@@ -13,7 +13,7 @@ const props = defineProps<{
 
 const userInfoStore = useUserInfoStore()
 const overallStore = useOverallStore()
-const emit = defineEmits(['view-type', 'selected-customer'])
+const emit = defineEmits(['selected-customer'])
 const show = ref(false)
 const isEdit = ref(false)
 const form = reactive({
diff --git a/src/views/Workshop/selectStyle.vue b/src/views/Workshop/selectStyle/index.vue
similarity index 75%
rename from src/views/Workshop/selectStyle.vue
rename to src/views/Workshop/selectStyle/index.vue
index d9ae79c..9fe5f30 100644
--- a/src/views/Workshop/selectStyle.vue
+++ b/src/views/Workshop/selectStyle/index.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, reactive, toRefs, computed, ref } from "vue";
-import SelectItem from "@/components/selectStyle/selectItem.vue";
 import { useRouter, useRoute } from 'vue-router'
 import { useGenerateStore, useUserInfoStore, useHGenerateStore } from '@/stores'
 import { showToast } from 'vant';
@@ -9,7 +8,7 @@ import { generateRequestOutfit, getRequestOutfit, setStyleFavorite, cancelStyleF
 import { FlowType, IsHistoryFlow } from '@/types/enum'
 import GenerateLoading from '@/views/asistant/components/GenerateLoading.vue'
 import gradientButton from '@/components/gradientButton.vue'
-
+import StyleListDom from '@/views/Workshop/selectStyle/styleList.vue'
 const router = useRouter()
 const route = useRoute()
 //const props = defineProps({
@@ -35,7 +34,10 @@ const loadingTitle = computed(()=>{
 
 let data = reactive({
 	select:computed(()=>generateStore.style),
-	// styleList:computed(()=>generateStore.styleList),
+	styleList:computed(()=>generateStore.styleList),
+})
+let dataDom = reactive({
+	styleListVue:null,
 })
 
 let getGenerateTime = null as any
@@ -43,7 +45,7 @@ let getGenerateTime = null as any
 const updateStyle = ()=>{
 	// generateStore.updateStyle(item)
 	// data.styleList[index] = {}
-	requestOutfit({num:1})
+	requestOutfit({num:4})
 }
 const setLikeStyle = (likeStyle)=>{
 	if(!select.value.id)return
@@ -74,7 +76,7 @@ const toProduct = ()=>{
 }
 
 const requestOutfit = async ({num})=>{
-	let rv = await new Promise<void>((resolve, reject) => {
+	let rv:any = await new Promise<void>((resolve, reject) => {
 		if(isHistoryFlow.value){
 			retrieveAndRegenerate({tryOnEffectsId:hGenerateStore.originalTryOn.id}).then((rv:any)=>{
 				resolve(rv)
@@ -96,42 +98,60 @@ const requestOutfit = async ({num})=>{
 	isLoading.value = true
 	generateStore.clearStyle()
 	data.select.taskId = rv[0]
+	rv.forEach((item,index)=>data.styleList[index].taskId = item)
 	getRequestOutfitList(rv)
 }
 
 const getRequestOutfitList = (generateList)=>{
 	let value = {requestIDs:generateList.join(',')}
 	getRequestOutfit(value).then((rv:any)=>{
+		let selectIndex = rv.findIndex((item)=>item.requestId == data.select.taskId)
+		if(selectIndex != -1){
+			data.select.id = rv[selectIndex].id
+			data.select.path = rv[selectIndex].path
+			data.select.status = rv[selectIndex].status
+		}
 		rv.forEach((item)=>{
-			data.select.id = item.id
-			data.select.path = item.path
-			data.select.status = item.status
+			let index = data.styleList.findIndex((styleListItem)=>styleListItem?.taskId == item.requestId)
+			data.styleList[index] = {
+				id: item.id,
+				taskId: item.requestId,
+				status: item.status,
+				path: item.path,
+			}
 		})
 
-		if(['RUNNING','PENDING'].includes(data.select.status)){
+		// if(['SUCCEEDED'].includes(data.select.status))isLoading.value = false
+		const taskIdList = data.styleList
+		.filter(item => item?.taskId && item?.status !== 'SUCCEEDED')
+		.map(item => item.taskId);
+		if(taskIdList.length > 0){
 			getGenerateTime = setTimeout(()=>{
-				getRequestOutfitList([data.select.taskId])
+				getRequestOutfitList(taskIdList)
 			},3000)
-		}else{
-			isLoading.value = false
 		}
 	})
 }
 
+const styleListInit = ()=>{
+	dataDom.styleListVue.init(data.select)
+}
+
 onMounted(()=>{
 	// generateStore.clearProductData()
-
 	emit('view-type', 1)
 	// if(!data.styleList[0]?.id)getRequestOutfitList(0)
 	if(getGenerateTime)clearTimeout(getGenerateTime)
-	if(data.select.status == 'SUCCEEDED'){
+	const taskIdList = data.styleList
+	.filter(item => item?.taskId && item?.status !== 'SUCCEEDED')
+	.map(item => item.taskId);
+	if(data.select.status == 'SUCCEEDED' && taskIdList.length == 0){
 		return
 	}else if(!data.select?.taskId){
-		requestOutfit({num:1})
-	}else if(data.select.status != 'SUCCEEDED'){
-		isLoading.value = true
-		// let generateList = [data.styleList[0].taskId]
-		getRequestOutfitList([data.select.taskId])
+		requestOutfit({num:4})
+	}else if(data.select.status != 'SUCCEEDED' || taskIdList.length > 0){
+		if(data.select.status != 'SUCCEEDED')isLoading.value = true
+		getRequestOutfitList(taskIdList)
 	}
 })
 onUnmounted(()=>{
@@ -139,6 +159,7 @@ onUnmounted(()=>{
 })
 defineExpose({})
 const { select } = toRefs(data);
+const { styleListVue } = toRefs(dataDom);
 </script>
 <template>
 	<div class="selectStyle">
@@ -155,14 +176,24 @@ const { select } = toRefs(data);
 			<div class="imgBox">
 				<img :src="select.path" alt="">
 			</div>
-			<div class="btn">
+			<div class="chooseMore" @click.stop="styleListInit">
+				<gradientButton>
+					<template #content>
+						<div class="text">
+							Choose More
+						</div>
+					</template>
+				</gradientButton>
+				<div></div>
+			</div>
+			<!-- <div class="btn">
 				<div class="like" @click.stop="setLikeStyle(select.isLike)">
 					<SvgIcon :name="`love_${select.isLike?1:0}`" size="35" />
 				</div>
 				<div class="down" @click.stop="setDownload()">
 					<SvgIcon name="download" size="35" />
 				</div>
-			</div>
+			</div> -->
 		</div>
 		<div class="btn">
 			<div class="btnItem style1" @click.stop="updateStyle()">
@@ -174,7 +205,6 @@ const { select } = toRefs(data);
 							</span>
 							Re-try
 						</div>
-						
 					</template>
 				</gradientButton>
 			</div>
@@ -185,6 +215,7 @@ const { select } = toRefs(data);
 	<div class="loading-container" v-if="isLoading">
       <GenerateLoading :title="loadingTitle"/>
     </div>
+	<StyleListDom ref="styleListVue"></StyleListDom>
 </template>
 <style lang="less" scoped>
 	.header-title {
@@ -235,18 +266,28 @@ const { select } = toRefs(data);
 		.selectContent{
 			// padding: 0 4rem;
 			margin: 0 auto;
-			overflow: auto;
 			width: 73.7rem;
-			margin-bottom: 19.4rem;
+			margin-bottom: 19rem;
 			> .imgBox{
 				height: 73.7rem;
 				width: 100%;
-				margin-bottom: 4.4rem;
+				margin-bottom: 5.6rem;
 				> img{
 					width: 100%;
 					height: 100%;
 				}
 			}
+			> .chooseMore{
+				--borderRadius: 5.4rem;
+				--borderWidth: 2px;
+				width: 24.8rem;
+				margin: 0 auto;
+				height: 7.6rem;
+				.text{
+					font-size: 3.1rem;
+					font-family: satoshiMedium;
+				}
+			}
 			> .btn{
 				display: flex;
 				align-items: center;
diff --git a/src/views/Workshop/selectStyle/styleList.vue b/src/views/Workshop/selectStyle/styleList.vue
new file mode 100644
index 0000000..158e0a4
--- /dev/null
+++ b/src/views/Workshop/selectStyle/styleList.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import SelectItem from "@/components/selectStyle/selectItem.vue";
+import { useGenerateStore, } from '@/stores'
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+const generateStore = useGenerateStore()
+
+
+let data = reactive({
+	showStyleList:false,
+	list:computed(()=>generateStore.styleList),
+	selectStyle:computed(()=>generateStore.style),
+	oldSelectStyle:{} as any,
+})
+
+const close = ()=>{
+	showStyleList.value = false;
+}
+
+const init = (item)=>{
+	data.showStyleList = true
+	data.oldSelectStyle = JSON.parse(JSON.stringify(item))
+}
+
+const confirm = ()=>{
+	if(data.selectStyle.id != data.oldSelectStyle.id){
+		data.selectStyle.id = data.oldSelectStyle.id
+		data.selectStyle.path = data.oldSelectStyle.path
+		data.selectStyle.status = data.oldSelectStyle.status
+		data.selectStyle.taskId = data.oldSelectStyle.taskId
+		data.selectStyle.isLike = false
+	}
+	close();
+}
+
+const setStyle = (item)=>{
+	data.oldSelectStyle = item
+}
+
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({init})
+const {showStyleList,list,oldSelectStyle} = toRefs(data);
+</script>
+<template>
+	<van-popup
+		class="user-popup"
+		v-model:show="showStyleList"
+		round
+		position="bottom"
+		teleport="body"
+	>
+    <div class="profile">
+		<div class="header">
+			<span class="title">Outfit Result</span>
+			<van-icon name="cross" class="close" @click="close" />
+		</div>
+		<div class="content">
+			<SelectItem :selectList="list" :select="oldSelectStyle" @selectItem="setStyle"></SelectItem>
+		</div>
+		<div class="bottom">
+			<div @click="confirm">Confirm</div>
+		</div>
+	</div>
+	</van-popup>
+</template>
+<style lang="less" scoped>
+	.van-popup {
+		max-height: 90%;
+		--van-popup-round-radius: 7.8rem;
+	}
+	.profile {
+		margin: 11.1rem 0 5.6rem;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		> .header {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+			padding: 0 8rem 0 5.2rem;
+			margin-bottom: 8rem;
+			> .title {
+				font-family: satoshiBold;
+				font-size: 4.6rem;
+				color: #181725;
+			}
+			> .close {
+				margin-left: auto;
+				font-size: 5rem;
+				color: #a1a1a1;
+			}
+		}
+		> .content{
+			width: 96.2rem;
+		}
+		> .bottom{
+			margin: 3rem 0 4rem;
+			width: 100%;
+			> div{
+				width: 24.8rem;
+				line-height: 6.7rem;
+				font-family: satoshiMedium;
+				font-size: 3.6rem;
+				text-align: center;
+				border-radius: .7rem;
+				background-color: #000;
+				color: #fff;
+				margin-right: 4.2rem;
+				margin-left: auto;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/asistant/components/GenerateLoading.vue b/src/views/asistant/components/GenerateLoading.vue
index 721480e..0714ea7 100644
--- a/src/views/asistant/components/GenerateLoading.vue
+++ b/src/views/asistant/components/GenerateLoading.vue
@@ -113,7 +113,7 @@ onMounted(() => {
 .loading-image {
   width: 36.4rem;
   height: 36.4rem;
-  animation: rotate 1s linear infinite;
+  animation: rotate 1.5s ease-in-out infinite;
 }
 
 .loading-shadow {
@@ -146,11 +146,14 @@ onMounted(() => {
 }
 
 @keyframes rotate {
-  from {
-    transform: rotate(0deg);
+  0% {
+    transform: translateY(0px);
   }
-  to {
-    transform: rotate(360deg);
+  50% {
+    transform: translateY(-100px);
+  }
+  100% {
+    transform: translateY(0px);
   }
 }
 </style>

From 891fb3f4b05048c3264a762bca8f2db47546b546 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Mon, 29 Dec 2025 14:43:28 +0800
Subject: [PATCH 5/5] fix

---
 src/views/Workshop/selectStyle/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Workshop/selectStyle/index.vue b/src/views/Workshop/selectStyle/index.vue
index 9fe5f30..8c6150c 100644
--- a/src/views/Workshop/selectStyle/index.vue
+++ b/src/views/Workshop/selectStyle/index.vue
@@ -121,7 +121,7 @@ const getRequestOutfitList = (generateList)=>{
 			}
 		})
 
-		// if(['SUCCEEDED'].includes(data.select.status))isLoading.value = false
+		if(['SUCCEEDED'].includes(data.select.status))isLoading.value = false
 		const taskIdList = data.styleList
 		.filter(item => item?.taskId && item?.status !== 'SUCCEEDED')
 		.map(item => item.taskId);