From f5f23cd0f83475ff9dc973fae67198c6b45f5946 Mon Sep 17 00:00:00 2001
From: qiankanghui <kanghui.qian@xujiesoft.com>
Date: Wed, 29 Apr 2026 16:59:14 +0800
Subject: [PATCH] =?UTF-8?q?refactor(port):=20=E4=BC=98=E5=8C=96=E8=BF=90?=
 =?UTF-8?q?=E8=BE=93=E5=91=A8=E6=9C=9F=E8=A1=A8=E6=A0=BC=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除表格区域注释中的冗余描述
- 将 el-input 替换为原生 input 并设置数字类型
- 添加聚焦和失焦事件控制背景色变化
- 移除负边距并调整输入框居中方式
- 简化表格单元格样式，统一高度和对齐方式
- 优化输入框内部样式和文本居中显示
---
 src/views/modules/port/portTransit.vue | 79 ++++++++------------------
 1 file changed, 24 insertions(+), 55 deletions(-)

diff --git a/src/views/modules/port/portTransit.vue b/src/views/modules/port/portTransit.vue
index 22b6028..337a9ca 100644
--- a/src/views/modules/port/portTransit.vue
+++ b/src/views/modules/port/portTransit.vue
@@ -80,7 +80,7 @@
           </el-row>
         </el-form>
 
-        <!-- 表格区域（关键：撑满） -->
+        <!-- 表格区域 -->
         <div class="table-area">
           <div class="table-title">运输周期</div>
 
@@ -108,11 +108,13 @@
               align="center"
             >
               <template slot-scope="scope">
-                <el-input
-                  v-model="scope.row.transitDays"
+                <input
+                  v-model.number="scope.row.transitDays"
+                  type="number"
                   placeholder="请输入天数"
-                  class="centered-input"
-                  size="mini"
+                  style="width: 100%; border: none; text-align: center; outline: none; background: transparent;"
+                  @focus="$event.target.style.background = '#f5f7fa'"
+                  @blur="$event.target.style.background = 'transparent'"
                 />
               </template>
             </el-table-column>
@@ -519,65 +521,32 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">/* 表格行高 */
-::v-deep .el-table__row {
-  height: 60px !important;
-}
-
-/* 单元格内边距 */
-::v-deep .el-table td {
-  padding: 8px 0;
-  vertical-align: middle;
-}
-
-/* input 样式 */
-::v-deep .el-input__inner {
-  height: 36px !important;
-  line-height: 36px !important;
-}
+<style scoped lang="scss">
+/* 移除负边距，改用 flex 居中 */
 /deep/ .centered-input {
   width: 80%;
-  margin: -5px auto 0 auto;  /* 负的上边距向上移动 */
-}
-/* 整个弹窗拉高 */
-::v-deep .upload-dialog .el-dialog {
-  height: 90vh;
-  max-height: 90vh;
-  display: flex;
-  flex-direction: column;
+  margin: 0 auto;
 }
 
-/* body变成flex */
-::v-deep .upload-dialog .el-dialog__body {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-/* 总容器 */
-.upload-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
+/* 统一处理单元格样式 */
+::v-deep .el-table td {
+  padding: 0;  /* 移除默认 padding */
+  height: 40px;  /* 固定单元格高度 */
 }
 
-/* 顶部区域固定 */
-.upload-header {
-  flex-shrink: 0;
+::v-deep .el-table td .cell {
   display: flex;
   align-items: center;
-  margin-bottom: 10px;
-}
-
-/* 表格区域自动撑满 */
-.upload-table {
-  flex: 1;
-  overflow: hidden;
+  justify-content: center;
+  padding: 0;
+  height: 100%;
+  overflow: visible;  /* 允许边框溢出 */
 }
 
-/* 表格填满 */
-.upload-table .el-table {
-  height: 100%;
+/* 输入框样式 */
+/deep/ .centered-input .el-input__inner {
+  height: 28px;
+  line-height: 28px;
+  text-align: center;
 }
 </style>