✨ feat(ID1000947): 【电子商城】BD邀请页新增拨打电话

【【电子商城】BD邀请页新增拨打电话】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000947

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;

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>