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

(cherry picked from commit c9b56751)

src/pages/settlement/components/list.styl

@@ -23,6 +23,9 @@
     line-height 22px
     margin-bottom 6px
 
+    &-full
+      flex 1
+
     &__status
       font-size 16px
       font-weight bold

src/pages/settlement/components/list.tsx

@@ -2,7 +2,7 @@
  * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/list.tsx
  * @Author: peii
  * @Date: 2021-12-19 10:44:15
- * @LastEditTime: 2021-12-23 18:43:04
+ * @LastEditTime: 2021-12-24 11:12:46
  * @LastEditors: peii
  * @Vision: 1.0
  * @Description: 汇总列表
@@ -124,11 +124,11 @@ class SettlementList extends Component<IProps> {
         </View>
 
         <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 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>
       </TouchableOpacity>
     )

src/pages/settlement/saleDetail.styl

@@ -20,6 +20,7 @@
   &-bd
     flex 1
     padding 15px
+    margin-bottom 20px
 
 .list
   &-header
@@ -37,6 +38,8 @@
 
   &-line
     @extend .row
+    flex-wrap nowrap
+    padding-bottom 5px
 
     &-half
       @extend .row
@@ -45,7 +48,12 @@
   &-text
     font-size 15px
     color second_text_color
-    margin-bottom 5px
+    flex 1
+
+    &-key
+      font-size 15px
+      color second_text_color
+      width 75px
 
     &-key
       padding-right 3px

src/pages/settlement/saleDetail.tsx

@@ -2,7 +2,7 @@
  * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/saleDetail.tsx
  * @Author: peii
  * @Date: 2021-12-20 15:27:45
- * @LastEditTime: 2021-12-21 15:03:54
+ * @LastEditTime: 2021-12-24 11:18:49
  * @LastEditors: peii
  * @Vision: 1.0
  * @Description: 结算销售物料详情
@@ -99,12 +99,12 @@ class SaleDetail extends React.Component<IProps, IState> {
               <Text style={g(styles, 'card-text')}>{item.specification}</Text>
             </View>
             <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>
             </View>
 
             <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>
             </View>
           </View>
@@ -120,26 +120,26 @@ class SaleDetail extends React.Component<IProps, IState> {
 
         <View style={g(styles, 'card-line')}>
           <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>
           </View>
 
           <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>
           </View>
         </View>
 
         <View style={g(styles, 'card-line')}>
           <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_date && dayjs(item.production_date).format('YYYY-MM-DD')}
             </Text>
           </View>
 
           <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.expiration_date && dayjs(item.expiration_date).format('YYYY-MM-DD')}
             </Text>
@@ -147,12 +147,12 @@ class SaleDetail extends React.Component<IProps, IState> {
         </View>
         <View style={g(styles, 'card-line')}>
           <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>
           </View>
 
           <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>
           </View>
         </View>