Browse Source

style(port): 调整表格单元格样式和输入框布局

- 为表格添加 cell-style 属性控制单元格高度
- 为输入框组件添加 size="mini" 属性
- 新增 cellStyle 方法设置单元格内边距和固定高度
- 使用 /deep/ 选择器调整输入框宽度和垂直居中效果
- 移除过时的错误居中样式注释
master
qiankanghui 4 weeks ago
parent
commit
a04c83e96e
  1. 15
      src/views/modules/port/portTransit.vue

15
src/views/modules/port/portTransit.vue

@ -89,6 +89,7 @@
border
style="width: 100%"
height="100%"
:cell-style="cellStyle"
>
<el-table-column
prop="shipMethod"
@ -111,6 +112,7 @@
v-model="scope.row.transitDays"
placeholder="请输入天数"
class="centered-input"
size="mini"
/>
</template>
</el-table-column>
@ -281,6 +283,12 @@ export default {
}
this.searchTable()
},
cellStyle() {
return {
padding: '8px 0', //
height: '30px' //
}
},
//
searchTable() {
this.dataListLoading = true
@ -527,10 +535,9 @@ export default {
height: 36px !important;
line-height: 36px !important;
}
/* 去掉错误居中方式 */
.centered-input {
width: 100%;
/deep/ .centered-input {
width: 80%;
margin: -5px auto 0 auto; /* 负的上边距向上移动 */
}
/* 整个弹窗拉高 */
::v-deep .upload-dialog .el-dialog {

Loading…
Cancel
Save