From f854489e89bc60ae114276ff7785486dddb57873 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E9=B9=8F?= <fanpeng@star-lock.cn>
Date: Mon, 20 Jan 2025 10:07:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=9B=E5=BB=BA=E5=AE=A1=E6=89=B9UI?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/approval/components/ApprovalCreate.vue    | 4 ++++
 src/pages/approval/components/DatetimePicker.vue    | 2 +-
 src/pages/approval/components/Description.vue       | 2 +-
 src/pages/approval/components/Form.vue              | 2 +-
 src/pages/approval/components/Images.vue            | 4 ++++
 src/pages/approval/components/Input.vue             | 1 +
 src/pages/approval/components/NavigatorSelector.vue | 2 +-
 src/pages/approval/components/SelectPicker.vue      | 2 +-
 src/pages/approval/components/VisitDuration.vue     | 2 +-
 src/pages/approval/components/Visitor.vue           | 6 +++---
 10 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/approval/components/ApprovalCreate.vue b/src/pages/approval/components/ApprovalCreate.vue
index 6f939c9..8fe7b0c 100644
--- a/src/pages/approval/components/ApprovalCreate.vue
+++ b/src/pages/approval/components/ApprovalCreate.vue
@@ -148,4 +148,8 @@
   :deep(.wd-step__line) {
     background: #255cf7;
   }
+
+  :deep(.wd-step.is-vertical .wd-step__content) {
+    padding-bottom: 0;
+  }
 </style>
diff --git a/src/pages/approval/components/DatetimePicker.vue b/src/pages/approval/components/DatetimePicker.vue
index 338eed4..8afab41 100644
--- a/src/pages/approval/components/DatetimePicker.vue
+++ b/src/pages/approval/components/DatetimePicker.vue
@@ -17,7 +17,7 @@
         <view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view>
         <view>{{ title }}</view>
       </view>
-      <view class="py-2" @click="openDialog">
+      <view class="pt-2" @click="openDialog">
         <view class="flex flex-items-center flex-justify-between">
           <view :class="[text ? 'custom-color-black' : 'color-#bfbfbf']">
             {{ text || placeholder }}
diff --git a/src/pages/approval/components/Description.vue b/src/pages/approval/components/Description.vue
index 5bed04c..e763af8 100644
--- a/src/pages/approval/components/Description.vue
+++ b/src/pages/approval/components/Description.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="px-2 text-3.5 pb-2">
+  <view class="px-2 text-3 pb-2">
     <view class="break-all">{{ title }}</view>
   </view>
 </template>
diff --git a/src/pages/approval/components/Form.vue b/src/pages/approval/components/Form.vue
index 3538184..32224a8 100644
--- a/src/pages/approval/components/Form.vue
+++ b/src/pages/approval/components/Form.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="pb-3 mb-2">
     <Visitor></Visitor>
-    <view class="bg-white mx-4 p-2 rounded-2 shadow-sm">
+    <view class="bg-white mx-4 px-2 pt-3 pb-4 rounded-2 shadow-sm">
       <Input
         :id="0"
         value="单行"
diff --git a/src/pages/approval/components/Images.vue b/src/pages/approval/components/Images.vue
index c1b3798..26b5b62 100644
--- a/src/pages/approval/components/Images.vue
+++ b/src/pages/approval/components/Images.vue
@@ -58,4 +58,8 @@
   :deep(.wd-upload__picture) {
     border-radius: 12rpx;
   }
+
+  :deep(.wd-upload__evoke) {
+    margin-bottom: 0;
+  }
 </style>
diff --git a/src/pages/approval/components/Input.vue b/src/pages/approval/components/Input.vue
index d24115a..6a341bc 100644
--- a/src/pages/approval/components/Input.vue
+++ b/src/pages/approval/components/Input.vue
@@ -104,6 +104,7 @@
   }
 
   :deep(.wd-input__inner) {
+    height: var(--wot-input-inner-height, 24px);
     font-size: 0.875rem;
   }
 </style>
diff --git a/src/pages/approval/components/NavigatorSelector.vue b/src/pages/approval/components/NavigatorSelector.vue
index fe88998..810b893 100644
--- a/src/pages/approval/components/NavigatorSelector.vue
+++ b/src/pages/approval/components/NavigatorSelector.vue
@@ -15,7 +15,7 @@
         <view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view>
         <view>{{ title }}</view>
       </view>
-      <view class="py-2" @click="toSelect">
+      <view class="pt-2" @click="toSelect">
         <view class="flex flex-items-center flex-justify-between">
           <view :class="[text ? 'custom-color-black' : 'color-#bfbfbf']">
             {{ text || placeholder }}
diff --git a/src/pages/approval/components/SelectPicker.vue b/src/pages/approval/components/SelectPicker.vue
index 65aad0e..878d8ee 100644
--- a/src/pages/approval/components/SelectPicker.vue
+++ b/src/pages/approval/components/SelectPicker.vue
@@ -92,7 +92,7 @@
 
 <style scoped lang="scss">
   :deep(.wd-select-picker__cell) {
-    padding: var(--wot-cell-wrapper-padding, 10px) 0;
+    padding: 0;
     background-color: transparent;
   }
 
diff --git a/src/pages/approval/components/VisitDuration.vue b/src/pages/approval/components/VisitDuration.vue
index 87d89b8..b6084c4 100644
--- a/src/pages/approval/components/VisitDuration.vue
+++ b/src/pages/approval/components/VisitDuration.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="px-2 text-3.5">
     <view v-if="inline">
-      <view class="flex flex-items-center pos-relative pb-1.5" @click="toSelect">
+      <view class="flex flex-items-center pos-relative" @click="toSelect">
         <view v-if="required" class="color-#f62933 pos-absolute left--2 mt-1">*</view>
         <view>{{ title }}</view>
         <view class="ml-a mr-2" :class="[text ? 'custom-color-black' : 'color-#bfbfbf']">
diff --git a/src/pages/approval/components/Visitor.vue b/src/pages/approval/components/Visitor.vue
index 1f8ac23..935e8c5 100644
--- a/src/pages/approval/components/Visitor.vue
+++ b/src/pages/approval/components/Visitor.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white mx-4 p-2 rounded-2 mb-2 shadow-sm">
+  <view class="bg-white mx-4 px-2 pb-3 pt-4.5 rounded-2 mb-2 shadow-sm">
     <Input :id="0" title="访客姓名" :required="true" @change="inputChange" inline></Input>
     <wd-divider color="#bcbfbe"></wd-divider>
     <Input
@@ -16,10 +16,10 @@
     <wd-divider color="#bcbfbe"></wd-divider>
     <NavigatorSelector :id="3" title="通行门禁点" type="accessControl" inline></NavigatorSelector>
   </view>
-  <view class="bg-white mx-4 p-2 rounded-2 mb-2 shadow-sm">
+  <view class="bg-white mx-4 px-2 py-3 rounded-2 mb-2 shadow-sm">
     <Keyboard :id="4" title="车牌号码" type="car" :maxlength="8" inline></Keyboard>
   </view>
-  <view class="bg-white mx-4 p-2 rounded-2 mb-2 shadow-sm">
+  <view class="bg-white mx-4 px-2 pt-3 pb-2 rounded-2 mb-2 shadow-sm">
     <DatetimePicker
       :id="5"
       ref="startDatetimePicker"