refactor(PageFour): 优化表单选择器的布局和样式

将选择器从u--input改为直接显示文本，并调整点击区域样式
统一所有选择器的显示方式，提高一致性
添加flex布局使点击区域垂直居中

pages/orderDetailRefactored/components/PageFour.vue

@@ -18,18 +18,17 @@
               <u--input v-model="warehouseInfo.item" placeholder="请输入收单物品" class="info-input" />
             </u-form-item>
           </u-col>
-          <view @tap="selectCustomerServiceName">
-            <u-col span="5.8">
+          <u-col span="5.8">
+            <view @tap="selectCustomerServiceName">
               <u-form-item label="收单类型" prop="customerServiceNameLabel">
-                <view class="click-wrapper">
-                  <u--input v-model="warehouseInfo.customerServiceNameLabel" placeholder="点击选择收单类型" class="info-input"
-                    disabled />
+                <view class="click-wrapper info-input">
+                  {{ warehouseInfo.customerServiceNameLabel || '点击选择收单类型' }}
                 </view>
               </u-form-item>
               <u-picker :show="showCustomerServicePicker" :columns="customerServiceColumns" confirm keyName="label"
                 @confirm="handleConfirmCustomerService" @cancel="showCustomerServicePicker = false" />
-            </u-col>
-          </view>
+            </view>
+          </u-col>
         </u-row>
 
         <!-- 类别、是否需要查码 -->
@@ -37,8 +36,8 @@
           <u-col span="5.8">
             <view @tap="selectCategory">
               <u-form-item label="类别" prop="category">
-                <view class="click-wrapper">
-                  <u--input v-model="warehouseInfo.categoryLabel" placeholder="点击选择类别" class="info-input" disabled />
+                <view class="click-wrapper info-input">
+                  {{ warehouseInfo.categoryLabel || '点击选择类别' }}
                 </view>
               </u-form-item>
               <u-picker :show="showCategoryPicker" :columns="categoryColumns" confirm keyName="label"
@@ -48,9 +47,8 @@
           <u-col span="5.8">
             <view @tap="selectNeedCheckCode">
               <u-form-item label="是否需要查码" prop="needCheckCode">
-                <view class="click-wrapper">
-                  <u--input v-model="warehouseInfo.needCheckCodeLabel" placeholder="点击选择是否需要查码" class="info-input"
-                    disabled />
+                <view class="click-wrapper info-input">
+                  {{ warehouseInfo.needCheckCodeLabel || '点击选择是否需要查码' }}
                 </view>
               </u-form-item>
               <u-picker :show="showNeedCheckCodePicker" :columns="needCheckCodeColumns" confirm keyName="label"
@@ -825,6 +823,8 @@ export default {
 .click-wrapper {
   width: 100%;
   cursor: pointer;
+  display: flex;
+  align-items: center;
 }
 
 .image-uploader {