Commit 49eb8b64 by liangjianmin

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

- 调整多个文本元素的字体大小和最大宽度,增强视觉效果
- 修改标签和描述的布局,确保信息展示更加清晰
- 统一调整相关元素的宽度,改善用户体验
parent 1b365cc1
...@@ -284,33 +284,33 @@ ...@@ -284,33 +284,33 @@
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 160rpx; width: 194rpx;
font-size: 24rpx; font-size: 32rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 24rpx; font-size: 32rpx;
color: #1969f9; color: #1969f9;
margin-left: 6rpx; margin-left: 6rpx;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 130rpx;
} }
.tt { .tt {
font-size: 24rpx; font-size: 32rpx;
color: #484b59; color: #484b59;
margin-left: 6rpx; margin-left: 6rpx;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 130rpx;
} }
.desc { .desc {
font-size: 24rpx; font-size: 32rpx;
color: #484b59; color: #484b59;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
......
...@@ -233,9 +233,9 @@ ...@@ -233,9 +233,9 @@
<text class="label">库存类型:</text> <text class="label">库存类型:</text>
<text class="tt">{{ tallyDetail.stock_type_cn }}</text> <text class="tt">{{ tallyDetail.stock_type_cn }}</text>
</view> </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="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>
<view class="item row verCenter"> <view class="item row verCenter">
<text class="label">销售员:</text> <text class="label">销售员:</text>
...@@ -243,35 +243,35 @@ ...@@ -243,35 +243,35 @@
</view> </view>
<view class="item row verCenter"> <view class="item row verCenter">
<text class="label">采购员:</text> <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>
<view class="item row verCenter" style="flex: 0 0 100%;"> <view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">客户:</text> <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>
<view class="item row" style="flex: 0 0 100%;" v-if="tallyDetail.customer_material_number"> <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>
<view class="item row" style="flex: 0 0 100%;" v-if="tallyDetail.pack_requeire"> <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>
<view class="item row" style="flex: 0 0 100%;" v-if="tallyDetail.is_need_three_qc"> <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>
<view class="item row verCenter" style="flex: 0 0 100%;"> <view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">供应商:</text> <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>
<view class="item row" style="flex: 0 0 100%;"> <view class="item row" style="flex: 0 0 100%;">
<text class="label">上游备注:</text> <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>
<view class="item row" style="flex: 0 0 100%;"> <view class="item row" style="flex: 0 0 100%;">
<text class="label">明细备注:</text> <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>
</view> </view>
<!-- 理货表单 --> <!-- 理货表单 -->
...@@ -362,9 +362,9 @@ ...@@ -362,9 +362,9 @@
<text class="label">自营货品ID:</text> <text class="label">自营货品ID:</text>
<text class="text" style="max-width: 100%;">{{ tallyDetail.sku_id }}</text> <text class="text" style="max-width: 100%;">{{ tallyDetail.sku_id }}</text>
</view> </view>
<view class="item row verCenter"> <view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品名称:</text> <text class="label">货品名称:</text>
<text class="tt">{{ tallyDetail.goods_name }}</text> <text class="tt" style="max-width: 100%;">{{ tallyDetail.goods_name }}</text>
</view> </view>
<view class="item row verCenter"> <view class="item row verCenter">
<text class="label">标准品牌:</text> <text class="label">标准品牌:</text>
...@@ -379,27 +379,27 @@ ...@@ -379,27 +379,27 @@
<text class="tt">{{ tallyDetail.mpq }}</text> <text class="tt">{{ tallyDetail.mpq }}</text>
</view> </view>
<view class="item row verCenter" style="flex: 0 0 100%;"> <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> <text class="tt" style="max-width: 100%;">{{ tallyDetail.unit_length }}&nbsp;*{{ tallyDetail.unit_width }}&nbsp;*{{ tallyDetail.unit_high }}</text>
</view> </view>
<view class="item row verCenter"> <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> <text class="tt">{{ tallyDetail.unit_net_weight }}</text>
</view> </view>
<view class="item row verCenter"> <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> <text class="tt">{{ tallyDetail.unit_gross_weight }}</text>
</view> </view>
<view class="item row verCenter" style="flex: 0 0 100%;"> <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> <text class="tt" style="max-width: 100%;">{{ tallyDetail.standard_length }}&nbsp;*{{ tallyDetail.standard_width }}&nbsp;*{{ tallyDetail.standard_high }}</text>
</view> </view>
<view class="item row verCenter"> <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> <text class="tt">{{ tallyDetail.standard_net_weight }}</text>
</view> </view>
<view class="item row verCenter"> <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> <text class="tt">{{ tallyDetail.standard_gross_weight }}</text>
</view> </view>
<view class="item row verCenter"> <view class="item row verCenter">
...@@ -412,15 +412,15 @@ ...@@ -412,15 +412,15 @@
</view> </view>
<view class="item row verCenter"> <view class="item row verCenter">
<text class="label">采购员:</text> <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>
<view class="item row verCenter" style="flex: 0 0 100%;"> <view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">客户:</text> <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>
<view class="item row verCenter" style="flex: 0 0 100%;"> <view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">供应商:</text> <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>
</view> </view>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment