1

src/views/system/jdorder/orderList.vue

@@ -341,7 +341,7 @@
               </span>
             </div>
 
-            <el-collapse-transition>
+            <!-- 不使用 el-collapse-transition：避免展开后部分 WebView 上 height/overflow 异常导致无法聚焦输入框 -->
             <div v-show="mobileExpandedOrderId === row.id" class="card-content">
               <div class="field-row">
                 <span class="field-label">订单号</span>
@@ -378,7 +378,7 @@
                   <i class="el-icon-edit-outline jd-dist-mark-edit-ico" aria-hidden="true" />
                 </div>
               </div>
-              <div class="field-row">
+              <div class="field-row field-row--model" @click.stop>
                 <span class="field-label">型号</span>
                 <div class="field-value field-value--third-party-edit">
                   <el-input
@@ -527,7 +527,6 @@
                 <span class="field-value">{{ row.status }}</span>
               </div>
             </div>
-            </el-collapse-transition>
           </div>
           
           <el-empty v-if="!loading && list.length === 0" description="暂无数据" :image-size="100" />
@@ -3988,6 +3987,31 @@ export default {
   padding: 4px 0 12px;
 }
 
+/* 型号：与售价区一致纵向全宽，避免窄屏右列挤压到无法聚焦 */
+.mobile-order-card .field-row--model {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 8px;
+  min-height: 0;
+}
+.mobile-order-card .field-row--model .field-label {
+  margin-right: 0;
+  min-width: 0;
+  text-align: left;
+  font-weight: 500;
+  color: #606266;
+}
+.mobile-order-card .field-row--model .field-value {
+  flex: none;
+  width: 100%;
+  min-width: 0;
+  text-align: left;
+}
+.mobile-order-card .field-row--model ::v-deep .jd-mobile-model-input .el-input__inner {
+  font-size: 16px;
+  line-height: 1.4;
+}
+
 .mobile-order-card .field-row--pricing .field-label {
   margin-right: 0;
   min-width: 0;