🐞 fix(ID1001341): 【面料优选】-【色卡剪样】--色卡记录页面的色卡订单没显示面料编号

【【面料优选】-【色卡剪样】--色卡记录页面的色卡订单没显示面料编号】https://www.tapd.cn/53459131/bugtrace/bugs/view?bug_id=1153459131001001341

src/pages/colorCardClipping/components/productItem/index.module.scss

@@ -49,6 +49,22 @@
           }
         }
       }
+      .item_con_tag {
+        display: flex;
+        flex-flow: row wrap;
+        margin-top: 8px;
+        padding-left: 24px;
+        .tag {
+          box-sizing: border-box;
+          background-color: #e4ecfe;
+          color: $color_main;
+          padding: 4px 8px;
+          margin-right: 8px;
+          font-size: 22px;
+          margin-bottom: 10px;
+          border-radius: 10px;
+        }
+      }
       .item_con_count {
         text-align: right;
         color: rgba(0, 0, 0, 0.6);

src/pages/colorCardClipping/components/productItem/index.tsx

@@ -3,6 +3,7 @@ import { useMemo } from 'react'
 import styles from './index.module.scss'
 import LabAndImg from '@/components/LabAndImg'
 import { goLink } from '@/common/common'
+import { formatRemoveHashTag } from '@/common/fotmat'
 
 interface color_card_info {
   count: number
@@ -10,6 +11,7 @@ interface color_card_info {
   name: string
   rgb: { r: number; g: number; b: number }
   texture_url: string
+  affiliation_product: any[]
 }
 
 export interface ParamItem {
@@ -62,6 +64,14 @@ export default (props: Param) => {
           <Text>{card_one?.name}</Text>
           <Text>{value.shipment_mode_name}</Text>
         </View>
+        <View className={styles.item_con_tag}>
+          {
+            value.color_card_info?.[0].affiliation_product?.map((item) => {
+              return <View className={styles.tag} key={item.id}>{formatRemoveHashTag(item.code)}</View>
+            })
+          }
+          <View></View>
+        </View>
         <Text className={styles.item_con_count}>x{card_one?.count}本</Text>
       </View>