xuan/pda-cli
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化(ui): 放大细码与表格等字体提升可读性

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
xuan
2026-08-26 17:55:38 +08:00
co-authored by Cursor
parent fc6e9915a6
commit e7827c4714
11 changed files with 116 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/storefabric/FabricInfoPopup.vue
+2 -2
View File
@@ -42,7 +42,7 @@ export default {
overflow: hidden;
}
.popupTitle {
font-size: 32rpx;
font-size: 34rpx;
font-weight: bold;
text-align: center;
margin-bottom: 20rpx;
@@ -58,7 +58,7 @@ export default {
display: flex;
padding: 16rpx 0;
border-bottom: 1rpx solid #f0f0f0;
font-size: 28rpx;
font-size: 30rpx;
}
.label {
width: 180rpx;
src/components/storefabric/FineCodePopup.vue
+8 -8
View File
@@ -58,10 +58,10 @@ export default {
return getFineCodeTableWidth(this.columns);
},
tableScrollHeight() {
const rowHeight = 56;
const headerHeight = 56;
const rowHeight = 68;
const headerHeight = 68;
const total = headerHeight + this.list.length * rowHeight;
return `${Math.min(Math.max(total, 112), 480)}rpx`;
return `${Math.min(Math.max(total, 136), 520)}rpx`;
},
},
methods: {
@@ -91,7 +91,7 @@ export default {
overflow: hidden;
}
.popupTitle {
font-size: 32rpx;
font-size: 34rpx;
font-weight: bold;
text-align: center;
margin-bottom: 20rpx;
@@ -102,7 +102,7 @@ export default {
text-align: center;
color: #999;
padding: 40rpx 0;
font-size: 28rpx;
font-size: 30rpx;
}
.tableScroll {
width: 100%;
@@ -131,8 +131,8 @@ export default {
}
.tableCell {
flex-shrink: 0;
padding: 12rpx 8rpx;
font-size: 22rpx;
padding: 16rpx 10rpx;
font-size: 28rpx;
color: #333;
text-align: center;
border-right: 1rpx solid #e1e1e1;
@@ -152,7 +152,7 @@ export default {
}
.tableTip {
margin-top: 16rpx;
font-size: 22rpx;
font-size: 26rpx;
color: #999;
text-align: center;
flex-shrink: 0;
src/components/storegoods/ProcessInBinBar.vue
+2 -2
View File
@@ -55,7 +55,7 @@ export default {
}
.process-in-binName {
margin-left: 12rpx;
font-size: 26rpx;
font-size: 28rpx;
color: #333;
max-width: 200rpx;
overflow: hidden;
@@ -64,7 +64,7 @@ export default {
}
.process-in-binClear {
margin-left: 16rpx;
font-size: 26rpx;
font-size: 28rpx;
color: #2979ff;
flex-shrink: 0;
}
src/components/storegoods/ProcessInDetailList.vue
+18 -18
View File
@@ -82,16 +82,16 @@
import { buildItemGroups } from '@/common/storeGoodsProcessIn';
const FINE_COLUMNS = [
{ label: '卷号', key: 'volume_number', width: 90 },
{ label: '匹数', key: 'roll', width: 90 },
{ label: '数量', key: 'weight', width: 110 },
{ label: '仓位', key: 'warehouse_bin_name', width: 120 },
{ label: '缸号', key: 'dye_factory_dyelot_number', width: 140 },
{ label: '卷号', key: 'volume_number', width: 110 },
{ label: '匹数', key: 'roll', width: 100 },
{ label: '数量', key: 'weight', width: 130 },
{ label: '仓位', key: 'warehouse_bin_name', width: 140 },
{ label: '缸号', key: 'dye_factory_dyelot_number', width: 160 },
];
const TARE_COLUMNS = [
{ label: '纸筒重量', key: 'paper_tube_weight', width: 120 },
{ label: '包装重量', key: 'package_weight', width: 120 },
{ label: '纸筒重量', key: 'paper_tube_weight', width: 140 },
{ label: '包装重量', key: 'package_weight', width: 140 },
];
export default {
@@ -113,7 +113,7 @@ export default {
cols.splice(idx + 1, 0, ...TARE_COLUMNS);
}
if (this.deletable) {
cols.push({ label: '操作', key: 'action', width: 90 });
cols.push({ label: '操作', key: 'action', width: 100 });
}
return cols;
},
@@ -160,7 +160,7 @@ export default {
border-bottom: 1rpx solid #e6f0ff;
}
.process-in-productTitle {
font-size: 28rpx;
font-size: 32rpx;
font-weight: bold;
color: #1a1a1a;
flex: 1;
@@ -168,14 +168,14 @@ export default {
}
.process-in-productSum,
.process-in-colorSum {
font-size: 24rpx;
font-size: 28rpx;
color: #666;
flex-shrink: 0;
}
.process-in-subText {
font-weight: normal;
color: #666;
font-size: 24rpx;
font-size: 28rpx;
}
.process-in-colorBlock {
padding: 16rpx 20rpx 20rpx;
@@ -191,7 +191,7 @@ export default {
margin-bottom: 8rpx;
}
.process-in-colorTitle {
font-size: 26rpx;
font-size: 30rpx;
font-weight: bold;
color: #333;
flex: 1;
@@ -201,17 +201,17 @@ export default {
display: flex;
flex-wrap: wrap;
gap: 16rpx 24rpx;
font-size: 24rpx;
font-size: 28rpx;
color: #888;
margin-bottom: 12rpx;
}
.process-in-fcTitle {
font-size: 24rpx;
font-size: 28rpx;
color: #2979ff;
margin-bottom: 8rpx;
}
.process-in-fcEmpty {
font-size: 24rpx;
font-size: 28rpx;
color: #bbb;
padding: 8rpx 0;
}
@@ -236,8 +236,8 @@ export default {
}
.process-in-fcCell {
box-sizing: border-box;
padding: 10rpx 8rpx;
font-size: 22rpx;
padding: 14rpx 10rpx;
font-size: 28rpx;
color: #333;
border-right: 1rpx solid #f0f0f0;
word-break: break-all;
@@ -254,7 +254,7 @@ export default {
}
.process-in-fcTip {
margin-top: 8rpx;
font-size: 22rpx;
font-size: 26rpx;
color: #999;
}
</style>
src/components/storegoods/ProcessOutDetailList.vue
+17 -17
View File
@@ -82,12 +82,12 @@
import { buildItemGroups } from '@/common/storeGoodsProcessOut';
const FINE_COLUMNS = [
{ label: '卷号', key: 'volume_number', width: 90 },
{ label: '匹数', key: 'roll', width: 90 },
{ label: '数量', key: 'weight', width: 110 },
{ label: '条码', key: 'bar_code', width: 220 },
{ label: '仓位', key: 'warehouse_bin_name', width: 120 },
{ label: '缸号', key: 'dye_factory_dyelot_number', width: 140 },
{ label: '卷号', key: 'volume_number', width: 110 },
{ label: '匹数', key: 'roll', width: 100 },
{ label: '数量', key: 'weight', width: 130 },
{ label: '条码', key: 'bar_code', width: 260 },
{ label: '仓位', key: 'warehouse_bin_name', width: 140 },
{ label: '缸号', key: 'dye_factory_dyelot_number', width: 160 },
];
export default {
@@ -102,7 +102,7 @@ export default {
},
fineColumns() {
if (!this.deletable) return FINE_COLUMNS;
return [...FINE_COLUMNS, { label: '操作', key: 'action', width: 90 }];
return [...FINE_COLUMNS, { label: '操作', key: 'action', width: 100 }];
},
fineTableWidth() {
const total = this.fineColumns.reduce((sum, col) => sum + (col.width || 100), 0);
@@ -147,7 +147,7 @@ export default {
border-bottom: 1rpx solid #e6f0ff;
}
.process-in-productTitle {
font-size: 28rpx;
font-size: 32rpx;
font-weight: bold;
color: #1a1a1a;
flex: 1;
@@ -155,14 +155,14 @@ export default {
}
.process-in-productSum,
.process-in-colorSum {
font-size: 24rpx;
font-size: 28rpx;
color: #666;
flex-shrink: 0;
}
.process-in-subText {
font-weight: normal;
color: #666;
font-size: 24rpx;
font-size: 28rpx;
}
.process-in-colorBlock {
padding: 16rpx 20rpx 20rpx;
@@ -178,7 +178,7 @@ export default {
margin-bottom: 8rpx;
}
.process-in-colorTitle {
font-size: 26rpx;
font-size: 30rpx;
font-weight: bold;
color: #333;
flex: 1;
@@ -188,17 +188,17 @@ export default {
display: flex;
flex-wrap: wrap;
gap: 16rpx 24rpx;
font-size: 24rpx;
font-size: 28rpx;
color: #888;
margin-bottom: 12rpx;
}
.process-in-fcTitle {
font-size: 24rpx;
font-size: 28rpx;
color: #2979ff;
margin-bottom: 8rpx;
}
.process-in-fcEmpty {
font-size: 24rpx;
font-size: 28rpx;
color: #bbb;
padding: 8rpx 0;
}
@@ -223,8 +223,8 @@ export default {
}
.process-in-fcCell {
box-sizing: border-box;
padding: 10rpx 8rpx;
font-size: 22rpx;
padding: 14rpx 10rpx;
font-size: 28rpx;
color: #333;
border-right: 1rpx solid #f0f0f0;
word-break: break-all;
@@ -241,7 +241,7 @@ export default {
}
.process-in-fcTip {
margin-top: 8rpx;
font-size: 22rpx;
font-size: 26rpx;
color: #999;
}
</style>
src/components/wyb-table/wyb-table.vue
+2 -2
View File
@@ -534,7 +534,7 @@
fontSize: {
type: Array,
default() {
return [20]
return [28]
}
},
defaultColWidth: {
@@ -548,7 +548,7 @@
minHeight: {
type: Array,
default() {
return [70]
return [84]
}
},
headerBgColor: {