From d840c2a453cacb817fa473e3aa99874802bfcc0b Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 13 Feb 2025 11:53:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(i18n):=20=E6=B7=BB=E5=8A=A0=E6=96=B0?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E5=B9=B6=E4=BC=98=E5=8C=96=E5=A4=9A=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 zh-CN.json 中添加了新文本 "text1": "请选择性别"
- 更新了多个组件的国际化支持，包括 realAuth、profile、itemDetail 等
-优化了部分组件的布局和样式
---
 app/components/drag-window/index.vue          | 240 ++++++------------
 app/components/itemDetail/index.vue           |   2 +-
 app/components/x-van-date/index.vue           |  70 ++---
 app/components/x-van-select/index.vue         |  19 +-
 app/pages/home/components/ItemList/index.vue  |   4 +-
 .../components/SideButton/tangPopup.vue       |   4 +-
 app/pages/login/index.vue                     |   2 +-
 app/pages/profile/index.vue                   |  14 +-
 app/pages/realAuth/components/detail.vue      |  12 +-
 app/pages/realAuth/index.vue                  |  39 +--
 app/pages/signature/personal-Info/index.vue   |   6 +-
 app/static/images/zu5512@2x.png               | Bin 0 -> 5890 bytes
 i18n/locales/zh-CN.json                       |   3 +-
 13 files changed, 163 insertions(+), 252 deletions(-)
 create mode 100644 app/static/images/zu5512@2x.png

diff --git a/app/components/drag-window/index.vue b/app/components/drag-window/index.vue
index ed9c8e1..458b623 100644
--- a/app/components/drag-window/index.vue
+++ b/app/components/drag-window/index.vue
@@ -1,199 +1,119 @@
-<script setup>
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
+<template>
+  <div
+      class="draggable-container"
+      :style="containerStyle"
+      @mousedown="startDrag"
+      @touchstart.prevent="startDrag"
+  >
+    <slot />
+  </div>
+</template>
 
+<script setup>
 const props = defineProps({
+  fixedSide: {
+    type: String,
+    default: 'none',
+    validator: (v) => ['left', 'right', 'top', 'bottom', 'none'].includes(v)
+  },
   initialPosition: {
     type: Object,
     default: () => ({ x: 0, y: 0 })
   },
-  stick: {
-    type: String,
-    default: null,
-    validator: (value) => ['left', 'right', 'top', 'bottom', null].includes(value)
-  },
-  dragMode: {
-    type: String,
-    default: 'free',
-    validator: (value) => ['free', 'horizontal', 'vertical'].includes(value)
-  },
-  stickyDistance: {
-    type: Number,
-    default: 20
-  },
-  margin: {
-    type: Number,
-    default: 0
-  },
-  draggable: {
-    type: Boolean,
-    default: true
-  },
-  zIndex: {
-    type: Number,
-    default: 1000
-  }
+  width: Number,
+  height: Number
 })
 
-const emit = defineEmits(['update:position'])
-
-const containerRef = ref(null)
-const position = ref(props.initialPosition)
+const position = ref({ ...props.initialPosition })
 const isDragging = ref(false)
-const startPos = ref({ x: 0, y: 0 })
-const windowSize = ref({ width: 0, height: 0 })
-const elementSize = ref({ width: 0, height: 0 })
+const startPosition = ref({ x: 0, y: 0 })
 
-const transformStyle = computed(() => ({
-  transform: `translate3d(${position.value.x}px, ${position.value.y}px, 0)`,
-  zIndex: props.zIndex,
+const containerStyle = computed(() => ({
   position: 'fixed',
-  top: '0',
-  left: '0',  // 添加基准定位点
-  right: 'auto',
-  bottom: 'auto'
+  width: props.width ? `${props.width}px` : 'auto',
+  height: props.height ? `${props.height}px` : 'auto',
+  left: `${position.value.x}px`,
+  top: `${position.value.y}px`,
+  cursor: isDragging.value ? 'grabbing' : 'grab'
 }))
 
-const updateSizes = () => {
-  if (typeof window !== 'undefined') {
-    windowSize.value = {
-      width: window.innerWidth,
-      height: window.innerHeight
-    }
-    if (containerRef.value) {
-      elementSize.value = {
-        width: containerRef.value.offsetWidth,
-        height: containerRef.value.offsetHeight
-      }
-    }
-  }
-}
+const getClientPos = (e) => ({
+  x: e.touches ? e.touches[0].clientX : e.clientX,
+  y: e.touches ? e.touches[0].clientY : e.clientY
+})
 
-const handleStick = (pos) => {
-  if (!props.stick) return pos
-
-  const { width, height } = elementSize.value
-  const { stickyDistance, margin } = props
-  const maxX = windowSize.value.width - width - margin
-  const maxY = windowSize.value.height - height - margin
-
-  const newPos = { ...pos }
-
-  switch (props.stick) {
-    case 'left':
-      if (pos.x < stickyDistance) newPos.x = margin
-      break
-    case 'right':
-      if (maxX - pos.x < stickyDistance) newPos.x = maxX
-      break
-    case 'top':
-      if (pos.y < stickyDistance) newPos.y = margin
-      break
-    case 'bottom':
-      if (maxY - pos.y < stickyDistance) newPos.y = maxY
-      break
-  }
-
-  return newPos
-}
-
-const constrainPosition = (pos) => {
-  const { width, height } = elementSize.value
-  const { margin } = props
-  const maxX = windowSize.value.width - width - margin
-  const maxY = windowSize.value.height - height - margin
-
-  return {
-    x: Math.min(Math.max(pos.x, margin), maxX),
-    y: Math.min(Math.max(pos.y, margin), maxY)
-  }
-}
-
-const handleStart = (event) => {
-  if (!props.draggable) return
-
-  const e = event.touches ? event.touches[0] : event
+const startDrag = (e) => {
   isDragging.value = true
-  startPos.value = {
-    x: e.clientX - position.value.x,
-    y: e.clientY - position.value.y
+  const { x, y } = getClientPos(e)
+  startPosition.value = {
+    x: x - position.value.x,
+    y: y - position.value.y
   }
 }
 
-const handleMove = (event) => {
+const onDrag = (e) => {
   if (!isDragging.value) return
 
-  const e = event.touches ? event.touches[0] : event
-  let newPos = {
-    x: e.clientX - startPos.value.x,
-    y: e.clientY - startPos.value.y
+  const { x: clientX, y: clientY } = getClientPos(e)
+  const maxX = window.innerWidth - (props.width || 0)
+  const maxY = window.innerHeight - (props.height || 0)
+
+  let newX = clientX - startPosition.value.x
+  let newY = clientY - startPosition.value.y
+
+  // 根据固定边限制移动方向
+  switch (props.fixedSide) {
+    case 'left':
+      newX = 0
+      newY = Math.max(0, Math.min(newY, maxY))
+      break
+    case 'right':
+      newX = maxX
+      newY = Math.max(0, Math.min(newY, maxY))
+      break
+    case 'top':
+      newX = Math.max(0, Math.min(newX, maxX))
+      newY = 0
+      break
+    case 'bottom':
+      newX = Math.max(0, Math.min(newX, maxX))
+      newY = maxY
+      break
+    default:
+      newX = Math.max(0, Math.min(newX, maxX))
+      newY = Math.max(0, Math.min(newY, maxY))
   }
 
-  if (props.dragMode === 'horizontal') {
-    newPos.y = position.value.y
-  } else if (props.dragMode === 'vertical') {
-    newPos.x = position.value.x
+  position.value = {
+    x: ['top', 'bottom', 'none'].includes(props.fixedSide) ? newX : position.value.x,
+    y: ['left', 'right', 'none'].includes(props.fixedSide) ? newY : position.value.y
   }
-
-  newPos = handleStick(newPos)
-  newPos = constrainPosition(newPos)
-
-  position.value = newPos
-  emit('update:position', newPos)
-
-  event.preventDefault()
 }
 
-const handleEnd = () => {
+const stopDrag = () => {
   isDragging.value = false
 }
 
+// 事件监听
 onMounted(() => {
-  updateSizes()
-  window.addEventListener('resize', updateSizes)
-  document.addEventListener('mousemove', handleMove)
-  document.addEventListener('mouseup', handleEnd)
-  document.addEventListener('touchmove', handleMove, { passive: false })
-  document.addEventListener('touchend', handleEnd)
+  document.addEventListener('mousemove', onDrag)
+  document.addEventListener('mouseup', stopDrag)
+  document.addEventListener('touchmove', onDrag)
+  document.addEventListener('touchend', stopDrag)
 })
 
-onBeforeUnmount(() => {
-  window.removeEventListener('resize', updateSizes)
-  document.removeEventListener('mousemove', handleMove)
-  document.removeEventListener('mouseup', handleEnd)
-  document.removeEventListener('touchmove', handleMove)
-  document.removeEventListener('touchend', handleEnd)
+onUnmounted(() => {
+  document.removeEventListener('mousemove', onDrag)
+  document.removeEventListener('mouseup', stopDrag)
+  document.removeEventListener('touchmove', onDrag)
+  document.removeEventListener('touchend', stopDrag)
 })
-
-watch(() => props.initialPosition, (newPos) => {
-  position.value = newPos
-}, {deep: true})
 </script>
 
-<template>
-  <div
-      ref="containerRef"
-      class="drag-window"
-      :class="{ 'dragging': isDragging }"
-      :style="transformStyle"
-      @mousedown="handleStart"
-      @touchstart="handleStart"
-  >
-    <slot></slot>
-  </div>
-</template>
-
 <style scoped>
-.drag-window {
-  position: fixed;
+.draggable-container {
   touch-action: none;
   user-select: none;
-  -webkit-user-select: none;
-  will-change: transform;
-  transition: transform 0.2s ease;
-}
-
-.drag-window.dragging {
-  transition: none;
-  cursor: move;
+  z-index: 9999;
 }
 </style>
\ No newline at end of file
diff --git a/app/components/itemDetail/index.vue b/app/components/itemDetail/index.vue
index c6e8f92..f2ca9d6 100644
--- a/app/components/itemDetail/index.vue
+++ b/app/components/itemDetail/index.vue
@@ -39,7 +39,7 @@ const props = defineProps({
   </div>
   <div class="flex px-[16px] bg-#fff h-[36px] items-center mb-6px">
     <div class="text-[#575757] text-[14px]">{{$t('detail.text6')}}：</div>
-    <div class="text-#575757 text-14px font-bold">RMB 1,000</div>
+    <div class="text-#575757 text-14px font-bold">{{detailInfo?.startPriceCurrency}} {{detailInfo?.startPrice}}</div>
   </div>
   <div class="px-[16px] bg-#fff pt-12px pb-18px">
     <div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}：</div>
diff --git a/app/components/x-van-date/index.vue b/app/components/x-van-date/index.vue
index 939069e..7acabd5 100644
--- a/app/components/x-van-date/index.vue
+++ b/app/components/x-van-date/index.vue
@@ -1,11 +1,10 @@
 <script setup>
-import { ref, computed } from 'vue'
+import {ref, computed} from 'vue'
 import dayjs from 'dayjs'
 
 const props = defineProps({
   modelValue: {
-    type: [Date, String, Number],
-    default: () => new Date() // 默认当前日期
+    type: [Date, String, Number]
   },
   label: {
     type: String,
@@ -25,11 +24,11 @@ const props = defineProps({
   },
   minDate: {
     type: Date,
-    default: () => new Date(1900, 0, 1)
+    default: () => dayjs('1900-01-01').toDate()
   },
   maxDate: {
     type: Date,
-    default: () => new Date(2100, 11, 31)
+    default: () => dayjs('2100-12-31').toDate()
   },
   format: {
     type: String,
@@ -40,48 +39,58 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue', 'change'])
 const show = ref(false)
 
-// 显示文本
-const displayText = computed(() => {
-  return dayjs(props.modelValue).format(props.format)
-})
-
-// 默认值
+// 默认值处理
 const defaultValue = computed(() => {
-  const date = props.modelValue || new Date()
+  let date
+  if (props.modelValue) {
+    date = dayjs(props.modelValue)
+  } else {
+    date = dayjs()
+  }
+
+  // 确保日期有效
+  if (!date.isValid()) {
+    date = dayjs()
+  }
+
   return [
-    date.getFullYear(),
-    date.getMonth() + 1,
-    date.getDate()
+    date.year(),
+    date.month() + 1,
+    date.date()
   ]
 })
 
+// 格式化日期
+const formatDate = (dateArr) => {
+  const [year, month, day] = dateArr
+  return dayjs(`${year}-${month}-${day}`).format(props.format)
+}
+
+// 显示值
+const displayValue = computed(() => {
+  if (!props.modelValue) return ''
+  const date = dayjs(props.modelValue)
+  return date.isValid() ? date.format(props.format) : ''
+})
+
 // 确认选择
-const onConfirm = ({ selectedValues }) => {
+const onConfirm = ({selectedValues}) => {
   show.value = false
-  const date = new Date(selectedValues[0], selectedValues[1] - 1, selectedValues[2])
-  emit('update:modelValue', date)
-  emit('change', date)
+  const formattedDate = formatDate(selectedValues)
+  emit('update:modelValue', formattedDate)
+  emit('change', formattedDate)
 }
 
 // 取消选择
 const onCancel = () => {
   show.value = false
 }
-
-// 重置为当前日期
-const reset = () => {
-  emit('update:modelValue', new Date())
-}
-
-defineExpose({
-  reset
-})
 </script>
 
 <template>
   <div>
     <van-field
-        :model-value="displayText"
+        :model-value="displayValue"
         @click="show = true"
         readonly
         :disabled="disabled"
@@ -95,6 +104,9 @@ defineExpose({
     <van-popup
         v-model:show="show"
         position="bottom"
+        teleport="#__nuxt"
+        destroy-on-close
+        safe-area-inset-bottom
     >
       <van-date-picker
           :min-date="minDate"
diff --git a/app/components/x-van-select/index.vue b/app/components/x-van-select/index.vue
index 8cfd298..42706d0 100644
--- a/app/components/x-van-select/index.vue
+++ b/app/components/x-van-select/index.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref } from 'vue'
 const props = defineProps({
-  value: {
+  modelValue: {
     type: [Number, String]
   },
   columns: {
@@ -30,28 +30,20 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['update:value', 'change'])
+const emit = defineEmits(['update:modelValue', 'change'])
 
 const show = ref(false)
 
 const onConfirm = (value) => {
   show.value = false
-  emit('update:value', value.value)
-  emit('change', value)
+  emit('update:modelValue', value.selectedValues?.[0])
+  emit('change', value.selectedValues?.[0])
 }
 
 const displayText = computed(() => {
-  const selected = props.columns.find(x => x.value === props.value)
+  const selected = props.columns.find(x => x.value === props.modelValue)
   return selected?.text || ''
 })
-
-const reset = () => {
-  emit('update:value', undefined)
-}
-
-defineExpose({
-  reset
-})
 </script>
 
 <template>
@@ -72,6 +64,7 @@ defineExpose({
         v-model:show="show"
         destroy-on-close
         position="bottom"
+        teleport="#__nuxt"
         safe-area-inset-bottom
     >
       <van-picker
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index d2e46f1..d06db27 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -44,7 +44,7 @@ const onRefresh = async () => {
 const openShow = async (item) => {
   localState.value.showDetail = true
   currentItem.value = item
-   getArtworkDetail(item.uuid)
+ /*  getArtworkDetail(item.uuid)*/
 }
 </script>
 
@@ -103,7 +103,7 @@ const openShow = async (item) => {
         </div>
       </van-list>
     </van-pull-refresh>
-    <DetailPopup v-model:show="localState.showDetail" :detailInfo="artWorkDetail"></DetailPopup>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="currentItem"></DetailPopup>
   </div>
 </template>
 
diff --git a/app/pages/liveRoom/components/SideButton/tangPopup.vue b/app/pages/liveRoom/components/SideButton/tangPopup.vue
index 95309d4..01a1385 100644
--- a/app/pages/liveRoom/components/SideButton/tangPopup.vue
+++ b/app/pages/liveRoom/components/SideButton/tangPopup.vue
@@ -119,8 +119,8 @@ watch(()=>props.show,(newValue)=>{
                 <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
                   {{ item.artworkTitle }}
                 </div>
-                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：RMB 1,000</div>
-                <div class="text-14px text-#B58047">{{ $t('home.close_price') }}：{{ $t('live_room.wait_update') }}</div>
+                <div class="text-14px text-#575757">{{ $t('home.start_price') }}：{{item?.startPriceCurrency}} {{item?.startPrice}}</div>
+                <div class="text-14px text-#B58047" v-if="item.soldPrice">{{ $t('home.close_price') }}：{{item.soldPrice}}</div>
               </div>
             </div>
           </van-list>
diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index c2f649a..c9998bb 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -120,7 +120,7 @@ const goLogin =async () => {
     userInfo.value=res.data.accountInfo
     token.value=res.data.token
 
-    if (!res.data.isReal){
+    if (res.data?.accountInfo?.userExtend?.isReal===0){
       await router.push('/realAuth');
     }else {
       await router.push('/');
diff --git a/app/pages/profile/index.vue b/app/pages/profile/index.vue
index c2056f6..20fdb07 100644
--- a/app/pages/profile/index.vue
+++ b/app/pages/profile/index.vue
@@ -32,7 +32,8 @@ const initData=async ()=>{
  const res=await userArtworks({})
   if (res.status===0){
     myList.value=res.data.data
-    showMyList.value=groupAndSortByDate(myList.value)
+   // showMyList.value=groupAndSortByDate(myList.value)
+    showMyList.value=[]
   }
 }
 const router = useRouter()
@@ -79,21 +80,28 @@ const onRefresh = async () => {
       <div class="text-#575757 text-14px">{{userInfo.telNum}}</div>
     </div>
   </div>
-    <div class="flex-grow-1 ">
+    <div class="grow-1 flex flex-col">
       <div class="border-b-1px border-b-#D3D3D3  px-16px flex">
         <div class="text-#000 text-16px border-b-3 border-b-#2B53AC h-36px">{{$t('home.my_lots')}}</div>
       </div>
       <van-pull-refresh       v-model="localState.refreshing"
                               :success-text="$t('home.refresh_show')"
                               :success-duration="700"
+                              class="h-full grow-1"
                               @refresh="onRefresh">
         <template #success>
           <van-icon name="success" /> <span>{{ $t('home.refresh_show') }}</span>
         </template>
         <van-list
             :finished-text="$t('home.finished_text')"
+            class="h-full"
         >
-          <div class="px-16px pt-14px" v-for="(item,index) of showMyList" >
+          <div class="flex flex-col items-center pt-100px" v-if="showMyList?.length<1">
+            <img class="w-103px h-88px mb-19px" src="@/static/images/zu5512@2x.png" alt="">
+            <div class="text-14px text-#575757">您暂无拍品</div>
+            <div class="text-14px text-#575757">快去竞拍吧</div>
+          </div>
+          <div class="px-16px pt-14px" v-for="(item,index) of showMyList" v-else >
             <div class="text-#575757 text-14px mb-3px">{{item.userCreatedAt}}</div>
             <div class="flex mb-22px" v-for="(item1,index1) of item.list" @click="goDetail(item1)">
               <div class="flex-shrink-0 mr-10px rounded-4px overflow-hidden">
diff --git a/app/pages/realAuth/components/detail.vue b/app/pages/realAuth/components/detail.vue
index 425ee92..336a218 100644
--- a/app/pages/realAuth/components/detail.vue
+++ b/app/pages/realAuth/components/detail.vue
@@ -44,17 +44,17 @@ const {userInfo}= authStore()
         <div class="mr-10px">{{$t('realAuth.birthday')}}：</div>
         <div>{{userInfo.birthDate}}</div>
       </div>
-      <div class="flex">
+      <div class="flex mb-20px">
         <div class="mr-10px">{{$t('realAuth.adress')}}：</div>
-        <div>{{userInfo.idNum}}</div>
+        <div>{{userInfo.userExtend.address}}</div>
       </div>
-      <div class="flex">
+      <div class="flex mb-20px">
         <div class="mr-10px">{{$t('realAuth.bank')}}：</div>
-        <div>{{userInfo.idNum}}</div>
+        <div>{{userInfo.userExtend.bankName}}</div>
       </div>
-      <div class="flex">
+      <div class="flex mb-20px">
         <div class="mr-10px">{{$t('realAuth.bankCard')}}：</div>
-        <div>{{userInfo.idNum}}</div>
+        <div>{{userInfo.userExtend.bankNo}}</div>
       </div>
     </template>
   </div>
diff --git a/app/pages/realAuth/index.vue b/app/pages/realAuth/index.vue
index 65d8ce7..4cf808e 100644
--- a/app/pages/realAuth/index.vue
+++ b/app/pages/realAuth/index.vue
@@ -5,18 +5,14 @@ import {userUpdate} from "@/api/auth/index.js";
 import {message} from '@/components/x-message/useMessage.js'
 import detail from './components/detail.vue'
 import {authStore} from "@/stores/auth/index.js";
+import XVanDate from '@/components/x-van-date/index.vue'
+import XVanSelect from '@/components/x-van-select/index.vue'
 const router = useRouter();
-const route = useRoute();
-const showPicker = ref(false);
+const { locale } = useI18n()
 const {userInfo}= authStore()
-const birthdayDate = ref([])
-const showBirthdayPicker = ref(false)
-const minDate = new Date(1950, 0, 1)
-const maxDate = new Date(2025, 12, 31)
-const active=ref(0)
+const active=ref(locale.value==='zh-CN'?0:1)
 const { t } = useI18n()
 const form=ref({
-  idNum: "",
   realName: "",
   sex:'',
   birthDate:'',
@@ -34,15 +30,6 @@ const columns=ref([
   { text: t('realAuth.male'), value: 1 },
   { text: t('realAuth.female'), value: 2 },
 ])
-const onConfirm = ({ selectedValues, selectedOptions }) => {
-form.value.sex=selectedValues?.[0]
-  showPicker.value = false
-}
-const onBirthdayConfirm = (value) => {
-  form.value.birthDate=value.selectedValues.join('-')
-  showBirthdayPicker.value = false
-}
-
 function isFormComplete(obj) {
   for (const key in obj) {
     if (typeof obj[key] === 'object' && obj[key] !== null) {
@@ -58,6 +45,7 @@ function isFormComplete(obj) {
 const statusCode=ref(0)
 const confirm=async ()=>{
   const thatForm=active.value===0?form1.value:form.value
+  thatForm.userExtend.isMainland=active.value===0?1:0
   if (isFormComplete(thatForm)){
    const res=await userUpdate(thatForm)
     if (res.status===0){
@@ -74,7 +62,6 @@ const goHome=()=>{
   router.push('/')
 }
 definePageMeta({
-  title: '实名认证',
   i18n: 'realAuth.title',
 })
 </script>
@@ -100,16 +87,13 @@ definePageMeta({
         <div class="text-[#BDBDBD] text-[16px] mb-[34px]">{{ $t('realAuth.otherTabDesc') }}</div>
         <div class="mb-[100px]">
           <div class="border-b-[1.7px] mt-[8px]">
-            <van-field :label="$t('realAuth.name')" clearable :placeholder="$t('realAuth.namePlaceholder')"></van-field>
+            <van-field v-model="form.realName" :label="$t('realAuth.name')" clearable :placeholder="$t('realAuth.namePlaceholder')"></van-field>
           </div>
           <div class="border-b-[1.7px] mt-[8px]">
-            <van-field :modelValue="columns.find(x=>x.value===form.sex)?.text" is-link readonly name="picker" :label="$t('realAuth.gender')"
-              @click="showPicker = true" />
+            <x-van-select v-model="form.sex" :placeholder="$t('realAuth.text1')" :label="$t('realAuth.gender')" :columns="columns"/>
           </div>
           <div class="border-b-[1.7px] mt-[8px]">
-            <van-field v-model="form.birthDate" is-link readonly name="birthdayPicker" :label="$t('realAuth.birthday')"
-              :placeholder="$t('realAuth.birthdayPlaceholder')" @click="showBirthdayPicker = true" />
-
+            <x-van-date v-model="form.birthDate" :label="$t('realAuth.birthday')" :placeholder="$t('realAuth.birthdayPlaceholder')"/>
           </div>
           <div class="border-b-[1.7px] mt-[8px]">
             <van-field v-model="form.userExtend.address" :label="$t('realAuth.adress')" clearable
@@ -144,13 +128,6 @@ definePageMeta({
     <div v-else class="mt-auto pb-94px">
       <van-button color="#E9F1F8" @click="goHome" style="color: #2B53AC;font-weight: 600" block>{{ $t('home.go_home')}}</van-button>
     </div>
-    <van-popup v-model:show="showPicker" destroy-on-close position="bottom">
-      <van-picker :columns="columns"  @confirm="onConfirm" @cancel="showPicker = false" />
-    </van-popup>
-    <van-popup v-model:show="showBirthdayPicker" destroy-on-close position="bottom">
-      <van-date-picker v-model="birthdayDate" :min-date="minDate" :max-date="maxDate"
-        @cancel="showBirthdayPicker = false" @confirm="onBirthdayConfirm" />
-    </van-popup>
   </div>
 </template>
 
diff --git a/app/pages/signature/personal-Info/index.vue b/app/pages/signature/personal-Info/index.vue
index 4505929..a11b43f 100644
--- a/app/pages/signature/personal-Info/index.vue
+++ b/app/pages/signature/personal-Info/index.vue
@@ -28,10 +28,10 @@ const adress=ref('')
   <div
       class="w-[100vw] bg-[url('@/static/images/asdfsdd.png')] h-screen-nav bg-cover pt-77px flex-grow-1 flex flex-col ">
     <div class="text-16px text-#191919 font-bold mb-40px px-34px">
-      {{$t(personal.title)}}
+      {{$t('personal.title')}}
     </div>
     <div class="grow-1 px-34px">
-      <van-field type="tel" :label-width="161" :label="$t(personal.text)" class="mb-10px" :placeholder="$t('login.phonePlaceholder')">
+      <van-field type="tel" :label-width="161" :label="$t('personal.text')" class="mb-10px" :placeholder="$t('login.phonePlaceholder')">
         <template #label>
           <div class="flex">
             <div class="mr-41px whitespace-nowrap">{{$t('profile.phone')}}</div>
@@ -50,7 +50,7 @@ const adress=ref('')
       <van-field :label="$t('realAuth.bankCard')" class="mb-10px" :placeholder="$t('realAuth.bankCardPlaceholder')"/>
     </div>
     <div class="h-81px bg-#fff flex justify-center pt-7px border-t">
-      <van-button color="#2B53AC" class="w-213px van-btn-h-38px">{{$t(personal.next)}}</van-button>
+      <van-button color="#2B53AC" class="w-213px van-btn-h-38px">{{$t('personal.next')}}</van-button>
     </div>
   </div>
 </template>
diff --git a/app/static/images/zu5512@2x.png b/app/static/images/zu5512@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..e94948ec9477d47149b6200afa378366a3547052
GIT binary patch
literal 5890
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
Q_NO*rVq}4-M7zfPACUVX{{R30

literal 0
HcmV?d00001

diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 42baccb..ffaf303 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -73,7 +73,8 @@
     "bankCardPlaceholder": "请输入银行卡号码",
     "cancel": "取消",
     "confirm": "确定",
-    "success_mess": "提交成功"
+    "success_mess": "提交成功",
+    "text1": "请选择性别"
   },
   "detail": {
     "text1": "作者",