From 2e08e6efcb44c2525b094377f01131a01ecb73c7 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 5 Feb 2025 17:00:22 +0800
Subject: [PATCH] =?UTF-8?q?feat(collect-code):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=94=B6=E6=AC=BE=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加新的 API接口和相关组件
- 实现用户认证和艺术品列表展示- 新增个人资料填写页面- 优化首页和登录页面样式
---
 app/api-collect-code/auth/index.js            |  25 ++
 app/api-collect-code/goods/index.js           |  32 +++
 app/api-collect-code/http.js                  | 128 +++++++++++
 app/app.vue                                   |   4 +
 app/components/x-image/index.vue              |   2 -
 app/components/x-van-date/index.vue           | 109 +++++++++
 app/components/x-van-select/index.vue         |  88 +++++++
 app/pages/collectCode/login/index.vue         |   5 -
 app/pages/collectCode/mine/index.vue          | 215 ++++++++++++++++--
 .../signature/personal-Info/index.vue         |  52 +++++
 .../home/components/DetailPopup/index.vue     |   6 +-
 app/pages/home/components/ItemList/index.vue  |   2 +-
 .../components/SideButton/tangPopup.vue       |  66 +++---
 app/pages/liveRoom/index.client.vue           |   6 +-
 app/pages/login/index.vue                     |   2 +-
 app/static/images/delete3@.png                | Bin 0 -> 2566 bytes
 app/static/images/icon-design-42@3x.png       | Bin 0 -> 686 bytes
 app/stores-collect-code/auth/index.js         |  13 ++
 app/stores-collect-code/goods/index.js        | 114 ++++++++++
 app/stores-collect-code/live/index.js         |  43 ++++
 env/.env.test                                 |   1 +
 package.json                                  |   1 +
 pnpm-lock.yaml                                |  22 +-
 uno.config.js                                 |   3 +
 24 files changed, 864 insertions(+), 75 deletions(-)
 create mode 100644 app/api-collect-code/auth/index.js
 create mode 100644 app/api-collect-code/goods/index.js
 create mode 100644 app/api-collect-code/http.js
 create mode 100644 app/components/x-van-date/index.vue
 create mode 100644 app/components/x-van-select/index.vue
 create mode 100644 app/pages/collectCode/signature/personal-Info/index.vue
 create mode 100644 app/static/images/delete3@.png
 create mode 100644 app/static/images/icon-design-42@3x.png
 create mode 100644 app/stores-collect-code/auth/index.js
 create mode 100644 app/stores-collect-code/goods/index.js
 create mode 100644 app/stores-collect-code/live/index.js

diff --git a/app/api-collect-code/auth/index.js b/app/api-collect-code/auth/index.js
new file mode 100644
index 0000000..66c5ee3
--- /dev/null
+++ b/app/api-collect-code/auth/index.js
@@ -0,0 +1,25 @@
+import { request } from '@/api/http.js'
+
+export async function senCode(data) {
+
+    return await request({
+        url:'/api/v1/m/user/send',
+        method: 'POST',
+        data
+    })
+}
+export async function userLogin(data) {
+
+    return await request( {
+        url:'/api/v1/m/user/login',
+        method: 'POST',
+        data
+    })
+}
+export async function userUpdate(data) {
+    return await request( {
+        url:'/api/v1/m/user/update',
+        method: 'POST',
+        data
+    })
+}
\ No newline at end of file
diff --git a/app/api-collect-code/goods/index.js b/app/api-collect-code/goods/index.js
new file mode 100644
index 0000000..99c537d
--- /dev/null
+++ b/app/api-collect-code/goods/index.js
@@ -0,0 +1,32 @@
+import { request } from '@/api/http.js'
+
+export async function artworkList(data) {
+    return await request( {
+        url:'/api/v1/m/auction/default/artwork/list',
+        method: 'POST',
+        data
+    })
+}
+export async function defaultDetail(data) {
+    return await request ({
+        url:'/api/v1/m/auction/default/detail',
+        method: 'POST',
+       data
+    })
+}
+export async function artworkDetail(data) {
+
+    return await request( {
+        url:'/api/v1/m/artwork/detail',
+        method: 'POST',
+    data,
+    })
+}
+export async function userArtworks(data) {
+
+    return await request( {
+        url:'/api/v1/m/user/artworks',
+        method: 'POST',
+        data
+    })
+}
diff --git a/app/api-collect-code/http.js b/app/api-collect-code/http.js
new file mode 100644
index 0000000..4b5be00
--- /dev/null
+++ b/app/api-collect-code/http.js
@@ -0,0 +1,128 @@
+import {useRuntimeConfig} from '#app'
+import {ofetch} from 'ofetch'
+import {message} from '@/components/x-message/useMessage.js'
+import {codeAuthStore} from "@/stores-collect-code/auth/index.js"
+
+let httpStatusErrorHandler
+let http
+
+// HTTP 状态码映射
+const HTTP_STATUS_MAP = {
+  400: '请求参数错误',
+  401: '未授权或登录过期',
+  403: '访问被禁止',
+  404: '请求的资源不存在',
+  500: '服务器内部错误',
+  502: '网关错误',
+  503: '服务暂时不可用',
+  504: '网关超时'
+}
+
+export function setupHttp() {
+  if (http) return http
+ const {token}=  codeAuthStore()
+  const config = useRuntimeConfig()
+  const baseURL = config.public.NUXT_PUBLIC_API_COLLECT_CODE
+
+  const router = useRouter()
+
+  const defaultOptions = {
+    baseURL,
+    headers: { 'Content-Type': 'application/json' },
+    timeout: 15000, // 15秒超时
+    retry: 3,
+    retryDelay: 1000,
+  }
+
+  http = ofetch.create({
+    ...defaultOptions,
+
+    // 请求拦截
+    async onRequest({ options, request }) {
+      // 添加 token
+      options.headers = {
+        ...options.headers,
+        Authorization: token.value
+      }
+
+      // GET 请求添加时间戳防止缓存
+      if (request.toLowerCase().includes('get')) {
+        options.params = {
+          ...options.params,
+          _t: Date.now()
+        }
+      }
+    },
+
+    // 响应拦截
+    async onResponse({ response }) {
+      const data = response._data
+
+      // 处理业务错误
+      if (data.status === 1) {
+        message.error(data.msg || '操作失败')
+      }
+
+      // 处理登录失效
+      if (data.status === 401) {
+        message.error('登录已过期，请重新登录')
+        token.value = '' // 清除 token
+        router.replace('/collectCode/login')
+      }
+
+      return response
+    },
+
+    // 响应错误处理
+    async onResponseError({ response, request }) {
+      // 网络错误
+      if (!response) {
+        message.error('网络连接失败，请检查网络设置')
+        return Promise.reject(new Error('网络错误'))
+      }
+      const status = response.status
+      const data = response._data
+
+      // 处理 HTTP 状态错误
+      const errorMessage = data.msg || HTTP_STATUS_MAP[status] || '请求失败'
+
+      if (Array.isArray(data.msg)) {
+        data.msg.forEach(item => {
+          httpStatusErrorHandler?.(item, status)
+        })
+      } else {
+        httpStatusErrorHandler?.(errorMessage, status)
+      }
+
+      message.error(errorMessage)
+      return Promise.reject(data)
+    },
+  })
+
+  return http
+}
+
+export function createAbortController() {
+  return new AbortController()
+}
+
+export function injectHttpStatusErrorHandler(handler) {
+  httpStatusErrorHandler = handler
+}
+
+export function getHttp() {
+  if (!http) {
+    throw new Error('HTTP client not initialized. Call setupHttp first.')
+  }
+  return http
+}
+
+// 导出请求工具函数
+export async function request({url,...options}) {
+  const http = getHttp()
+  try {
+    return await http(url, {...options,body:options.data})
+  } catch (error) {
+    throw error
+  }
+}
\ No newline at end of file
diff --git a/app/app.vue b/app/app.vue
index 240e930..a373a9a 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -51,6 +51,9 @@ provide('slideDirection', slideDirection)
 </template>
 
 <style>
+:root:root {
+  --van-dialog-radius: 8px
+}
 .slide-left-enter-active,
 .slide-left-leave-active,
 .slide-right-enter-active,
@@ -79,4 +82,5 @@ provide('slideDirection', slideDirection)
 :root {
   --safe-area-inset-bottom: env(safe-area-inset-bottom);
 }
+
 </style>
\ No newline at end of file
diff --git a/app/components/x-image/index.vue b/app/components/x-image/index.vue
index 88d87e9..0ea2349 100644
--- a/app/components/x-image/index.vue
+++ b/app/components/x-image/index.vue
@@ -36,7 +36,6 @@ const showImage = () => {
 <template>
 
   <nuxt-img
-      v-if="src"
       loading="lazy"
       v-bind="{ ...props, ...$attrs }"
       style="object-fit: cover"
@@ -48,7 +47,6 @@ const showImage = () => {
       :quality="quality"
       placeholder
   />
-  <van-empty v-else description="暂无" />
 </template>
 
 <style scoped>
diff --git a/app/components/x-van-date/index.vue b/app/components/x-van-date/index.vue
new file mode 100644
index 0000000..939069e
--- /dev/null
+++ b/app/components/x-van-date/index.vue
@@ -0,0 +1,109 @@
+<script setup>
+import { ref, computed } from 'vue'
+import dayjs from 'dayjs'
+
+const props = defineProps({
+  modelValue: {
+    type: [Date, String, Number],
+    default: () => new Date() // 默认当前日期
+  },
+  label: {
+    type: String,
+    default: '日期'
+  },
+  required: {
+    type: Boolean,
+    default: false
+  },
+  placeholder: {
+    type: String,
+    default: '请选择日期'
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  minDate: {
+    type: Date,
+    default: () => new Date(1900, 0, 1)
+  },
+  maxDate: {
+    type: Date,
+    default: () => new Date(2100, 11, 31)
+  },
+  format: {
+    type: String,
+    default: 'YYYY-MM-DD'
+  }
+})
+
+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()
+  return [
+    date.getFullYear(),
+    date.getMonth() + 1,
+    date.getDate()
+  ]
+})
+
+// 确认选择
+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 onCancel = () => {
+  show.value = false
+}
+
+// 重置为当前日期
+const reset = () => {
+  emit('update:modelValue', new Date())
+}
+
+defineExpose({
+  reset
+})
+</script>
+
+<template>
+  <div>
+    <van-field
+        :model-value="displayText"
+        @click="show = true"
+        readonly
+        :disabled="disabled"
+        :required="required"
+        :placeholder="placeholder"
+        :label="label"
+        class="mb-10px"
+        is-link
+    />
+
+    <van-popup
+        v-model:show="show"
+        position="bottom"
+    >
+      <van-date-picker
+          :min-date="minDate"
+          :max-date="maxDate"
+          :model-value="defaultValue"
+          @confirm="onConfirm"
+          @cancel="onCancel"
+          title="选择日期"
+      />
+    </van-popup>
+  </div>
+</template>
\ No newline at end of file
diff --git a/app/components/x-van-select/index.vue b/app/components/x-van-select/index.vue
new file mode 100644
index 0000000..8cfd298
--- /dev/null
+++ b/app/components/x-van-select/index.vue
@@ -0,0 +1,88 @@
+<script setup>
+import { ref } from 'vue'
+const props = defineProps({
+  value: {
+    type: [Number, String]
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+
+  label: {
+    type: String,
+    default: ''
+  },
+
+  required: {
+    type: Boolean,
+    default: false
+  },
+
+  placeholder: {
+    type: String,
+    default: '请选择'
+  },
+
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const emit = defineEmits(['update:value', 'change'])
+
+const show = ref(false)
+
+const onConfirm = (value) => {
+  show.value = false
+  emit('update:value', value.value)
+  emit('change', value)
+}
+
+const displayText = computed(() => {
+  const selected = props.columns.find(x => x.value === props.value)
+  return selected?.text || ''
+})
+
+const reset = () => {
+  emit('update:value', undefined)
+}
+
+defineExpose({
+  reset
+})
+</script>
+
+<template>
+  <div>
+    <van-field
+        :model-value="displayText"
+        @click="show = true"
+        readonly
+        :disabled="disabled"
+        :required="required"
+        :placeholder="placeholder"
+        :label="label"
+        class="mb-10px"
+        is-link
+    />
+
+    <van-popup
+        v-model:show="show"
+        destroy-on-close
+        position="bottom"
+        safe-area-inset-bottom
+    >
+      <van-picker
+          :columns="columns"
+          @confirm="onConfirm"
+          @cancel="show = false"
+          :default-index="columns.findIndex(x => x.value === value)"
+          title="请选择"
+          confirm-button-text="确定"
+          cancel-button-text="取消"
+      />
+    </van-popup>
+  </div>
+</template>
\ No newline at end of file
diff --git a/app/pages/collectCode/login/index.vue b/app/pages/collectCode/login/index.vue
index 1b28f2d..d251a55 100644
--- a/app/pages/collectCode/login/index.vue
+++ b/app/pages/collectCode/login/index.vue
@@ -10,10 +10,6 @@ const { userInfo, token,fingerprint } = authStore()
 const router = useRouter();
 const route = useRoute();
 const { locale } = useI18n()
-definePageMeta({
-  title: '登录',
-  i18n: 'login.title',
-})
 const loadingRef = ref({
   loading1: false,
   loading2: false,
@@ -137,7 +133,6 @@ const goLogin = async () => {
               <div class="text-[14px] text-[#2B53AC]">
                 {{ loginType === 0 ? '密码登录' : '验证码登录' }}
               </div>
-
             </div>
             <div />
           </div>
diff --git a/app/pages/collectCode/mine/index.vue b/app/pages/collectCode/mine/index.vue
index 9174321..005e24f 100644
--- a/app/pages/collectCode/mine/index.vue
+++ b/app/pages/collectCode/mine/index.vue
@@ -1,10 +1,9 @@
 <script setup>
 import { userArtworks } from "@/api/goods/index.js";
 import { authStore } from "@/stores/auth/index.js";
-
+import XImage from '@/components/x-image/index.vue'
 definePageMeta({
   layout: 'default',
-  title: '收款二维码',
   i18n: 'menu.profile',
 })
 const { userInfo } = authStore()
@@ -14,11 +13,19 @@ const initData = async () => {
 
   }
 }
+const show=ref(true)
+const close=()=>{
+  show.value=false
+
+}
+const confirm=()=>{
+  show.value=true
+}
 initData()
 </script>
 
 <template>
-  <div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] bg-cover pt-43px flex-grow-1 flex flex-col">
+  <div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] h-screen-nav bg-cover pt-43px flex-grow-1 flex flex-col">
     <div class="flex items-center px-16px mb-43px">
       <div class="mr-23px">
         <img class="w-57px h-57px" src="@/static/images/5514@2x.png" alt="">
@@ -27,29 +34,193 @@ initData()
         <div class="text-18px text-#181818">{{ userInfo.realName }}</div>
         <div class="text-#575757 text-14px">{{ userInfo.telNum }}</div>
       </div>
-      <div class="flex-grow-1 flex justify-end">
+      <div class="grow-1 flex justify-end">
         <img class="w-40px h-40px" src="@/static/images/logout.png" alt="">
       </div>
     </div>
-    <div class="flex-grow-1">
-      <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">线下付款二维码 </div>
-      </div>
-      <van-pull-refresh>
-        <van-list finished-text="没有更多了">
-          <van-swipe-cell>
-
-            <van-cell :border="false" title="单元格" value="内容" />
-            <template #right>
-              <van-button square type="danger" text="删除" />
-              <van-button square type="primary" text="收藏" />
-            </template>
-          </van-swipe-cell>
-        </van-list>
-      </van-pull-refresh>
+    <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">线下付款二维码 </div>
     </div>
+    <div class="grow-1 flex flex-col overflow-hidden  py-15px">
+      <div class="overflow-auto">
+        <van-pull-refresh>
+          <van-list finished-text="没有更多了" class="px-14px">
+            <van-swipe-cell class="mb-14px">
+              <div class="flex flex-col h-120px bg-#F7F7F7 rounded-4px px-13px">
+                <div class="flex h-40px border-b border-b-#F0F0F0 items-center justify-between px-8px">
+                  <div class="text-14px text-#000">¥ 980,000/980,000</div>
+                  <div class="text-12px text-#18A058">已付款</div>
+                </div>
+                <div class="flex flex-grow-1 px-8px py-11px">
+                  <div class="mr-8px">
+                    <XImage class="w-57px h-56px rounded-4px" src=""></XImage>
+                  </div>
+                  <div class="text-12px text-#1E1E1E">
+                    <div>Lot：22</div>
+                    <div>创建人：张三丰</div>
+                    <div>创建时间：2024-09-06 12:12:12</div>
+                  </div>
+                  <div class="flex flex-col justify-end ml-auto ">
+                    <div class="flex w-55px h-26px bg-#2B53AC rounded-4px justify-center items-center">
+                      <div class="text-12px text-#fff line-height-none mt-0.5px mr-5px">查看</div>
+                      <div>
+                        <img class="w-12px h-12px" src="@/static/images/icon-design-42@3x.png"  alt="">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <template #right>
+                <div class="w-65px h-full bg-#CF3050 flex items-center justify-center">
+                  <img class="w-22px h-24px" src="@/static/images/delete3@.png" alt="">
+                </div>
+              </template>
+            </van-swipe-cell>
+            <van-swipe-cell class="mb-14px">
+              <div class="flex flex-col h-120px bg-#F7F7F7 rounded-4px px-13px">
+                <div class="flex h-40px border-b border-b-#F0F0F0 items-center justify-between px-8px">
+                  <div class="text-14px text-#000">¥ 980,000/980,000</div>
+                  <div class="text-12px text-#18A058">已付款</div>
+                </div>
+                <div class="flex flex-grow-1 px-8px py-11px">
+                  <div class="mr-8px">
+                    <XImage class="w-57px h-56px rounded-4px" src=""></XImage>
+                  </div>
+                  <div class="text-12px text-#1E1E1E">
+                    <div>Lot：22</div>
+                    <div>创建人：张三丰</div>
+                    <div>创建时间：2024-09-06 12:12:12</div>
+                  </div>
+                  <div class="flex flex-col justify-end ml-auto ">
+                    <div class="flex w-55px h-26px bg-#2B53AC rounded-4px justify-center items-center">
+                      <div class="text-12px text-#fff line-height-none mt-0.5px mr-5px">查看</div>
+                      <div>
+                        <img class="w-12px h-12px" src="@/static/images/icon-design-42@3x.png"  alt="">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <template #right>
+                <div class="w-65px h-full bg-#CF3050 flex items-center justify-center">
+                  <img class="w-22px h-24px" src="@/static/images/delete3@.png" alt="">
+                </div>
+              </template>
+            </van-swipe-cell>
+            <van-swipe-cell class="mb-14px">
+              <div class="flex flex-col h-120px bg-#F7F7F7 rounded-4px px-13px">
+                <div class="flex h-40px border-b border-b-#F0F0F0 items-center justify-between px-8px">
+                  <div class="text-14px text-#000">¥ 980,000/980,000</div>
+                  <div class="text-12px text-#18A058">已付款</div>
+                </div>
+                <div class="flex flex-grow-1 px-8px py-11px">
+                  <div class="mr-8px">
+                    <XImage class="w-57px h-56px rounded-4px" src=""></XImage>
+                  </div>
+                  <div class="text-12px text-#1E1E1E">
+                    <div>Lot：22</div>
+                    <div>创建人：张三丰</div>
+                    <div>创建时间：2024-09-06 12:12:12</div>
+                  </div>
+                  <div class="flex flex-col justify-end ml-auto ">
+                    <div class="flex w-55px h-26px bg-#2B53AC rounded-4px justify-center items-center">
+                      <div class="text-12px text-#fff line-height-none mt-0.5px mr-5px">查看</div>
+                      <div>
+                        <img class="w-12px h-12px" src="@/static/images/icon-design-42@3x.png"  alt="">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <template #right>
+                <div class="w-65px h-full bg-#CF3050 flex items-center justify-center">
+                  <img class="w-22px h-24px" src="@/static/images/delete3@.png" alt="">
+                </div>
+              </template>
+            </van-swipe-cell>
+            <van-swipe-cell class="mb-14px">
+              <div class="flex flex-col h-120px bg-#F7F7F7 rounded-4px px-13px">
+                <div class="flex h-40px border-b border-b-#F0F0F0 items-center justify-between px-8px">
+                  <div class="text-14px text-#000">¥ 980,000/980,000</div>
+                  <div class="text-12px text-#18A058">已付款</div>
+                </div>
+                <div class="flex flex-grow-1 px-8px py-11px">
+                  <div class="mr-8px">
+                    <XImage class="w-57px h-56px rounded-4px" src=""></XImage>
+                  </div>
+                  <div class="text-12px text-#1E1E1E">
+                    <div>Lot：22</div>
+                    <div>创建人：张三丰</div>
+                    <div>创建时间：2024-09-06 12:12:12</div>
+                  </div>
+                  <div class="flex flex-col justify-end ml-auto ">
+                    <div class="flex w-55px h-26px bg-#2B53AC rounded-4px justify-center items-center">
+                      <div class="text-12px text-#fff line-height-none mt-0.5px mr-5px">查看</div>
+                      <div>
+                        <img class="w-12px h-12px" src="@/static/images/icon-design-42@3x.png"  alt="">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <template #right>
+                <div class="w-65px h-full bg-#CF3050 flex items-center justify-center">
+                  <img class="w-22px h-24px" src="@/static/images/delete3@.png" alt="">
+                </div>
+              </template>
+            </van-swipe-cell>
+          </van-list>
+        </van-pull-refresh>
+      </div>
+    </div>
+    <div class="h-81px w-full flex justify-center shrink-0 pt-10px">
+        <div class="w-213px h-38px bg-#2B53AC text-#fff flex justify-center items-center text-14px rounded-4px" @click="show=true">
+          新增
+        </div>
+    </div>
+    <van-dialog v-model:show="show"  show-cancel-button @close="close" @confirm="confirm">
+    <div class="pt-18px pb-24px px-24px">
+      <div class="text-16px text-#000 font-bold text-center mb-26px">新增收款二维码</div>
+      <div class="">
+        <div class="flex mb-6px items-center">
+          <div class="w-58px">
+            <div class="text-#1A1A1A text-16px">金额</div>
+            <div class="text-#939393 text-12px">RMB</div>
+          </div>
+          <div>
+            <input class="w-214px h-48px bg-#F3F3F3 rounded-4px px-11px text-16px" placeholder="请输入金额">
+          </div>
+        </div>
+        <div class="flex items-center">
+          <div class="w-58px">
+            <div class="text-#1A1A1A text-16px">Lot号</div>
+          </div>
+          <div>
+            <input class="w-214px h-48px bg-#F3F3F3 rounded-4px px-11px text-16px" placeholder="请输入拍品序号">
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-col items-center">
+        <div class="text-#CF3050 text-12px mb-8px mt-4px">*该拍品号当前已存在收款二维码，确定要创建吗？</div>
+        <div>
+          <XImage class="w-116px h-116px rounded-4px mb-9px" src=""></XImage>
+          <div class="text-12px text-#575757 flex flex-col items-center">
+            <div>日出而作，日落而息</div>
+            <div>张天赐</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    </van-dialog>
   </div>
 </template>
-<style scoped>
-
+<style scoped lang="scss">
+:deep(.van-hairline--top.van-dialog__footer){
+  &>.van-button{
+    border-top: 1px solid #E7E7E7;
+    &.van-dialog__cancel{
+      border-right: 1px solid #E7E7E7;
+    }
+  }
+}
 </style>
diff --git a/app/pages/collectCode/signature/personal-Info/index.vue b/app/pages/collectCode/signature/personal-Info/index.vue
new file mode 100644
index 0000000..38d6152
--- /dev/null
+++ b/app/pages/collectCode/signature/personal-Info/index.vue
@@ -0,0 +1,52 @@
+<script setup>
+import {useI18n} from "vue-i18n";
+import XVanSelect from '@/components/x-van-select/index.vue'
+import XVanDate from '@/components/x-van-date/index.vue'
+
+definePageMeta({
+  layout: 'default',
+  i18n: 'menu.profile',
+})
+const {t} = useI18n()
+const showPicker = ref(false)
+const showPicker1 = ref(false)
+const onConfirm = () => {
+
+}
+const columns = ref([
+  {text: t('realAuth.male'), value: 1},
+  {text: t('realAuth.female'), value: 2},
+])
+</script>
+
+<template>
+  <div
+      class="w-[100vw] bg-[url('@/static/images/asdfsdd.png')] h-screen-nav bg-cover pt-43px flex-grow-1 flex flex-col px-34px">
+    <div class="text-16px text-#191919">
+      请填写个人相关信息
+    </div>
+    <div>
+      <van-field type="tel" :label-width="161" label="文本" class="mb-10px" placeholder="请输入手机号">
+        <template #label>
+          <div class="flex">
+            <div class="mr-41px whitespace-nowrap">手机号</div>
+            <div>
+              <span class="mr-13px">+ 86</span>
+              <van-icon name="arrow-down" class="text-#777777"/>
+            </div>
+          </div>
+        </template>
+      </van-field>
+      <van-field label="姓名" class="mb-10px" placeholder="请输入姓名"/>
+      <x-van-select label="性别" :columns="columns"/>
+      <x-van-date label="出生日期"/>
+      <van-field label="家庭住址" class="mb-10px" placeholder="请输入家庭住址"/>
+      <van-field label="所属银行" class="mb-10px" placeholder="请输入所属银行"/>
+      <van-field label="银行卡号码" class="mb-10px" placeholder="请输入银行卡号码"/>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/pages/home/components/DetailPopup/index.vue b/app/pages/home/components/DetailPopup/index.vue
index e315e58..91b4cec 100644
--- a/app/pages/home/components/DetailPopup/index.vue
+++ b/app/pages/home/components/DetailPopup/index.vue
@@ -9,6 +9,10 @@ const props = defineProps({
   show: {
     type: Boolean,
     default: false
+  },
+  detailInfo: {
+    type: Object,
+    default: null
   }
 })
 
@@ -19,6 +23,6 @@ const handleClose = () => {
 </script>
 <template>
   <xPopup :show="show" title="拍品详情" @update:show="handleClose">
-    <ItemDetail :detailInfo="artWorkDetail" />
+    <ItemDetail :detailInfo="detailInfo" />
   </xPopup>
 </template>
\ No newline at end of file
diff --git a/app/pages/home/components/ItemList/index.vue b/app/pages/home/components/ItemList/index.vue
index 99ac880..f35dd41 100644
--- a/app/pages/home/components/ItemList/index.vue
+++ b/app/pages/home/components/ItemList/index.vue
@@ -104,7 +104,7 @@ const openShow = async (item) => {
         </div>
       </van-list>
     </van-pull-refresh>
-    <DetailPopup v-model:show="localState.showDetail"></DetailPopup>
+    <DetailPopup v-model:show="localState.showDetail" :detailInfo="artWorkDetail"></DetailPopup>
   </div>
 </template>
 
diff --git a/app/pages/liveRoom/components/SideButton/tangPopup.vue b/app/pages/liveRoom/components/SideButton/tangPopup.vue
index a4828f4..ac49fac 100644
--- a/app/pages/liveRoom/components/SideButton/tangPopup.vue
+++ b/app/pages/liveRoom/components/SideButton/tangPopup.vue
@@ -13,48 +13,52 @@ const props = defineProps({
   }
 })
 const emit = defineEmits(['update:show'])
-
+const showDetailInfo=ref(null)
 const close = () => emit('update:show', false);
-const openShow=()=>{
+const openShow=(item)=>{
+  showDetailInfo.value=item
   showDetail.value=true
+
 }
 </script>
 
 <template>
-  <x-popup :show="show" @update:show="close">
-    <template #title>
-      <div class="text-#000 text-16px">拍品列表</div>
-      <div class="text-#939393 text-16px ml-14px">共{{ pageRef.itemCount }}个拍品</div>
-    </template>
-    <div>
-      <div
-          v-for="(item,index) of itemList"
-          :key="item.uuid"
-          class="flex mb-21px"
-          @click="openShow"
-      >
+  <div>
+    <x-popup :show="show" @update:show="close">
+      <template #title>
+        <div class="text-#000 text-16px">拍品列表</div>
+        <div class="text-#939393 text-16px ml-14px">共{{ pageRef.itemCount }}个拍品</div>
+      </template>
+      <div>
         <div
-            class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer"
+            v-for="(item,index) of itemList"
+            :key="item.uuid"
+            class="flex mb-21px"
+            @click="openShow(item)"
         >
-          <xImage
-              :preview="false"
-              class="w-80px h-80px"
-              :src="item.artwork?.hdPic"
-              :alt="item?.artworkTitle"
-              loading="lazy"
-          />
-        </div>
-        <div>
-          <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
-            {{ item.artworkTitle }}
+          <div
+              class="mr-10px flex-shrink-0 rounded-4px overflow-hidden cursor-pointer"
+          >
+            <xImage
+                :preview="false"
+                class="w-80px h-80px"
+                :src="item.artwork?.hdPic"
+                :alt="item?.artworkTitle"
+                loading="lazy"
+            />
+          </div>
+          <div>
+            <div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
+              {{ item.artworkTitle }}
+            </div>
+            <div class="text-14px text-#575757">起拍价：RMB 1,000</div>
+            <div class="text-14px text-#B58047">成交价：等待更新</div>
           </div>
-          <div class="text-14px text-#575757">起拍价：RMB 1,000</div>
-          <div class="text-14px text-#B58047">成交价：等待更新</div>
         </div>
       </div>
-    </div>
-  </x-popup>
-  <DetailPopup v-model:show="showDetail"></DetailPopup>
+    </x-popup>
+    <DetailPopup v-model:show="showDetail" :detail-info="showDetailInfo"></DetailPopup>
+  </div>
 </template>
 
 <style scoped>
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index b78d0db..d06d9fa 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -135,11 +135,7 @@ watch(()=>{
 
   </div>
 </template>
-<style>
-:root:root {
-  --van-dialog-radius: 8px
-}
-</style>
+
 <style scoped>
 .v-enter-active,
 .v-leave-active {
diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index 16909fe..e7601f1 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -132,7 +132,7 @@ const goLogin =async () => {
 </script>
 
 <template>
-  <div class="h-[100vh] w-[100vw] bg-[url('@/static/images/asdfsdd.png')] bg-cover px-[31px] pt-[86px]">
+  <div class="h-screen-nav w-[100vw] bg-[url('@/static/images/asdfsdd.png')] bg-cover px-[31px] pt-[86px]">
     <div class="w-full flex justify-center mb-[100px]">
       <img class="h-[105px] w-[189px]" src="@/static/images/ghfggff.png" alt="">
     </div>
diff --git a/app/static/images/delete3@.png b/app/static/images/delete3@.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb41b7c0d1babca5c8607c4ed3b629a830cad88c
GIT binary patch
literal 2566
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

literal 0
HcmV?d00001

diff --git a/app/static/images/icon-design-42@3x.png b/app/static/images/icon-design-42@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b14485f97fd18ca26c751aa6baa1030765086e2
GIT binary patch
literal 686
zcmV;f0#W^mP)<h;3K|Lk000e1NJLTq001KZ001Ni1^@s61Kfk*00001b5ch_0Itp)
z=>Px%Xh}ptR9Hvtn9Hk8aTLctU*wfX2{E8BV&Yl2BY%N`l*d4fFkpa`gmOa}NJtbW
zWW-Gd%8cBJlt*GB*TjSy;VSQzy-vTa-O<^teeUC&!P&JZyS2Xi`&+;D`>yp{GPCQz
zCgRU4V3nkg?qX)^fHS~uNj>S?VxSk86omZ&?30;U(4lCyRMOM*;|suc;G(1*>DxBo
zN=4k>A{md)^Adn1z-eGQ5GC^fH~@Sq!QB8H0v;8~c<3KCax$|n;3hDuj?6(|Z?<Dc
zB%Q5`%pG8hqz@&yJAv~<MP>%D61XpEpw(oi0&BAOo}|yMCUZ3HdAFp)ttL};nnpZl
zI%FCh?O};bAMmY2oF)QufH4(B?<?>&OYlD>xYIKAo}KH=7hrM)>GnFZOw!Aea^Pxy
z4Hy-~^^(-%3hZ*cFzDoF?}1B_ewL7NmG=5HE{OX(Ti|U4jT@So*?&3HEM|L=F|)bA
zytJADNsrBJEU-Gb!acy+VhfSBZxP^iEBd_gobk3{X7cccX(O-#I37gt<eyO2&-enp
zxr*kD|EfmD+lD+c{lMl#=0uQ;oB7c_Ch1&?N={~c1&kUQcbuP``X#+c+vFk_eZB+F
zB>mGVGxKfABObx&8*~Ck{t~rmFEUMt-n*<UTrP;-0$@FGL(=P%GcI~tfoRVB%1-ZH
z&l&H|rbI&tcz!G|l!KFiAMaC=_9rr44z2>DgScJ}ZWSBywkVYOy{XyT!LYOt9WrJ%
zr1z%IHjQWx+)3a@3EWmAk)U$d%%by|DwwrlQPnZp6QE0y*Qk7q=5v`{gB_#&1=47%
Ul5xFVf&c&j07*qoM6N<$g2XmSJpcdz

literal 0
HcmV?d00001

diff --git a/app/stores-collect-code/auth/index.js b/app/stores-collect-code/auth/index.js
new file mode 100644
index 0000000..1882716
--- /dev/null
+++ b/app/stores-collect-code/auth/index.js
@@ -0,0 +1,13 @@
+import { createGlobalState,useLocalStorage } from '@vueuse/core'
+export const codeAuthStore = createGlobalState(() => {
+    const token=useLocalStorage('token','')
+    const RefreshToken=useLocalStorage('RefreshToken','')
+    const userInfo=useLocalStorage('userInfo',{})
+    const fingerprint=useLocalStorage('fingerprint','')
+    return{
+        userInfo,
+        RefreshToken,
+        token,
+        fingerprint
+    }
+})
\ No newline at end of file
diff --git a/app/stores-collect-code/goods/index.js b/app/stores-collect-code/goods/index.js
new file mode 100644
index 0000000..520d965
--- /dev/null
+++ b/app/stores-collect-code/goods/index.js
@@ -0,0 +1,114 @@
+import { createGlobalState } from '@vueuse/core'
+import { ref } from 'vue'
+import { artworkList, defaultDetail, artworkDetail } from "@/api/goods/index.js"
+
+export const goodStore = createGlobalState(() => {
+    // 状态定义
+    const actionDetails = ref({})
+    const fullLive = ref(false)
+    const currentItem = ref({})
+    const myArtWorks = ref([])
+    const pageRef = ref({
+        page: 0,
+        pageSize: 5,
+        itemCount: 0
+    })
+    const artWorkDetail = ref(null)
+    const itemList = ref([])
+    const auctionDetail = ref({})
+    const loading = ref(false)
+    const error = ref(null)
+
+    // 重置分页
+    const resetPage = () => {
+        pageRef.value.page = 1
+        pageRef.value.pageSize=5
+        pageRef.value.itemCount = 0
+    }
+
+    // 获取拍卖详情
+    const getAuctionDetail = async () => {
+        try {
+            loading.value = true
+            const res = await defaultDetail({})
+            if (res.status === 0) {
+                auctionDetail.value = res.data
+            }
+        } catch (err) {
+            console.error('获取拍卖详情错误:', err)
+        } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品列表
+    const getArtworkList = async (isRefresh = false) => {
+        if (isRefresh) {
+            resetPage()
+        }
+        try {
+            loading.value = true
+            const res = await artworkList({
+                auctionUuid: auctionDetail.value.uuid,
+                page: pageRef.value.page,
+                pageSize: pageRef.value.pageSize
+            })
+            if (res.status === 0) {
+                const newItems = res.data.data || []
+
+                if (isRefresh) {
+                    itemList.value = newItems
+                } else {
+                    itemList.value = [...itemList.value, ...newItems]
+                }
+
+                pageRef.value.itemCount = res.data.count || 0
+                return {
+                    finished: !newItems.length || newItems.length < pageRef.value.pageSize,
+                    items: newItems
+                }
+            }
+            return { finished: true, items: [] }
+        } catch (err) {
+            console.error('获取艺术品列表错误:', err)
+            return { finished: true, items: [] }
+        } finally {
+            loading.value = false
+        }
+    }
+
+    // 获取艺术品详情
+    const getArtworkDetail = async (uuid) => {
+        try {
+            loading.value = true
+            const res = await artworkDetail({ uuid })
+            if (res.status === 0) {
+                artWorkDetail.value = res.data
+            }
+        } catch (err) {
+            console.error('获取艺术品详情错误:', err)
+        } finally {
+            loading.value = false
+        }
+    }
+
+    return {
+        // 状态
+        actionDetails,
+        fullLive,
+
+        currentItem,
+        myArtWorks,
+        pageRef,
+        artWorkDetail,
+        itemList,
+        auctionDetail,
+        loading,
+        error,
+        // 方法
+        getAuctionDetail,
+        getArtworkList,
+        getArtworkDetail,
+        resetPage
+    }
+})
\ No newline at end of file
diff --git a/app/stores-collect-code/live/index.js b/app/stores-collect-code/live/index.js
new file mode 100644
index 0000000..49c0884
--- /dev/null
+++ b/app/stores-collect-code/live/index.js
@@ -0,0 +1,43 @@
+import { createGlobalState } from '@vueuse/core'
+import {ref} from "vue";
+import {goodStore} from "@/stores/goods/index.js";
+import {authStore} from "@/stores/auth/index.js";
+
+export const liveStore = createGlobalState(() => {
+    const {auctionDetail,getAuctionDetail} = goodStore();
+    const { token } = authStore()
+    const quoteStatus = ref(false)
+    const show = ref(false)
+    const show1=ref(true)
+    const playerId=ref('J_prismPlayer')
+    const auctionData=ref({})
+    const getSocketData=async ()=>{
+        if (!auctionDetail.value.uuid){
+            await getAuctionDetail()
+        }
+        const { ws, messages, onMessage } = useWebSocket()
+
+// 连接
+        ws.connect('/api/v1/m/auction/live',{auctionUuid: auctionDetail.value.uuid,token:token.value})
+
+        /*// 发送消息
+          ws.send({ type: 'chat', content: 'Hello!' })*/
+// 监听消息
+        onMessage((data) => {
+            console.log('收到消息:', data)
+            auctionData.value = data
+        })
+    }
+    const changeStatus = () => {
+        quoteStatus.value = !quoteStatus.value
+    }
+    return{
+        auctionData,
+        getSocketData,
+        show1,
+        playerId,
+        show,
+        quoteStatus,
+        changeStatus
+    }
+})
\ No newline at end of file
diff --git a/env/.env.test b/env/.env.test
index fa995ff..f9b4ddd 100644
--- a/env/.env.test
+++ b/env/.env.test
@@ -1,5 +1,6 @@
 # 测试环境配置
 NUXT_PUBLIC_API_BASE=http://172.16.100.99:8005
+NUXT_PUBLIC_API_COLLECT_CODE=https://auction-test.szjixun.cn
 NUXT_PUBLIC_WS_URL=ws://test-ws.example.com
 NUXT_API_SECRET=test-secret
 NUXT_PUBLIC_SOCKET_URL=ws://172.16.100.99:8005
diff --git a/package.json b/package.json
index 0ee6588..c712dc4 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@yeger/vue-masonry-wall": "^5.0.17",
     "aliyun-aliplayer": "^2.28.5",
     "axios": "^1.7.9",
+    "dayjs": "^1.11.13",
     "dotenv": "^16.4.7",
     "nuxt": "^3.15.0",
     "pinyin": "4.0.0-alpha.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9433dc5..4e33bbb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,9 @@ importers:
       axios:
         specifier: ^1.7.9
         version: 1.7.9
+      dayjs:
+        specifier: ^1.11.13
+        version: 1.11.13
       dotenv:
         specifier: ^16.4.7
         version: 16.4.7
@@ -781,8 +784,8 @@ packages:
     resolution: {integrity: sha512-8tR1xe7ZEbkabTuE/tNhzpolygUn9OaYp9yuYAF4MgDNZg06C3Qny80bes2/e9/Wm3aVkPUlCw6WgU7mQd0yEg==}
     engines: {node: '>= 16'}
 
-  '@intlify/shared@11.0.1':
-    resolution: {integrity: sha512-lH164+aDDptHZ3dBDbIhRa1dOPQUp+83iugpc+1upTOWCnwyC1PVis6rSWNMMJ8VQxvtHQB9JMib48K55y0PvQ==}
+  '@intlify/shared@11.1.0':
+    resolution: {integrity: sha512-DvpNSxiMrFqYMaGSRDDnQgO/L0MqNH4KWw9CUx8LRHHIdWp08En9DpmSRNpauUOxKpHAhyJJxx92BHZk9J84EQ==}
     engines: {node: '>= 16'}
 
   '@intlify/unplugin-vue-i18n@6.0.3':
@@ -2047,6 +2050,9 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  dayjs@1.11.13:
+    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
+
   db0@0.2.1:
     resolution: {integrity: sha512-BWSFmLaCkfyqbSEZBQINMVNjCVfrogi7GQ2RSy1tmtfK9OXlsup6lUMwLsqSD7FbAjD04eWFdXowSHHUp6SE/Q==}
     peerDependencies:
@@ -4994,14 +5000,14 @@ snapshots:
 
   '@intlify/shared@11.0.0-rc.1': {}
 
-  '@intlify/shared@11.0.1': {}
+  '@intlify/shared@11.1.0': {}
 
   '@intlify/unplugin-vue-i18n@6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.18.0(jiti@2.4.2))(rollup@4.31.0)(typescript@5.7.3)(vue-i18n@10.0.5(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0(jiti@2.4.2))
       '@intlify/bundle-utils': 10.0.0(vue-i18n@10.0.5(vue@3.5.13(typescript@5.7.3)))
-      '@intlify/shared': 11.0.1
-      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.0.1)(@vue/compiler-dom@3.5.13)(vue-i18n@10.0.5(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
+      '@intlify/shared': 11.1.0
+      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.1.0)(@vue/compiler-dom@3.5.13)(vue-i18n@10.0.5(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
       '@rollup/pluginutils': 5.1.4(rollup@4.31.0)
       '@typescript-eslint/scope-manager': 8.21.0
       '@typescript-eslint/typescript-estree': 8.21.0(typescript@5.7.3)
@@ -5025,11 +5031,11 @@ snapshots:
 
   '@intlify/utils@0.13.0': {}
 
-  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.0.1)(@vue/compiler-dom@3.5.13)(vue-i18n@10.0.5(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
+  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.1.0)(@vue/compiler-dom@3.5.13)(vue-i18n@10.0.5(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@babel/parser': 7.26.5
     optionalDependencies:
-      '@intlify/shared': 11.0.1
+      '@intlify/shared': 11.1.0
       '@vue/compiler-dom': 3.5.13
       vue: 3.5.13(typescript@5.7.3)
       vue-i18n: 10.0.5(vue@3.5.13(typescript@5.7.3))
@@ -6717,6 +6723,8 @@ snapshots:
 
   csstype@3.1.3: {}
 
+  dayjs@1.11.13: {}
+
   db0@0.2.1: {}
 
   debug@2.6.9:
diff --git a/uno.config.js b/uno.config.js
index 6d3559d..11ba549 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -13,6 +13,9 @@ import {
 
 // https://unocss.dev/guide/config-file
 export default defineConfig({
+  rules: [
+    ['h-screen-nav', { height: 'calc(100vh - var(--van-nav-bar-height))' }]
+  ],
   shortcuts: [
     // shortcuts to multiple utilities
     ['btn', 'px-6 py-3 rounded-3 inline-block bg-primary text-white cursor-pointer hover:bg-primary-hover disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],