refactor: add new input fields for item details and enhance layout in PageFour component

pages/orderDetailRefactored/components/PageFour.vue

@@ -9,6 +9,57 @@
         </view>
 
         <!-- 编码、快递单号、物流图片 -->
+
+
+        <!-- 收单物品、收单类型 -->
+        <u-row class="info-row" justify="space-between">
+          <u-col span="5.8">
+            <u-form-item label="收单物品" prop="item">
+              <u--input v-model="warehouseInfo.item" placeholder="请输入收单物品" class="info-input" />
+            </u-form-item>
+          </u-col>
+          <view @tap="selectCustomerServiceName">
+            <u-col span="5.8">
+              <u-form-item label="收单类型" prop="customerServiceNameLabel">
+                <view class="click-wrapper">
+                  <u--input v-model="warehouseInfo.customerServiceNameLabel" placeholder="点击选择收单类型" class="info-input"
+                    disabled />
+                </view>
+              </u-form-item>
+              <u-picker :show="showCustomerServicePicker" :columns="customerServiceColumns" confirm keyName="label"
+                @confirm="handleConfirmCustomerService" @cancel="showCustomerServicePicker = false" />
+            </u-col>
+          </view>
+        </u-row>
+
+        <!-- 类别、是否需要查码 -->
+        <u-row class="info-row" justify="space-between">
+          <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>
+              </u-form-item>
+              <u-picker :show="showCategoryPicker" :columns="categoryColumns" confirm keyName="label"
+                @confirm="handleConfirmCategory" @cancel="showCategoryPicker = false" />
+            </view>
+          </u-col>
+          <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>
+              </u-form-item>
+              <u-picker :show="showNeedCheckCodePicker" :columns="needCheckCodeColumns" confirm keyName="label"
+                @confirm="handleConfirmNeedCheckCode" @cancel="showNeedCheckCodePicker = false" />
+            </view>
+          </u-col>
+        </u-row>
+
+
         <u-row class="info-row" justify="space-between">
           <u-col span="4.5">
             <u-form-item label="编码" prop="codeStorage">
@@ -32,48 +83,6 @@
           </u-col>
         </u-row>
 
-        <!-- 收单物品、收单类型 -->
-        <u-row class="info-row" justify="space-between">
-          <u-col span="5.8">
-            <u-form-item label="收单物品" prop="item">
-              <u--input v-model="warehouseInfo.item" placeholder="请输入收单物品" class="info-input" />
-            </u-form-item>
-          </u-col>
-          <u-col span="5.8">
-            <u-form-item label="收单类型" prop="customerServiceNameLabel">
-              <view class="click-wrapper" @tap="selectCustomerServiceName">
-                <u--input v-model="warehouseInfo.customerServiceNameLabel" placeholder="点击选择收单类型" class="info-input"
-                  disabled />
-              </view>
-            </u-form-item>
-            <u-picker :show="showCustomerServicePicker" :columns="customerServiceColumns" confirm keyName="label"
-              @confirm="handleConfirmCustomerService" @cancel="showCustomerServicePicker = false" />
-          </u-col>
-        </u-row>
-
-        <!-- 类别、是否需要查码 -->
-        <u-row class="info-row" justify="space-between">
-          <u-col span="5.8">
-            <u-form-item label="类别" prop="category">
-              <view class="click-wrapper" @tap="selectCategory">
-                <u--input v-model="warehouseInfo.categoryLabel" placeholder="点击选择类别" class="info-input" disabled />
-              </view>
-            </u-form-item>
-            <u-picker :show="showCategoryPicker" :columns="categoryColumns" confirm keyName="label"
-              @confirm="handleConfirmCategory" @cancel="showCategoryPicker = false" />
-          </u-col>
-          <u-col span="5.8">
-            <u-form-item label="是否需要查码" prop="needCheckCode">
-              <view class="click-wrapper" @tap="selectNeedCheckCode">
-                <u--input v-model="warehouseInfo.needCheckCodeLabel" placeholder="点击选择是否需要查码" class="info-input"
-                  disabled />
-              </view>
-            </u-form-item>
-            <u-picker :show="showNeedCheckCodePicker" :columns="needCheckCodeColumns" confirm keyName="label"
-              @confirm="handleConfirmNeedCheckCode" @cancel="showNeedCheckCodePicker = false" />
-          </u-col>
-        </u-row>
-
         <!-- 表款、查码费 -->
         <u-row class="info-row" justify="space-between">
           <u-col span="5.8">
@@ -144,8 +153,8 @@
         <u-row class="info-row">
           <u-col span="12">
             <u-form-item label="收单备注">
-              <u--textarea v-model="warehouseInfo.remarks" placeholder="请输入收单备注" class="info-input" confirmType="done"
-                rows="4" />
+              <u--textarea v-model="warehouseInfo.remarks" placeholder="请输入收单备注" class="info-textarea"
+                confirmType="done" rows="4" />
             </u-form-item>
           </u-col>
         </u-row>
@@ -156,7 +165,7 @@
     <view class="card-wrap">
       <view class="address-section">
         <view class="address-header add-button-container">
-            <text class="address-title">分成信息</text>
+          <text class="address-title">分成信息</text>
 
           <view class="add-button" @click="addSplit">
             <u-icon name="plus" size="24rpx" color="#108cff" />
@@ -791,6 +800,30 @@ export default {
   box-sizing: border-box;
 }
 
+.info-textarea {
+  width: 100%;
+  box-sizing: border-box;
+
+  ::v-deep .u-textarea {
+    min-height: 200rpx;
+    border-radius: 8rpx;
+    border: 1rpx solid #e5e7eb;
+    padding: 20rpx 16rpx;
+    line-height: 1.5;
+  }
+
+  ::v-deep textarea {
+    min-height: 200rpx;
+    border-radius: 8rpx;
+    border: 1rpx solid #e5e7eb;
+    padding: 20rpx 16rpx;
+    width: 100%;
+    box-sizing: border-box;
+    line-height: 1.5;
+    font-size: 28rpx;
+  }
+}
+
 .click-wrapper {
   width: 100%;
   cursor: pointer;
@@ -908,7 +941,7 @@ export default {
   border-radius: 11px;
 }
 
-.add-button-container{
+.add-button-container {
   justify-content: space-between;
 }
 </style>

pages/orderDetailRefactored/components/PageOne.vue

@@ -2,14 +2,7 @@
   <view class="page-one-container">
     <!-- 图片资料标题 -->
     <view class="page-header">
-      <!-- <text class="page-title">图片资料</text>
-      <u-button 
-        size="small" 
-        @click="handleSaveAllImages"
-        class="save-all-btn"
-      >
-        保存实物图
-      </u-button> -->
+    
       <view class="detail-image-header">
         <text class="detail-image-title">图片资料</text>
         <view class="copy-btn" @click="handleSaveAllImages">