✨ feat(样品对比): 已移植EShop的样品对比模块

src/pages/user/index.tsx

@@ -13,11 +13,95 @@ import { goLink } from '@/common/common'
 
 type IconfontName = Parameters<typeof IconFont>['0']['name']
 type IconCardType = {
-  iconName: IconfontName,
-  name: string,
+  iconName: IconfontName
+  name: string
   path: string
 }
 
+const feature: IconCardType[] = [
+  {
+    iconName: 'icon-lingquseka',
+    name: '领取色卡',
+    path: '',
+  },
+  {
+    iconName: 'icon-pandiansaoma',
+    name: '盘点扫码',
+    path: '',
+  },
+  {
+    iconName: 'icon-fahuoliebiao',
+    name: '发货列表',
+    path: '',
+  },
+  {
+    iconName: 'icon-yaoqingma',
+    name: '邀请码',
+    path: '',
+  },
+  {
+    iconName: 'icon-tihuoliebiao',
+    name: '提货列表',
+    path: '',
+  },
+  {
+    iconName: 'icon-shouhouzhongxin',
+    name: '退货退款',
+    path: '',
+  },
+  {
+    iconName: 'icon-shoukuanliebiao',
+    name: '收款列表',
+    path: '',
+  },
+  {
+    iconName: 'icon-kehuxinxi',
+    name: '客户列表',
+    path: '',
+  },
+]
+
+const fabric: IconCardType[] = [
+  {
+    iconName: 'icon-yansequyang',
+    name: '颜色取样',
+    path: '',
+  },
+  {
+    iconName: 'icon-qusechazhao',
+    name: '取色查找',
+    path: '',
+  },
+  {
+    iconName: 'icon-yangpinduibi',
+    name: '样品对比',
+    path: '/pages/sampleComparison/index',
+  },
+]
+
+const statisticAnalysis: IconCardType[] = [
+  {
+    iconName: 'icon-xiaoshou',
+    name: '销售',
+    path: '',
+  },
+  {
+    iconName: 'icon-duizhang',
+    name: '对账',
+    path: '',
+  },
+  {
+    iconName: 'icon-yuncangkucun',
+    name: '云仓库存',
+    path: '',
+  },
+  {
+    iconName: 'icon-qianzhicangkucun',
+    name: '前置仓库存',
+    path: '',
+  },
+]
+
 // 用户信息
 const UserInfo: FC = () => {
   const { removeToken, removeUserInfo, userInfo } = useUserInfo()
@@ -27,92 +111,6 @@ const UserInfo: FC = () => {
   //   username: '',
   //   userno: '',
   // })
-  
-
-  const feature: IconCardType[] = [
-    {
-      iconName: 'icon-lingquseka',
-      name: '领取色卡',
-      path: '',
-    },
-    {
-      iconName: 'icon-pandiansaoma',
-      name: '盘点扫码',
-      path: '',
-    },
-    {
-      iconName: 'icon-fahuoliebiao',
-      name: '发货列表',
-      path: '',
-    },
-    {
-      iconName: 'icon-yaoqingma',
-      name: '邀请码',
-      path: '',
-    },
-    {
-      iconName: 'icon-tihuoliebiao',
-      name: '提货列表',
-      path: '',
-    },
-    {
-      iconName: 'icon-shouhouzhongxin',
-      name: '退货退款',
-      path: '',
-    },
-    {
-      iconName: 'icon-shoukuanliebiao',
-      name: '收款列表',
-      path: '',
-    },
-    {
-      iconName: 'icon-kehuxinxi',
-      name: '客户列表',
-      path: '',
-    },
-  ]
-
-  const fabric: IconCardType[] = [
-    {
-      iconName: 'icon-yansequyang',
-      name: '颜色取样',
-      path: '',
-    },
-    {
-      iconName: 'icon-qusechazhao',
-      name: '取色查找',
-      path: '',
-    },
-    {
-      iconName: 'icon-yangpinduibi',
-      name: '样品对比',
-      path: '',
-    },
-  ]
-
-  const statisticAnalysis: IconCardType[] = [
-    {
-      iconName: 'icon-xiaoshou',
-      name: '销售',
-      path: '',
-    },
-    {
-      iconName: 'icon-duizhang',
-      name: '对账',
-      path: '',
-    },
-    {
-      iconName: 'icon-yuncangkucun',
-      name: '云仓库存',
-      path: '',
-    },
-    {
-      iconName: 'icon-qianzhicangkucun',
-      name: '前置仓库存',
-      path: '',
-    },
-  ]
-
 
   // 退出登录
   const handleLogout = () => {
@@ -121,6 +119,11 @@ const UserInfo: FC = () => {
     goLink('/pages/login/index', {}, 'reLaunch')
   }
 
+  const handleClickIconCard = (item: IconCardType) => {
+    console.log('item==>', item)
+    goLink(item.path, {}, 'navigateTo')
+  }
+
   return (
     <>
       <LayoutBlock circle>
@@ -158,7 +161,7 @@ const UserInfo: FC = () => {
         <View className={styles.layoutTitle}>布料取色</View>
         <View className={styles['grid-container']}>
           {fabric.map((item) => {
-            return <IconCard iconName={item.iconName} title={item.name}></IconCard>
+            return <IconCard iconName={item.iconName} title={item.name} onClick={() => handleClickIconCard(item)}></IconCard>
           })}
         </View>
       </LayoutBlock>