style(scanTally): 更新样式以提升可读性和一致性

- 调整多个文本元素的字体大小和最大宽度，增强视觉效果 - 修改标签和描述的布局，确保信息展示更加清晰 - 统一调整相关元素的宽度，改善用户体验

style(scanTally): 更新样式以提升可读性和一致性
- 调整多个文本元素的字体大小和最大宽度，增强视觉效果 - 修改标签和描述的布局，确保信息展示更加清晰 - 统一调整相关元素的宽度，改善用户体验
49eb8b64 · liangjianmin · 1b365cc1 · 49eb8b64 · 49eb8b64
Commit 49eb8b64 authored Apr 14, 2026 by liangjianmin
Showing with 31 additions and 31 deletions
assets/css/scanTally/index.scss
pages/scanTally/index.vue
--- a/assets/css/scanTally/index.scss
+++ b/assets/css/scanTally/index.scss
@@ -284,33 +284,33 @@
                margin-bottom: 8rpx;
                .label {
-                    width: 160rpx;
+                    width: 194rpx;
-                    font-size: 24rpx;
+                    font-size: 32rpx;
                    color: #919399;
                }
                .text {
-                    font-size: 24rpx;
+                    font-size: 32rpx;
                    color: #1969f9;
                    margin-left: 6rpx;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
-                    max-width: 176rpx;
+                    max-width: 130rpx;
                }
                .tt {
-                    font-size: 24rpx;
+                    font-size: 32rpx;
                    color: #484b59;
                    margin-left: 6rpx;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
-                    max-width: 176rpx;
+                    max-width: 130rpx;
                }
                .desc {
-                    font-size: 24rpx;
+                    font-size: 32rpx;
                    color: #484b59;
                    overflow: hidden;
                    text-overflow: ellipsis;

--- a/pages/scanTally/index.vue
+++ b/pages/scanTally/index.vue
@@ -233,9 +233,9 @@
                            <text class="label">库存类型：</text>
                            <text class="tt">{{ tallyDetail.stock_type_cn }}</text>
                        </view>
-                        <view class="item row verCenter" v-if="tallyDetail.sku_id > 0">
+                        <view class="item row verCenter" style="flex: 0 0 100%;" v-if="tallyDetail.sku_id > 0">
                            <text class="label">包装：</text>
-                            <text class="tt">{{ tallyDetail.packing_cn }} - {{ tallyDetail.mpq }}</text>
+                            <text class="tt" style="max-width: 100%;">{{ tallyDetail.packing_cn }} - {{ tallyDetail.mpq }}</text>
                        </view>
                        <view class="item row verCenter">
                            <text class="label">销售员：</text>
@@ -243,35 +243,35 @@
                        </view>
                        <view class="item row verCenter">
                            <text class="label">采购员：</text>
-                            <text class="desc" style="max-width: 491rpx;white-space: nowrap;">{{ tallyDetail.purchase_user }}/{{ tallyDetail.purchase_department_name }}</text>
+                            <text class="desc" style="max-width: 460rpx;white-space: nowrap;">{{ tallyDetail.purchase_user }}/{{ tallyDetail.purchase_department_name }}</text>
                        </view>
                        <view class="item row verCenter" style="flex: 0 0 100%;">
                            <text class="label">客户：</text>
-                            <text class="text" style="font-weight: bold;max-width: 491rpx;">{{ tallyDetail.customer_name }}</text>
+                            <text class="text" style="font-weight: bold;max-width: 460rpx;">{{ tallyDetail.customer_name }}</text>
                        </view>
                        <view class="item row" style="flex: 0 0 100%;" v-if="tallyDetail.customer_material_number">
-                            <text class="label" style="width: 150rpx;">客户物料编码：</text>
+                            <text class="label" style="width: 210rpx;">客户物料编码：</text>
-                            <text class="tt" style="max-width: 491rpx;">{{ tallyDetail.customer_material_number }}</text>
+                            <text class="tt" style="max-width: 460rpx;">{{ tallyDetail.customer_material_number }}</text>
                        </view>
                        <view class="item row" style="flex: 0 0 100%;" v-if="tallyDetail.pack_requeire">
-                            <text class="label" style="width: 150rpx;">包装要求：</text>
+                            <text class="label" style="width: 210rpx;">包装要求：</text>
-                            <text class="tt" style="max-width: 491rpx;color: red;">{{ tallyDetail.pack_requeire }}</text>
+                            <text class="tt" style="max-width: 460rpx;color: red;">{{ tallyDetail.pack_requeire }}</text>
                        </view>
                        <view class="item row" style="flex: 0 0 100%;" v-if="tallyDetail.is_need_three_qc">
-                            <text class="label" style="width: 150rpx;">需三方送检：</text>
+                            <text class="label" style="width: 210rpx;">需三方送检：</text>
-                            <text class="tt" style="max-width: 491rpx;color: red;">需三方送检</text>
+                            <text class="tt" style="max-width: 460rpx;color: red;">需三方送检</text>
                        </view>
                        <view class="item row verCenter" style="flex: 0 0 100%;">
                            <text class="label">供应商：</text>
-                            <text class="tt" style="max-width: 491rpx;">{{ tallyDetail.supplier_name }}</text>
+                            <text class="tt" style="max-width: 460rpx;">{{ tallyDetail.supplier_name }}</text>
                        </view>
                        <view class="item row" style="flex: 0 0 100%;">
                            <text class="label">上游备注：</text>
-                            <text class="desc" style="max-width: 491rpx;color: #f00;">{{ tallyDetail.stock_in_upstream_remark }}</text>
+                            <text class="desc" style="max-width: 460rpx;color: #f00;">{{ tallyDetail.stock_in_upstream_remark }}</text>
                        </view>
                        <view class="item row" style="flex: 0 0 100%;">
                            <text class="label">明细备注：</text>
-                            <text class="desc" style="max-width: 491rpx;color: #f00;">{{ tallyDetail.upstream_remark }}</text>
+                            <text class="desc" style="max-width: 460rpx;color: #f00;">{{ tallyDetail.upstream_remark }}</text>
                        </view>
                    </view>
                    <!-- 理货表单 -->
@@ -362,9 +362,9 @@
                            <text class="label">自营货品ID：</text>
                            <text class="text" style="max-width: 100%;">{{ tallyDetail.sku_id }}</text>
                        </view>
-                        <view class="item row verCenter">
+                        <view class="item row verCenter" style="flex: 0 0 100%;">
                            <text class="label">货品名称：</text>
-                            <text class="tt">{{ tallyDetail.goods_name }}</text>
+                            <text class="tt" style="max-width: 100%;">{{ tallyDetail.goods_name }}</text>
                        </view>
                        <view class="item row verCenter">
                            <text class="label">标准品牌：</text>
@@ -379,27 +379,27 @@
                            <text class="tt">{{ tallyDetail.mpq }}</text>
                        </view>
                        <view class="item row verCenter" style="flex: 0 0 100%;">
-                            <text class="label" style="width: 180rpx;">单位长宽高：</text>
+                            <text class="label" style="width: 240rpx;">单位长宽高：</text>
                            <text class="tt" style="max-width: 100%;">{{ tallyDetail.unit_length }}&nbsp;*{{ tallyDetail.unit_width }}&nbsp;*{{ tallyDetail.unit_high }}</text>
                        </view>
                        <view class="item row verCenter">
-                            <text class="label" style="width: 160rpx;">单位净重：</text>
+                            <text class="label" style="width: 210rpx;">单位净重：</text>
                            <text class="tt">{{ tallyDetail.unit_net_weight }}</text>
                        </view>
                        <view class="item row verCenter">
-                            <text class="label" style="width: 160rpx;">单位毛重：</text>
+                            <text class="label" style="width: 210rpx;">单位毛重：</text>
                            <text class="tt">{{ tallyDetail.unit_gross_weight }}</text>
                        </view>
                        <view class="item row verCenter" style="flex: 0 0 100%;">
-                            <text class="label" style="width: 210rpx;">标准包装长宽高：</text>
+                            <text class="label" style="width: 270rpx;">标准包装长宽高：</text>
                            <text class="tt" style="max-width: 100%;">{{ tallyDetail.standard_length }}&nbsp;*{{ tallyDetail.standard_width }}&nbsp;*{{ tallyDetail.standard_high }}</text>
                        </view>
                        <view class="item row verCenter">
-                            <text class="label" style="width: 180rpx;">标准包装净重：</text>
+                            <text class="label" style="width: 240rpx;">标准包装净重：</text>
                            <text class="tt">{{ tallyDetail.standard_net_weight }}</text>
                        </view>
                        <view class="item row verCenter">
-                            <text class="label" style="width: 180rpx;">标准包装毛重：</text>
+                            <text class="label" style="width: 240rpx;">标准包装毛重：</text>
                            <text class="tt">{{ tallyDetail.standard_gross_weight }}</text>
                        </view>
                        <view class="item row verCenter">
@@ -412,15 +412,15 @@
                        </view>
                        <view class="item row verCenter">
                            <text class="label">采购员：</text>
-                            <text class="tt">{{ tallyDetail.purchase_user }}</text>
+                            <text class="tt" style="max-width: 460rpx;white-space: nowrap;">{{ tallyDetail.purchase_user }}</text>
                        </view>
                        <view class="item row verCenter" style="flex: 0 0 100%;">
                            <text class="label">客户：</text>
-                            <text class="text" style="font-weight: bold;max-width: 491rpx;">{{ tallyDetail.customer_name }}</text>
+                            <text class="text" style="font-weight: bold;max-width: 460rpx;">{{ tallyDetail.customer_name }}</text>
                        </view>
                        <view class="item row verCenter" style="flex: 0 0 100%;">
                            <text class="label">供应商：</text>
-                            <text class="tt" style="max-width: 491rpx;">{{ tallyDetail.supplier_name }}</text>
+                            <text class="tt" style="max-width: 460rpx;">{{ tallyDetail.supplier_name }}</text>
                        </view>
                    </view>
                </template>