Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit c37a622c by peii
Options

【样式】修复部分信息显示不全 

(cherry picked from commit c9b56751)
parent 6d6b24e9
Inline Side-by-side
Showing with 24 additions and 13 deletions
src/pages/settlement/components/list.styl
...@@ -23,6 +23,9 @@ ...@@ -23,6 +23,9 @@
line-height 22px line-height 22px
margin-bottom 6px margin-bottom 6px
&-full
flex 1
&__status &__status
font-size 16px font-size 16px
font-weight bold font-weight bold
......
src/pages/settlement/components/list.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/list.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/list.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-19 10:44:15 * @Date: 2021-12-19 10:44:15
* @LastEditTime: 2021-12-23 18:43:04 * @LastEditTime: 2021-12-24 11:12:46
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 汇总列表 * @Description: 汇总列表
...@@ -124,11 +124,11 @@ class SettlementList extends Component<IProps> { ...@@ -124,11 +124,11 @@ class SettlementList extends Component<IProps> {
</View> </View>
<View style={g(styles, 'item-line')}> <View style={g(styles, 'item-line')}>
<Text style={g(styles, 'item-text', 'item-left-text')}>客户: {item.customer_name}</Text> <Text style={g(styles, 'item-text', 'item-text-full')}>客户: {item.customer_name}</Text>
</View> </View>
<View style={g(styles, 'item-line')}> <View style={g(styles, 'item-line')}>
<Text style={g(styles, 'item-text', 'item-left-text')}>备注: {item.header_remark}</Text> <Text style={g(styles, 'item-text', 'item-text-full')}>备注: {item.header_remark}</Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
) )
......
src/pages/settlement/saleDetail.styl
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
&-bd &-bd
flex 1 flex 1
padding 15px padding 15px
margin-bottom 20px
.list .list
&-header &-header
...@@ -37,6 +38,8 @@ ...@@ -37,6 +38,8 @@
&-line &-line
@extend .row @extend .row
flex-wrap nowrap
padding-bottom 5px
&-half &-half
@extend .row @extend .row
...@@ -45,7 +48,12 @@ ...@@ -45,7 +48,12 @@
&-text &-text
font-size 15px font-size 15px
color second_text_color color second_text_color
margin-bottom 5px flex 1
&-key
font-size 15px
color second_text_color
width 75px
&-key &-key
padding-right 3px padding-right 3px
......
src/pages/settlement/saleDetail.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/saleDetail.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/saleDetail.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-20 15:27:45 * @Date: 2021-12-20 15:27:45
* @LastEditTime: 2021-12-21 15:03:54 * @LastEditTime: 2021-12-24 11:18:49
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 结算销售物料详情 * @Description: 结算销售物料详情
...@@ -99,12 +99,12 @@ class SaleDetail extends React.Component<IProps, IState> { ...@@ -99,12 +99,12 @@ class SaleDetail extends React.Component<IProps, IState> {
<Text style={g(styles, 'card-text')}>{item.specification}</Text> <Text style={g(styles, 'card-text')}>{item.specification}</Text>
</View> </View>
<View style={g(styles, 'card-line')}> <View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>序列号: </Text> <Text style={g(styles, 'card-text-key')}>序列号: </Text>
<Text style={g(styles, 'card-text')}>{item.serial_number}</Text> <Text style={g(styles, 'card-text')}>{item.serial_number}</Text>
</View> </View>
<View style={g(styles, 'card-line')}> <View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>注册证号: </Text> <Text style={g(styles, 'card-text-key')}>注册证号: </Text>
<Text style={g(styles, 'card-text')}>{item.reg_number}</Text> <Text style={g(styles, 'card-text')}>{item.reg_number}</Text>
</View> </View>
</View> </View>
...@@ -120,26 +120,26 @@ class SaleDetail extends React.Component<IProps, IState> { ...@@ -120,26 +120,26 @@ class SaleDetail extends React.Component<IProps, IState> {
<View style={g(styles, 'card-line')}> <View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-line-half')}> <View style={g(styles, 'card-line-half')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>批号: </Text> <Text style={g(styles, 'card-text-key')}>批号: </Text>
<Text style={g(styles, 'card-text')}>{item.production_batch_number}</Text> <Text style={g(styles, 'card-text')}>{item.production_batch_number}</Text>
</View> </View>
<View style={g(styles, 'card-line-half', 'ml20')}> <View style={g(styles, 'card-line-half', 'ml20')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>存储条件: </Text> <Text style={g(styles, 'card-text-key')}>存储条件: </Text>
<Text style={g(styles, 'card-text')}>{item.storage_condition_name}</Text> <Text style={g(styles, 'card-text')}>{item.storage_condition_name}</Text>
</View> </View>
</View> </View>
<View style={g(styles, 'card-line')}> <View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-line-half')}> <View style={g(styles, 'card-line-half')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>生产日期: </Text> <Text style={g(styles, 'card-text-key')}>生产日期: </Text>
<Text style={g(styles, 'card-text')}> <Text style={g(styles, 'card-text')}>
{item.production_date && dayjs(item.production_date).format('YYYY-MM-DD')} {item.production_date && dayjs(item.production_date).format('YYYY-MM-DD')}
</Text> </Text>
</View> </View>
<View style={g(styles, 'card-line-half', 'ml20')}> <View style={g(styles, 'card-line-half', 'ml20')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>过期日期: </Text> <Text style={g(styles, 'card-text-key')}>过期日期: </Text>
<Text style={g(styles, 'card-text')}> <Text style={g(styles, 'card-text')}>
{item.expiration_date && dayjs(item.expiration_date).format('YYYY-MM-DD')} {item.expiration_date && dayjs(item.expiration_date).format('YYYY-MM-DD')}
</Text> </Text>
...@@ -147,12 +147,12 @@ class SaleDetail extends React.Component<IProps, IState> { ...@@ -147,12 +147,12 @@ class SaleDetail extends React.Component<IProps, IState> {
</View> </View>
<View style={g(styles, 'card-line')}> <View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-line-half')}> <View style={g(styles, 'card-line-half')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>数量: </Text> <Text style={g(styles, 'card-text-key')}>数量: </Text>
<Text style={g(styles, 'card-text')}>{item.quantity}</Text> <Text style={g(styles, 'card-text')}>{item.quantity}</Text>
</View> </View>
<View style={g(styles, 'card-line-half', 'ml20')}> <View style={g(styles, 'card-line-half', 'ml20')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>金额: </Text> <Text style={g(styles, 'card-text-key')}>金额: </Text>
<Text style={g(styles, 'card-text')}>{item.sale_amount}</Text> <Text style={g(styles, 'card-text')}>{item.sale_amount}</Text>
</View> </View>
</View> </View>
......
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