From fc0438b76df86d54fbf6d0bdf138c7227f04a6e4 Mon Sep 17 00:00:00 2001
From: hongchao <3228015117@qq.com>
Date: Fri, 4 Jul 2025 14:10:22 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=86=E7=94=A8=E7=94=B3=E8=AF=B7=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/business/leaseApply.vue             | 56 ++++++++++++++++---
 .../receiveRecord/receiveRecordEdit.vue       | 34 ++++++++---
 2 files changed, 73 insertions(+), 17 deletions(-)

diff --git a/src/pages/business/leaseApply.vue b/src/pages/business/leaseApply.vue
index 2cbcdd4..d34f154 100644
--- a/src/pages/business/leaseApply.vue
+++ b/src/pages/business/leaseApply.vue
@@ -8,9 +8,9 @@
                 :rule="rules.value"
                 :border="true"
             >
-                <uni-forms-item label="领用单位" name="unitId" required>
+                <uni-forms-item class="centered-item" label="领用单位" name="unitId" required>
                     <eselect
-                        style="width: 100%; height: 90rpx"
+                        style="width: 100%; height: 70rpx"
                         v-model="formData.unitId"
                         ref="treeSelect"
                         :options="unitList"
@@ -18,9 +18,9 @@
                         @clear="clearUnit"
                     ></eselect>
                 </uni-forms-item>
-                <uni-forms-item label="领用工程" name="proId" required>
+                <uni-forms-item class="centered-item" label="领用工程" name="proId" required>
                     <eselect
-                        style="width: 100%; height: 90rpx"
+                        style="width: 100%; height: 70rpx"
                         v-model="formData.proId"
                         ref="treeSelect2"
                         :options="proList"
@@ -31,23 +31,25 @@
                 <!-- <uni-forms-item label="采购申请编号" name="applyCode" required>
                     <uni-easyinput v-model="formData.applyCode" maxlength="10" placeholder="请输入采购申请编号" />
                 </uni-forms-item> -->
-                <uni-forms-item label="领料人" name="leasePerson" required>
+                <uni-forms-item class="centered-item" label="领料人" name="leasePerson" required>
                     <uni-easyinput
                         v-model="formData.leasePerson"
                         maxlength="10"
                         placeholder="请输入领料人"
+                        style="width: 100%; height: 70rpx"
                     />
                 </uni-forms-item>
-                <uni-forms-item label="联系电话" name="phone" required>
+                <uni-forms-item class="centered-item" label="联系电话" name="phone" required>
                     <uni-easyinput
                         v-model="formData.phone"
                         maxlength="11"
                         placeholder="请输入联系电话"
+                        style="width: 100%; height: 70rpx"
                     />
                 </uni-forms-item>
-                <uni-forms-item label="标准配置" name="configId">
+                <uni-forms-item class="centered-item" label="标准配置" name="configId">
                     <eselect
-                        style="width: 100%; height: 90rpx"
+                        style="width: 100%; height: 70rpx"
                         v-model="formData.configId"
                         ref="treeSelect"
                         :options="configList"
@@ -80,7 +82,7 @@
                         </div>
                     </div>
                 </uni-forms-item>
-                <uni-forms-item label="适用班组数" name="fitNum">
+                <uni-forms-item class="centered-item" label="适用班组数" name="fitNum">
                     <uni-easyinput
                         v-model="formData.fitNum"
                         type="number"
@@ -88,6 +90,7 @@
                         maxlength="10"
                         :clearable="false"
                         @blur="fitNumChange"
+                        style="width: 100%; height: 70rpx"
                     ></uni-easyinput>
                 </uni-forms-item>
             </uni-forms>
@@ -706,6 +709,7 @@ const onChangeNumber = (item) => {
     setTimeout(()=>{
         if(item.unitValue==1){
             item.preNum = Number(String(item.preNum).replace(/[^\d.]/g,''))
+
         }else{
             item.preNum = Number(String(item.preNum).replace(/[^\d]/g,''))
         }
@@ -785,6 +789,39 @@ const clearConfig = () => {
     }
 }
 
+.centered-item {
+    display: flex;
+    align-items: center; // 垂直居中
+    .uni-forms-item__label {
+        display: flex;
+        align-items: center; // 使 label 垂直居中
+    }
+    .uni-forms-item__content {
+        display: flex;
+        align-items: center; // 使输入框垂直居中
+    }
+}
+
+// 使用 :deep 选择器调整错误提示样式，添加 !important 提高优先级
+:deep(.uni-forms-item__error-message) {
+    position: absolute !important;
+    bottom: 0 !important; 
+    margin-top: 0 !important; 
+    font-size: 14rpx !important; 
+    line-height: 1 !important; // 确保行高合适
+    transform: translateY(50%); // 向下移动提示信息，可根据实际调整
+}
+
+:deep(.uni-forms-item) {
+    position: relative !important; 
+    padding-bottom: 5rpx !important; 
+    box-sizing: border-box; // 确保内边距包含在元素尺寸内
+}
+
+// 确保内容区域有足够空间
+:deep(.uni-forms-item__content) {
+    position: relative;
+}
 
 .accept {
     padding: 24rpx;
@@ -868,6 +905,7 @@ const clearConfig = () => {
             border-top: 1px #eee solid;
         }
 
+
         // // 表格区域
         // .table-area {
         //     margin-top: 24rpx;
diff --git a/src/pages/integratedQuery/receiveRecord/receiveRecordEdit.vue b/src/pages/integratedQuery/receiveRecord/receiveRecordEdit.vue
index 04b0dd9..c785368 100644
--- a/src/pages/integratedQuery/receiveRecord/receiveRecordEdit.vue
+++ b/src/pages/integratedQuery/receiveRecord/receiveRecordEdit.vue
@@ -8,11 +8,11 @@
                 :rule="rules.value"
                 :border="true"
             >
-                <uni-forms-item label="领用单位" name="unitId" required>
-                    <uni-easyinput v-model="formData.leaseUnit" disabled />
+                <uni-forms-item class="centered-item" label="领用单位" name="unitId" required>
+                    <uni-easyinput v-model="formData.leaseUnit" disabled style="width: 100%; height: 70rpx"/>
                 </uni-forms-item>
                 <uni-forms-item label="领用工程" name="proId" required>
-                    <uni-easyinput v-model="formData.leaseProject" disabled />
+                    <uni-easyinput v-model="formData.leaseProject" disabled style="width: 100%; height: 70rpx"/>
                 </uni-forms-item>
                 <!-- <uni-forms-item label="采购申请编号" name="applyCode" required>
                     <uni-easyinput
@@ -21,23 +21,25 @@
                         placeholder="请输入采购申请编号"
                     />
                 </uni-forms-item> -->
-                <uni-forms-item label="领料人" name="leasePerson" required>
+                <uni-forms-item class="centered-item" label="领料人" name="leasePerson" required>
                     <uni-easyinput
                         v-model="formData.leasePerson"
                         maxlength="10"
                         placeholder="请输入领料人"
+                        style="width: 100%; height: 70rpx"
                     />
                 </uni-forms-item>
-                <uni-forms-item label="联系电话" name="phone" required>
+                <uni-forms-item class="centered-item" label="联系电话" name="phone" required>
                     <uni-easyinput
                         v-model="formData.phone"
                         maxlength="11"
                         placeholder="请输入联系电话"
+                        style="width: 100%; height: 70rpx"
                     />
                 </uni-forms-item>
-                <uni-forms-item label="标准配置" name="configId">
+                <uni-forms-item class="centered-item" label="标准配置" name="configId">
                     <eselect
-                        style="width: 100%; height: 90rpx"
+                        style="width: 100%; height: 70rpx"
                         v-model="formData.configId"
                         ref="treeSelect"
                         :options="configList"
@@ -70,7 +72,7 @@
                         </div>
                     </div>
                 </uni-forms-item>
-                <uni-forms-item label="适用班组数" name="fitNum">
+                <uni-forms-item class="centered-item" label="适用班组数" name="fitNum">
                     <uni-easyinput
                         v-model="formData.fitNum"
                         type="number"
@@ -78,6 +80,7 @@
                         maxlength="10"
                         :clearable="false"
                         @blur="fitNumChange"
+                        style="width: 100%; height: 70rpx"
                     ></uni-easyinput>
                 </uni-forms-item>
             </uni-forms>
@@ -739,6 +742,21 @@ const clearConfig = () => {
         box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
     }
 }
+
+.centered-item {
+    display: flex;
+    align-items: center; // 垂直居中
+    .uni-forms-item__label {
+        display: flex;
+        align-items: center; // 使 label 垂直居中
+    }
+    .uni-forms-item__content {
+        display: flex;
+        align-items: center; // 使输入框垂直居中
+    }
+}
+
+
 .accept {
     padding: 24rpx;
     height: 95vh;