From f0024632523991c35dee7a559a4e06b521beac1f Mon Sep 17 00:00:00 2001
From: xuan <w1359774872@gmail.com>
Date: Fri, 17 Mar 2023 17:45:29 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(ID1000947):=20=E3=80=90?=
 =?UTF-8?q?=E7=94=B5=E5=AD=90=E5=95=86=E5=9F=8E=E3=80=91BD=E9=82=80?=
 =?UTF-8?q?=E8=AF=B7=E9=A1=B5=E6=96=B0=E5=A2=9E=E6=8B=A8=E6=89=93=E7=94=B5?=
 =?UTF-8?q?=E8=AF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

【【电子商城】BD邀请页新增拨打电话】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000947
---
 .../inviteFriends/index.module.scss           | 16 ++++++++++++++++
 src/pages/inviteCode/inviteFriends/index.tsx  | 19 +++++++++++++++++--
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/pages/inviteCode/inviteFriends/index.module.scss b/src/pages/inviteCode/inviteFriends/index.module.scss
index 25fd85c..de844ad 100644
--- a/src/pages/inviteCode/inviteFriends/index.module.scss
+++ b/src/pages/inviteCode/inviteFriends/index.module.scss
@@ -62,6 +62,22 @@ page {
     margin-top: 0;
   }
 }
+.subTitle {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  .cell {
+    margin-left: 20px;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    border-radius: 8px;
+    padding: 0 6px;
+    font-size: 22px;
+    color: $color_main;
+    border: 1px solid $color_main;
+  }
+}
 .title {
   display: flex;
   flex-flow: row nowrap;
diff --git a/src/pages/inviteCode/inviteFriends/index.tsx b/src/pages/inviteCode/inviteFriends/index.tsx
index e84e95e..35b7bf3 100644
--- a/src/pages/inviteCode/inviteFriends/index.tsx
+++ b/src/pages/inviteCode/inviteFriends/index.tsx
@@ -18,6 +18,7 @@ import { GetInvitationRecordList } from '@/api/share'
 import InfiniteScroll from '@/components/infiniteScroll'
 import { dataLoadingStatus, debounce, getFilterData } from '@/common/util'
 import { formatDateTime } from '@/common/fotmat'
+import IconFont from '@/components/iconfont/iconfont'
 
 const InviteCord = () => {
   const [formData, setFormData] = useState<{
@@ -59,7 +60,7 @@ const InviteCord = () => {
     inviteCodePopupRef.current?.startDrawPoster()
   }
 
-  const [recordList, setRecordList] = useState<{ list: any[]; total: number }>({ list: [], total: 0 })
+  const [recordList, setRecordList] = useState<{ list: any[]; total: number }>({ list: [{}, {}], total: 0 })
 
   const [showTime, setShowTime] = useState(false)
 
@@ -121,6 +122,12 @@ const InviteCord = () => {
     return dataLoadingStatus({ list: recordList.list, total: recordList.total, status: state.loading })
   }, [recordList, state])
 
+  const handleCell = (phone: string) => {
+    Taro.makePhoneCall({
+      phoneNumber: phone,
+    })
+  }
+
   return (
     <View className={styles.main}>
       <View className={styles.search}>
@@ -138,7 +145,15 @@ const InviteCord = () => {
               return (
                 <LayoutBlock key={index} circle customClassName={styles.layout}>
                   <View className={styles.title}>
-                    <View>{item?.passive_invited_user_name}</View>
+                    <View className={styles.subTitle}>
+                      <Text>
+                        {item?.passive_invited_user_name}
+                      </Text>
+                      <View className={styles.cell} onClick={() => handleCell(item?.passive_invited_user_phone)}>
+                        <IconFont name="icon-dianhua" size={30}></IconFont>
+                        <Text>拨打</Text>
+                      </View>
+                    </View>
                     <View>{item?.invitation_way_name}</View>
                   </View>
                   <Divider direction="horizontal" customStyles={{ margin: '12px 0', marginBottom: '6px' }}></Divider>