From 9e057cb8db0e958dcfb93dba8f5bca9a72ac2990 Mon Sep 17 00:00:00 2001
From: xuan <w1359774872@gmail.com>
Date: Mon, 27 Feb 2023 11:24:02 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix(ID1001341):=20=E3=80=90?=
 =?UTF-8?q?=E9=9D=A2=E6=96=99=E4=BC=98=E9=80=89=E3=80=91-=E3=80=90?=
 =?UTF-8?q?=E8=89=B2=E5=8D=A1=E5=89=AA=E6=A0=B7=E3=80=91--=E8=89=B2?=
 =?UTF-8?q?=E5=8D=A1=E8=AE=B0=E5=BD=95=E9=A1=B5=E9=9D=A2=E7=9A=84=E8=89=B2?=
 =?UTF-8?q?=E5=8D=A1=E8=AE=A2=E5=8D=95=E6=B2=A1=E6=98=BE=E7=A4=BA=E9=9D=A2?=
 =?UTF-8?q?=E6=96=99=E7=BC=96=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

【【面料优选】-【色卡剪样】--色卡记录页面的色卡订单没显示面料编号】https://www.tapd.cn/53459131/bugtrace/bugs/view?bug_id=1153459131001001341
---
 .../components/productItem/index.module.scss     | 16 ++++++++++++++++
 .../components/productItem/index.tsx             | 10 ++++++++++
 2 files changed, 26 insertions(+)

diff --git a/src/pages/colorCardClipping/components/productItem/index.module.scss b/src/pages/colorCardClipping/components/productItem/index.module.scss
index 0866e28..9f3b9ac 100644
--- a/src/pages/colorCardClipping/components/productItem/index.module.scss
+++ b/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);
diff --git a/src/pages/colorCardClipping/components/productItem/index.tsx b/src/pages/colorCardClipping/components/productItem/index.tsx
index 4044a0f..3548886 100644
--- a/src/pages/colorCardClipping/components/productItem/index.tsx
+++ b/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>