1

src/views/system/jdorder/orderList.vue

@@ -383,9 +383,10 @@
                 <div class="field-value field-value--third-party-edit">
                   <el-input
                     v-model="row.modelNumber"
+                    class="jd-mobile-model-input"
                     size="small"
                     clearable
-                    placeholder="型号，失焦或点保存写入"
+                    placeholder="型号（单行，约20字），失焦或保存"
                     @blur="onModelNumberBlur(row)"
                   />
                   <el-button type="primary" size="mini" plain @click="onModelNumberSave(row)">保存</el-button>
@@ -587,17 +588,20 @@
             </template>
           </el-table-column>
 
-          <!-- 业务信息列 -->
+          <!-- 业务信息列：型号单行撑满列宽，约 20 字以内不挤；更长在输入框内横向滚动，不换行以免行高乱跳 -->
-          <el-table-column label="型号" prop="modelNumber" min-width="128">
+          <el-table-column label="型号" prop="modelNumber" min-width="232" class-name="jd-col-model">
             <template slot-scope="scope">
-              <el-input
+              <div class="jd-cell-stretch jd-cell-stretch--model">
-                v-model="scope.row.modelNumber"
+                <el-input
-                size="mini"
+                  v-model="scope.row.modelNumber"
-                clearable
+                  class="jd-order-input-model"
-                placeholder="型号"
+                  size="mini"
-                @blur="onModelNumberBlur(scope.row)"
+                  clearable
-                @keyup.enter.native="onModelNumberBlur(scope.row)"
+                  placeholder="型号（约20字）"
-              />
+                  @blur="onModelNumberBlur(scope.row)"
+                  @keyup.enter.native="onModelNumberBlur(scope.row)"
+                />
+              </div>
             </template>
           </el-table-column>
           <el-table-column label="地址" prop="address" min-width="220" show-overflow-tooltip class-name="address-cell">
@@ -3745,6 +3749,20 @@ export default {
   width: 100% !important;
   max-width: 100%;
 }
+/* 型号：单行、撑满单元格，过长时仅在输入框内滚动 */
+.order-table ::v-deep .jd-cell-stretch--model .jd-order-input-model {
+  width: 100% !important;
+  max-width: 100%;
+}
+.order-table ::v-deep .jd-cell-stretch--model .jd-order-input-model .el-input__inner {
+  overflow-x: auto;
+  text-overflow: clip;
+  white-space: nowrap;
+}
+.order-table ::v-deep td.jd-col-model .cell {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .order-table ::v-deep .jd-cell-stretch--num .jd-order-input-money .el-input__inner {
   text-align: right;
   padding-left: 8px;
@@ -4398,6 +4416,14 @@ export default {
 .field-value--third-party-edit ::v-deep .el-button {
   align-self: flex-start;
 }
+.field-value--third-party-edit ::v-deep .jd-mobile-model-input {
+  width: 100%;
+}
+.field-value--third-party-edit ::v-deep .jd-mobile-model-input .el-input__inner {
+  overflow-x: auto;
+  text-overflow: clip;
+  white-space: nowrap;
+}
 </style>