CC/ruoyi-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
van
2026-05-05 15:12:10 +08:00
parent 13101d6c24
commit 29e404149f
1 changed files with 37 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/system/jdorder/orderList.vue
View File

@@ -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>
<!-- 业务信息列 -->
<el-table-column label="型号" prop="modelNumber" min-width="128">
<!-- 业务信息列：型号单行撑满列宽，约 20 字以内不挤；更长在输入框内横向滚动，不换行以免行高乱跳 -->
<el-table-column label="型号" prop="modelNumber" min-width="232" class-name="jd-col-model">
<template slot-scope="scope">
<el-input
v-model="scope.row.modelNumber"
size="mini"
clearable
placeholder="型号"
@blur="onModelNumberBlur(scope.row)"
@keyup.enter.native="onModelNumberBlur(scope.row)"
/>
<div class="jd-cell-stretch jd-cell-stretch--model">
<el-input
v-model="scope.row.modelNumber"
class="jd-order-input-model"
size="mini"
clearable
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>