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

- 为表格添加 cell-style 属性控制单元格高度
- 为输入框组件添加 size="mini" 属性
- 新增 cellStyle 方法设置单元格内边距和固定高度
- 使用 /deep/ 选择器调整输入框宽度和垂直居中效果
- 移除过时的错误居中样式注释

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 {