Просмотр исходного кода

还库任务-表格宽度调整

zhaohuanhuan 1 месяц назад
Родитель
Сommit
e0d4224f46

+ 17 - 0
src/views/inventory/returnTask/bin/index.vue

@@ -468,6 +468,23 @@ window.onRefresh = loadData
         word-break: break-all;
       }
 
+      // 设置列宽
+      .task-table th:nth-child(1),
+      .task-table td:nth-child(1) {
+        width: 110px; // 条码列
+      }
+
+      .task-table th:nth-child(3),
+      .task-table td:nth-child(3) {
+        width: 60px; // 格口号列
+      }
+
+      .task-table th:nth-child(4),
+      .task-table td:nth-child(4) {
+        width: 60px; // 数量列
+      }
+      // 商品名称列(第2列)不设置宽度,自动填充剩余空间
+
       .task-table thead,
       .task-table-bin thead,
       .task-table-box thead {

+ 17 - 0
src/views/inventory/returnTask/task/index.vue

@@ -760,6 +760,23 @@ window.onRefresh = loadData
         word-break: break-all;
       }
 
+      // 设置列宽
+      .task-table th:nth-child(1),
+      .task-table td:nth-child(1) {
+        width: 110px; // 条码列
+      }
+
+      .task-table th:nth-child(3),
+      .task-table td:nth-child(3) {
+        width: 60px; // 格口号列
+      }
+
+      .task-table th:nth-child(4),
+      .task-table td:nth-child(4) {
+        width: 60px; // 数量列
+      }
+      // 商品名称列(第2列)不设置宽度,自动填充剩余空间
+
       .task-table thead,
       .task-table-bin thead,
       .task-table-box thead {