🐞 fix(#1000663#16#17#18#19#20): 修复发货列表|发货详情的样式问题

This commit is contained in:
xuan
2022-11-11 11:42:31 +08:00
parent 10a304a791
commit 851902873b
18 changed files with 320 additions and 51 deletions
+7 -1
View File
@@ -38,6 +38,8 @@ page {
justify-content: space-between;
align-items: center;
font-size: 28px;
font-weight: bold;
color: #424242;
padding: 10px 0;
}
&--detail {
@@ -47,6 +49,7 @@ page {
align-items: center;
padding: 10px 0;
font-size: 28px;
color: #6e6e6e;
}
&--name{
@@ -69,19 +72,22 @@ page {
.orderNo {
font-size: 28px;
font-weight: 550;
color: #424242;
}
.status {
font-size: 28px;
&--toBeAudit {
color: $color_danger;
font-weight: bold;
}
&--audited {
color: $color_main;
font-weight: bold;
}
}
.divider {
margin: 24px 0;
margin: 20px 0 10px 0;
}
.total {
margin-top: 24px;
+7 -7
View File
@@ -132,7 +132,7 @@ const DeliveryDetail: FC = () => {
return (
<View className={styles.deliveryDetail}>
<View className={styles.content}>
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.detailTop}>
<View className={styles.orderNo}>发货单号:{detailInfo?.order_no}</View>
{detailInfo?.status === 0 ? <View className={styles['status--toBeAudit']}>待审核</View> : <View className={styles['status--audited']}>已完成</View>}
@@ -147,17 +147,17 @@ const DeliveryDetail: FC = () => {
</Text>
</View>
</LayoutBlock>
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.orderInfoTop}>订单信息</View>
<Divider direction='horizontal' customClassName={styles.divider}></Divider>
<View className='orderInfoDetail'>
<Cell title='订单备注:' desc={detailInfo?.sale_order_remark}></Cell>
<Cell title='创建时间:' desc={formatDateTime(detailInfo?.create_time)}></Cell>
<Cell title='发货方式:' desc={detailInfo?.shipment_mode_name}></Cell>
<Cell title='发货地址:' desc={`${detailInfo.province_name}${detailInfo.city_name}${detailInfo.district_name}${detailInfo.address_detail}`}></Cell>
<Cell title='订单备注:' desc={detailInfo?.sale_order_remark || '暂无备注信息'}></Cell>
<Cell title='创建时间:' desc={formatDateTime(detailInfo?.create_time) || '暂无创建时间'}></Cell>
<Cell title='发货方式:' desc={detailInfo?.shipment_mode_name || '暂无发货方式'}></Cell>
<Cell title='发货地址:' desc={`${detailInfo.province_name}${detailInfo.city_name}${detailInfo.district_name}${detailInfo.address_detail}` || '暂无发货地址'}></Cell>
</View>
</LayoutBlock>
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.orderInfoTop}>附件</View>
<Divider direction='horizontal' customClassName={styles.divider}></Divider>
<UploadImage onlyRead={detailInfo?.status !== 0} onChange={handleUploadChange} defaultList={detailInfo?.delivery_appendix_url}></UploadImage>