From 8d01653dace79006e051f1a95b330346629ac920 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 6 Feb 2025 10:20:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(collectCode):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=AD=BE=E5=90=8D=E5=8A=9F=E8=83=BD=E7=9B=B8=E5=85=B3=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加签名面板页面，实现签名提交和清除功能
- 更新个人信息页面布局，增加下一步按钮
- 新增协议页面，实现支付前协议展示和同意签字功能
- 在 uno.config.js 中添加自定义样式规则，用于覆盖默认按钮样式
---
 .../collectCode/signature/panel/index.vue     | 18 +++++++++
 .../signature/personal-Info/index.vue         | 14 +++++--
 .../collectCode/signature/protocol/index.vue  | 40 +++++++++++++++++++
 uno.config.js                                 |  8 +++-
 4 files changed, 75 insertions(+), 5 deletions(-)
 create mode 100644 app/pages/collectCode/signature/panel/index.vue
 create mode 100644 app/pages/collectCode/signature/protocol/index.vue

diff --git a/app/pages/collectCode/signature/panel/index.vue b/app/pages/collectCode/signature/panel/index.vue
new file mode 100644
index 0000000..c3f7297
--- /dev/null
+++ b/app/pages/collectCode/signature/panel/index.vue
@@ -0,0 +1,18 @@
+<script setup>
+const image = ref('');
+import { showToast } from 'vant';
+
+const onSubmit = (data) => {
+  image.value = data.image;
+};
+const onClear = () => showToast('clear');
+</script>
+
+<template>
+  <van-signature @submit="onSubmit" @clear="onClear" />
+  <van-image v-if="image" :src="image" />
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/pages/collectCode/signature/personal-Info/index.vue b/app/pages/collectCode/signature/personal-Info/index.vue
index 38d6152..37969d2 100644
--- a/app/pages/collectCode/signature/personal-Info/index.vue
+++ b/app/pages/collectCode/signature/personal-Info/index.vue
@@ -21,11 +21,11 @@ const columns = ref([
 
 <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">
+      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">
       请填写个人相关信息
     </div>
-    <div>
+    <div class="grow-1 px-34px">
       <van-field type="tel" :label-width="161" label="文本" class="mb-10px" placeholder="请输入手机号">
         <template #label>
           <div class="flex">
@@ -44,9 +44,15 @@ const columns = ref([
       <van-field label="所属银行" class="mb-10px" placeholder="请输入所属银行"/>
       <van-field label="银行卡号码" class="mb-10px" placeholder="请输入银行卡号码"/>
     </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">下一步</van-button>
+    </div>
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
+:deep(.van-cell.van-field){
+  padding-left: 0;
+}
 
 </style>
\ No newline at end of file
diff --git a/app/pages/collectCode/signature/protocol/index.vue b/app/pages/collectCode/signature/protocol/index.vue
new file mode 100644
index 0000000..3573d12
--- /dev/null
+++ b/app/pages/collectCode/signature/protocol/index.vue
@@ -0,0 +1,40 @@
+<script setup>
+const activeNames = ref(['1']);
+
+</script>
+
+<template>
+<div class="bg-#EBEBEB h-screen-nav flex flex-col">
+  <div class="h-50px text-14px text-#191919 bg-#fff flex items-center px-21px mb-6px">支付前需同意以下内容并签字</div>
+  <van-collapse v-model="activeNames" class="grow-1">
+    <van-collapse-item  name="1" class="mb-6px">
+      <template #title>
+        <div class="text-#2B53AC text-14px">《拍卖规则》</div>
+      </template>
+      代码是写出来给人看的，附带能在机器上运行。
+    </van-collapse-item>
+    <van-collapse-item  name="2" class="mb-6px">
+      <template #title>
+        <div class="text-#2B53AC text-14px">《拍卖规则》</div>
+      </template>
+      代码是写出来给人看的，附带能在机器上运行。
+    </van-collapse-item>
+    <van-collapse-item  name="3" class="mb-6px">
+      <template #title>
+        <div class="text-#2B53AC text-14px">《拍卖规则》</div>
+      </template>
+      代码是写出来给人看的，附带能在机器上运行。
+    </van-collapse-item>
+  </van-collapse>
+  <div class="h-81px bg-#fff flex justify-center pt-7px border-t">
+    <van-button color="#2B53AC" class="w-213px van-btn-h-38px">同意并签字</van-button>
+  </div>
+</div>
+</template>
+
+<style scoped>
+:deep(.van-cell__right-icon){
+  color: #ACACAC;
+  font-size: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/uno.config.js b/uno.config.js
index 11ba549..de61403 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -14,7 +14,13 @@ import {
 // https://unocss.dev/guide/config-file
 export default defineConfig({
   rules: [
-    ['h-screen-nav', { height: 'calc(100vh - var(--van-nav-bar-height))' }]
+    ['h-screen-nav', { height: 'calc(100vh - var(--van-nav-bar-height))' }],
+    [/^van-btn-w-(\d+)px$/, ([_, d]) => ({
+      width: `${d}px !important` // 使用 !important 覆盖默认样式
+    })],
+    [/^van-btn-h-(\d+)px$/, ([_, d]) => ({
+      height: `${d}px !important`
+    })]
   ],
   shortcuts: [
     // shortcuts to multiple utilities