配置埋点

project.private.config.json

@@ -5,11 +5,32 @@
     "compileHotReLoad": false,
     "urlCheck": true
   },
-  "libVersion": "3.6.4",
+  "libVersion": "3.7.1",
   "condition": {
     "miniprogram": {
       "list": [
         {
+          "name": "pages/memberSub/partnerDetail/index",
+          "pathName": "pages/memberSub/partnerDetail/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "pages/memberSub/myPartner/index",
+          "pathName": "pages/memberSub/myPartner/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "pages/memberSub/Alipay/index",
+          "pathName": "pages/memberSub/Alipay/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
           "name": "pages/login/index",
           "pathName": "pages/login/index",
           "query": "",

src/app.config.js

@@ -27,7 +27,9 @@ export default defineAppConfig({
         "cashOut/index",
         "cashOutRecord/index",
         "statementRecords/index",
-        "Alipay/index"
+        "Alipay/index",
+        "myPartner/index",
+        "partnerDetail/index"
       ]
     },
     {

src/components/Modal/index.jsx

@@ -1,5 +1,6 @@
 import { AtModal, AtModalContent } from "taro-ui";
 import { View, Image, Text } from "@tarojs/components";
+import { addLog } from "../../service";
 import "./index.less";
 import Taro from "@tarojs/taro";
 import selectStep from "../../images/productDetail/selectStep.png";
@@ -15,6 +16,9 @@ export default function Modal(props) {
         title: '口令已复制',
         icon: 'success',
       });
+      addLog({
+        log_type: 'click_to_purchase',
+      });
     });
   }
   return (

src/components/index/OperationArea/index.jsx

@@ -7,11 +7,11 @@ const OperationArea = ({ recommend }) => {
   const handleNavigate = (type) => {
     if (type === "鱼市秒杀") {
       Taro.navigateTo({
-        url: "/pages/indexSub/seckillIndex/index",
+        url: `/pages/indexSub/seckillIndex/index?isDirect=true`,
       });
     } else if (type === "高佣专项") {
       Taro.navigateTo({
-        url: "/pages/indexSub/highCommission/index",
+        url: `/pages/indexSub/highCommission/index?isDirect=true`,
       });
     }
   };

src/components/shareModal/index.jsx

@@ -15,6 +15,8 @@ export default function shareModal(props) {
   useEffect(() => {
     if (!isOpened) {
       setShareTitle('');
+    }else{
+      setShareTitle(product.item_title);
     }
   }, [isOpened]);
   const handleInputChange = (e) => {

src/pages/index/index.config.js

@@ -1,4 +1,3 @@
 export default definePageConfig({
   navigationStyle: 'custom',
-  enableShareAppMessage: true
 })

src/pages/index/index.jsx

@@ -44,7 +44,7 @@ export default class Index extends Component {
   handleBannerClick = (item) => {
     if(item.type_jpath==1){
       Taro.navigateTo({
-        url: `${item.jpath}`
+        url: `${item.jpath}?isBanner=true`
       })
     }
   };

src/pages/indexSub/highCommission/index.jsx

@@ -1,9 +1,10 @@
 import { Component } from "react";
 import { View, Image } from "@tarojs/components";
 import "./index.less";
+import Taro from "@tarojs/taro";
 import seckillImg from "../../../images/seckill/heighTop.jpg";
 import ProductList from "../../../components/index/ProductList";
-import { getRecommendProductList } from "../../../service";
+import { getRecommendProductList, addLog } from "../../../service";
 import { getShareContent } from "../../../common/share";
 export default class Index extends Component {
   state = {
@@ -11,8 +12,21 @@ export default class Index extends Component {
     page: 1, //页数
     loading: false, //加载状态
     totalPages: 1, // 添加总页数
+    isNoMore: false, // 是否没有更多
+    isDirect: false, // 是否直接跳转
+    isBanner: false, // 是否是banner跳转
+    isShare: false, // 是否是分享跳转
   };
   componentDidMount() {
+    const { isDirect, isBanner, isShare } =
+    Taro.getCurrentInstance().router.params || "";
+    this.setState({
+      isDirect: isDirect || false,
+      isBanner: isBanner || false,
+      isShare: isShare || false,
+    },()=>{
+      this.handleLog(isDirect?'direct_to_fish_seckill':isBanner?'banner_to_fish_seckill':isShare?'share_to_fish_seckill':'direct_to_fish_seckill');
+    });
     this.getRecommendProductList();
   }
   // 获取推荐商品列表
@@ -30,11 +44,28 @@ export default class Index extends Component {
       productList: [...prevState.productList, ...res.goods_list],
       totalPages: res.total_pages,
       loading: false,
+      isNoMore: res.total_pages <= page,
     }));
   };
+  // 埋点
+  handleLog = (type) => {
+    console.log('type',type);
+    // addLog({
+    //   log_type: type,
+    // });
+  };
   // 配置分享内容
   onShareAppMessage() {
-    return getShareContent();
+    const shareConfig = getShareContent();
+    if (shareConfig.title == "默认分享标题") {
+      return {
+        title: "高佣专项",
+        path: "/pages/indexSub/highCommission/index?isShare=true",
+        imageUrl: '',
+      };
+    } else {
+      return getShareContent();
+    }
   }
   // 页面上拉触底
   onReachBottom = () => {
@@ -56,6 +87,7 @@ export default class Index extends Component {
             isHighCommission={true}
             productList={this.state.productList}
             loading={this.state.loading}
+            isNoMore={this.state.isNoMore}
           />
         </View>
       </View>

src/pages/indexSub/productDetail/index.config.js

@@ -1,3 +1,4 @@
 export default definePageConfig({
   navigationStyle: 'custom',
+  enableShareAppMessage: false
 })

src/pages/indexSub/productDetail/index.jsx

@@ -1,11 +1,5 @@
 import { Component } from "react";
-import {
-  View,
-  Text,
-  Swiper,
-  SwiperItem,
-  Image,
-} from "@tarojs/components";
+import { View, Text, Swiper, SwiperItem, Image } from "@tarojs/components";
 import { AtIcon } from "taro-ui";
 import {
   getProductDetail,
@@ -13,6 +7,7 @@ import {
   getProductPromotion,
   getShareJump,
   bindShareJump,
+  addLog,
 } from "../../../service";
 import "./index.less";
 import Taro from "@tarojs/taro";
@@ -28,30 +23,23 @@ export default class Index extends Component {
   state = {
     id: "", //商品id
     isShare: false, //是否是分享
-    isOpened: '', //是否打开弹窗
+    isOpened: "", //是否打开弹窗
     productDetail: [], //商品详情
     productLikeList: [], //推荐商品列表
     productPromotion: [], //商品推广转链
     isHighCommission: false, //是否是高佣金页面
     isSeckill: false, //是否是秒杀页面
     shareJump: "", //分享跳转标识
+    shareTitle: "", //分享标题
   };
   // 获取产品详情的方法
   fetchProductDetails = async (id) => {
     const res = await getProductDetail({
       goods_id: id,
     });
-    this.setState(
-      {
-        productDetail: res,
-      },
-      () => {
-        // let session_key = Taro.getStorageSync("session_key");
-        // if (session_key) {
-        //   this.getProductPromotion(); //获取商品推广转链
-        // }
-      }
-    );
+    this.setState({
+      productDetail: res,
+    });
   };
   // 获取猜你喜欢列表
   getProductLikeList = async () => {
@@ -72,6 +60,10 @@ export default class Index extends Component {
     });
   };
   componentDidMount() {
+    // 隐藏右上角分享按钮
+    Taro.hideShareMenu({
+      menus: ["shareAppMessage", "shareTimeline"],
+    });
     const { id, isShare, isHighCommission, isSeckill, shareJump } =
       Taro.getCurrentInstance().router.params;
     this.setState(
@@ -96,6 +88,7 @@ export default class Index extends Component {
         }
       }
     );
+    this.handleLog("enter_product_detail"); //埋点
   }
   // 复制商品编号
   handleCopy = (text) => {
@@ -123,7 +116,7 @@ export default class Index extends Component {
       await this.getProductPromotion();
     }
     this.setState({
-      isOpened: 'self',
+      isOpened: "self",
     });
   };
 
@@ -135,8 +128,9 @@ export default class Index extends Component {
     });
     this.setState({
       shareJump: res.share_unique_value,
-      isOpened: 'share',
+      isOpened: "share",
     });
+    this.handleLog("click_share_earn"); //埋点
   };
   // 绑定分享跳转标识
   bindShareJump = async () => {
@@ -147,10 +141,16 @@ export default class Index extends Component {
     });
     Taro.removeStorageSync("shareJump");
   };
+  // 设置分享标题
+  handleShareTitleChange = (newTitle) => {
+    this.setState({
+      shareTitle: newTitle,
+    });
+  };
   // 配置分享内容
   onShareAppMessage() {
     return {
-      title: this.state.productDetail.item_title,
+      title: this.state.shareTitle || this.state.productDetail.item_title,
       path: `/pages/indexSub/productDetail/index?id=${this.state.id}&&isShare=true&&isHighCommission=${this.state.isHighCommission}&&isSeckill=${this.state.isSeckill}&&shareJump=${this.state.shareJump}`,
       imageUrl: this.state.productDetail.images[0].img,
     };
@@ -166,6 +166,12 @@ export default class Index extends Component {
       });
     }
   };
+  // 埋点
+  handleLog = (type) => {
+    // addLog({
+    //   log_type: type,
+    // });
+  };
   render() {
     const { productDetail } = this.state;
     return (
@@ -303,15 +309,21 @@ export default class Index extends Component {
         {/* 自购弹窗 */}
         <Modal
           title="咸鱼口令已复制"
-          isOpened={this.state.isOpened=='self'}
+          isOpened={this.state.isOpened == "self"}
           productPromotion={this.state.productPromotion}
           linkText={this.state.productPromotion.short_tpwd}
         />
         {/* 分享弹窗 */}
         <ShareModal
-          isOpened={this.state.isOpened=='share'}
-          onClose={() => this.setState({ isOpened: '' })}
-          title="分享赚"
+          onClose={() => {
+            this.setState({
+              isOpened: "",
+              shareTitle: productDetail.item_title,
+            });
+          }}
+          isOpened={this.state.isOpened == "share"}
+          product={this.state.productDetail}
+          onShareTitleChange={this.handleShareTitleChange}
         />
       </View>
     );

src/pages/indexSub/searchList/index.jsx

@@ -12,7 +12,7 @@ export default class Index extends Component {
     totalPages: 1,
     loading: false,
     keyword: "",
-    isHasData: true,
+    isNoMore: false, // 是否没有更多
   };
   componentDidMount() {
     const { keyword }  = Taro.getCurrentInstance().router.params||"";
@@ -37,11 +37,8 @@ export default class Index extends Component {
         : [...prevState.productList, ...res.goods_list],
       totalPages: res.total_pages,
       loading: false,
-    }),()=>{
-      this.setState({
-        isHasData: res.goods_list.length > 0,
-      });
-    });
+      isNoMore: res.total_pages <= page,
+    }));
   };
   // 页面上拉触底
   onReachBottom = () => {
@@ -57,17 +54,11 @@ export default class Index extends Component {
     return (
       <View className="index">
         {/* 搜索列表 */}
-        {this.state.isHasData ? (
           <ProductList
             productList={this.state.productList}
             loading={this.state.loading}
+            isNoMore={this.state.isNoMore}
           ></ProductList>
-        ) : (
-          <View className="no-data">
-            <AtIcon value="search" size="30" color="#999"></AtIcon>
-            <View className="no-data-text">暂无数据</View>
-          </View>
-        )}
       </View>
     );
   }

src/pages/indexSub/searchList/index.less

@@ -3,12 +3,4 @@
     background-color: #f9f9f9;
     padding-top: 20px;
     box-sizing: border-box;
-    .no-data{
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        height: 100vh;
-        color: #999;
-    }
 }

src/pages/indexSub/seckillIndex/index.jsx

@@ -1,9 +1,10 @@
 import { Component } from "react";
 import { View, Image } from "@tarojs/components";
 import "./index.less";
+import Taro from "@tarojs/taro";
 import seckillImg from "../../../images/seckill/seckillTop.jpg";
 import ProductList from "../../../components/index/ProductList";
-import { getRecommendProductList } from "../../../service";
+import { getRecommendProductList, addLog } from "../../../service";
 import { getShareContent } from "../../../common/share";
 export default class Index extends Component {
   state = {
@@ -11,8 +12,34 @@ export default class Index extends Component {
     page: 1, //页数
     loading: false, //加载状态
     totalPages: 1, // 添加总页数
+    isNoMore: false, // 是否没有更多
+    isDirect: false, // 是否直接跳转
+    isBanner: false, // 是否是banner跳转
+    isShare: false, // 是否是分享跳转
+    userId: "", // 用户id
   };
   componentDidMount() {
+    const { isDirect, isBanner, isShare, userId } =
+      Taro.getCurrentInstance().router.params || "";
+    this.setState(
+      {
+        isDirect: isDirect || false,
+        isBanner: isBanner || false,
+        isShare: isShare || false,
+        userId: userId || "",
+      },
+      () => {
+        this.handleLog(
+          isDirect
+            ? "direct_to_fish_seckill"
+            : isBanner
+            ? "banner_to_fish_seckill"
+            : isShare
+            ? "share_to_fish_seckill"
+            : "direct_to_fish_seckill"
+        );
+      }
+    );
     this.getRecommendProductList();
   }
   // 获取推荐商品列表
@@ -30,11 +57,34 @@ export default class Index extends Component {
       productList: [...prevState.productList, ...res.goods_list],
       totalPages: res.total_pages,
       loading: false,
+      isNoMore: res.total_pages <= page,
     }));
   };
+  // 埋点
+  handleLog = (type) => {
+    console.log("type", type);
+
+    // addLog({
+    //   log_type: type,
+    // });
+  };
   // 配置分享内容
   onShareAppMessage() {
-    return getShareContent();
+    const loginInfo = Taro.getStorageSync("loginInfo");
+    let userId = "";
+    if (loginInfo) {
+      userId = loginInfo.id;
+    }
+    const shareConfig = getShareContent();
+    if (shareConfig.title == "默认分享标题") {
+      return {
+        title: "鱼市秒杀",
+        path: `/pages/indexSub/seckillIndex/index?isShare=true&userId=${userId}`,
+        imageUrl: "",
+      };
+    } else {
+      return getShareContent();
+    }
   }
   // 页面上拉触底
   onReachBottom = () => {
@@ -56,6 +106,7 @@ export default class Index extends Component {
             isSeckill={true}
             productList={this.state.productList}
             loading={this.state.loading}
+            isNoMore={this.state.isNoMore}
           />
         </View>
       </View>

src/pages/member/index.jsx

@@ -11,6 +11,7 @@ import warning from "../../images/member/warning.png";
 import withdrawable from "../../images/member/withdrawable.png";
 import order from "../../images/member/order.png";
 import avatar from "../../images/mine/avatar.png";
+import partner from "../../images/member/myPartner.png";
 export default class Index extends Component {
   state = {
     vipInfo: {
@@ -126,6 +127,29 @@ export default class Index extends Component {
               <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/cashOut/index` })} className="right">点击提现</View>
             </View>
           </View>
+          {/* 我的伙伴 */}
+          <View className="my-partner">
+            <View className="my-partner-header">
+              <View className="my-partner-header-left">
+                <Image className="my-partner-icon" src={partner} />
+                <Text className="my-partner-title">我的伙伴</Text>
+              </View>
+              <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/myPartner/index` })} className="my-partner-header-right">
+                查看更多
+                <AtIcon value='chevron-right' size='10' color='#A1A1A1'></AtIcon>
+              </View>
+            </View>
+            <View className="my-partner-content">
+              <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/myPartner/index` })} className="my-partner-item">
+                <Text className="label">直接伙伴</Text>
+                <Text className="number">{vipInfo.partner?.direct_partner || 0}</Text>
+              </View>
+              {/* <View className="my-partner-item">
+                <Text className="label">间接伙伴</Text>
+                <Text className="number">{vipInfo.partner?.indirect_partner || 0}</Text>
+              </View> */}
+            </View>
+          </View>
           {/* 今日订单 */}
           <View className="today-order">
             <View className="today-order-header">

src/pages/member/index.less

@@ -252,7 +252,68 @@
             }
         }
     }
-
+    // 我的伙伴
+    .my-partner {
+        margin-top: 20px;
+        .my-partner-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 12px;
+            .my-partner-header-left{
+                display: flex;
+                align-items: center;
+                .my-partner-icon {
+                    width: 36px;
+                    height: 36px;
+                }
+                .my-partner-title {
+                    font-size: 28px;
+                    color: #000000;
+                    line-height: 40px;
+                    font-weight: 700;
+                    margin-left: 10px;
+                }
+            }
+            .my-partner-header-right{
+                font-size: 22px;
+                color: #A1A1A1;
+                line-height: 40px;
+                margin-right: 10px;
+                display: flex;
+                align-items: center;
+            }
+        }
+        .my-partner-content{
+            width: 100%;
+            border-radius: 20px;
+            background-color: #fff;
+            padding: 27px 138px 35px 138px;
+            box-sizing: border-box;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .my-partner-item{
+                flex: 1;
+                text-align: center;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: space-between;
+                .label {
+                    font-size: 24px;
+                    color: #A1A1A1;
+                    line-height: 40px;
+                }
+                .number {
+                    font-size: 28px;
+                    font-weight: 700;
+                    color: #000000;
+                    line-height: 40px;
+                }
+            }
+        }
+    }   
     // 今日订单
     .today-order {
         margin-top: 20px;

src/pages/memberSub/Alipay/index.jsx

@@ -7,14 +7,30 @@ export default class Index extends Component {
   state = {
     name: "", // 账户姓名
     account: "", // 支付宝账户
+    phone: "", // 手机号
+    idCard: "", // 身份证号
+    bankCard: "", // 银行卡号
   };
-
+  // 账户姓名
   handleChangeName(value) {
     this.setState({ name: value });
   }
+  // 支付宝账户
   handleChangeAccount(value) {
     this.setState({ account: value });
   }
+  // 手机号
+  handleChangePhone(value) {
+    this.setState({ phone: value });
+  }
+  // 身份证号
+  handleChangeIdCard(value) {
+    this.setState({ idCard: value });
+  }
+  // 银行卡号
+  handleChangeBankCard(value) {
+    this.setState({ bankCard: value });
+  }
   render() {
     return (
       <View className="index">
@@ -29,7 +45,31 @@ export default class Index extends Component {
             onChange={this.handleChangeName.bind(this)}
           />
           <AtInput
-          border={false}  
+            name="value"
+            title="手机号"
+            type="text"
+            placeholder="请输入手机号"
+            value={this.state.phone}
+            onChange={this.handleChangePhone.bind(this)}
+          />
+          <AtInput
+            name="value"
+            title="身份证号"
+            type="text"
+            placeholder="请输入身份证号"
+            value={this.state.idCard}
+            onChange={this.handleChangeIdCard.bind(this)}
+          />
+          <AtInput
+            name="value"
+            title="银行卡号"
+            type="text"
+            placeholder="请输入银行卡号"
+            value={this.state.bankCard}
+            onChange={this.handleChangeBankCard.bind(this)}
+          />
+          <AtInput
+            border={false}
             name="value"
             title="支付宝账户"
             type="text"
@@ -45,7 +85,7 @@ export default class Index extends Component {
             注意：
           </View>
           <View className="attention-bottom">
-            所维护的支付宝账户所有人需要与提现认证提交的自然人为同一人，避免影响提现
+            所维护的信息需要与提现认证提交的自然人为同一人，非同一人会提现失败
           </View>
         </View>
         {/* 提交 */}

src/pages/memberSub/Alipay/index.less

@@ -31,7 +31,6 @@
         font-size: 26px;
         color: #A0A0A0;
         line-height: 38px;
-
         .attention-top {
             display: flex;
             align-items: center;

src/pages/memberSub/earningsOrder/index.jsx

@@ -195,10 +195,10 @@ export default class Index extends Component {
                   <Text className="value">{item.pay_time}</Text>
                 </View>
               </View>
-              <View className="member-info">
+              {/* <View className="member-info">
                 <Image className="member-icon" src={vip} />
                 <Text className="member-text">闲鱼会员</Text>
-              </View>
+              </View> */}
             </View>
 
             {/* 产品信息 */}

src/pages/memberSub/myPartner/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '我的伙伴'
+})

src/pages/memberSub/myPartner/index.jsx

@@ -0,0 +1,66 @@
+import { Component } from "react";
+import { View, Text, Image } from "@tarojs/components";
+import level from "../../../images/partner/level.png";
+import { AtIcon } from "taro-ui";
+import "./index.less";
+import Taro from "@tarojs/taro";
+export default class Index extends Component {
+  state = {};
+
+  copyPhone = (phone) => {
+    Taro.setClipboardData({
+      data: phone,
+      success: () => {
+        Taro.showToast({
+          title: '复制成功',
+          icon: 'success',
+          duration: 2000
+        })
+      }
+    })
+  }
+
+  render() {
+    return (
+      <View className="index">
+        <View className="header"></View>
+        <View className="partner-number">
+          <Text className="partner-number-title">我的伙伴</Text>
+          <Text className="partner-number-count">0</Text>
+        </View>
+        <View className="partner-list">
+          <View className="partner-item">
+            <View className="partner-item-top">
+              <View className="partner-item-top-left">
+                <Image src="" className="partner-item-top-left-avatar" />
+              </View>
+              <View className="partner-item-top-right">
+                <View className="name">张三</View>
+                <View className="level">
+                  <Image src={level} className="level-icon" />
+                  <Text className="level-text">导购员</Text>
+                </View>
+              </View>
+              <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/partnerDetail/index` })} className="detail">详情
+                <AtIcon value='chevron-right' size='10' color='#A1A1A1'></AtIcon>
+              </View>
+            </View>
+            <View className="partner-item-bottom">
+              <View className="item">
+                <Text className="item-text">绑定手机号</Text>
+                <View className="phone-container">
+                  <Text className="item-value">138****8888</Text>
+                  <Text className="copy-btn" onClick={() => this.copyPhone('138****8888')}>复制</Text>
+                </View>
+              </View>
+              <View className="item">
+                <Text className="item-text">推荐绑定时间</Text>
+                <Text className="item-value">2024-03-21 12:00:00</Text>
+              </View>
+            </View>
+          </View>
+        </View>
+      </View>
+    );
+  }
+}

src/pages/memberSub/myPartner/index.less

@@ -0,0 +1,154 @@
+.index {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-height: 100vh;
+    background-color: #f9f9f9;
+
+    .header {
+        width: 100%;
+        height: 170px;
+        background: linear-gradient(270deg, #DCBC81 0%, #EFDDB5 100%, );
+    }
+
+    .partner-number {
+        width: 624px;
+        height: 100px;
+        background: linear-gradient(180deg, #FBF8EE 0%, #EBDDBE 100%);
+        border-radius: 10px 10px 10px 10px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-top: -63px;
+        font-weight: 700;
+        font-size: 28px;
+        color: #000000;
+
+        .partner-number-title {
+            margin-right: 60px;
+        }
+    }
+
+    .partner-list {
+        margin: 40px 20px 0 20px;
+        width: 100%;
+        padding: 0 16px;
+        box-sizing: border-box;
+
+        .partner-item {
+            width: 100%;
+            background-color: #fff;
+            border-radius: 20px;
+            background-color: #fff;
+            padding: 17px;
+            box-sizing: border-box;
+
+            .partner-item-top {
+                position: relative;
+                display: flex;
+                align-items: center;
+
+                .partner-item-top-left {
+                    width: 116px;
+                    height: 116px;
+                    border-radius: 50%;
+                    background-color: #ccc;
+                    margin-right: 20px;
+
+                    .partner-item-top-left-avatar {
+                        width: 100%;
+                        height: 100%;
+                        border-radius: 50%;
+                    }
+                }
+
+                .partner-item-top-right {
+                    flex: 1;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
+
+                    .name {
+                        font-weight: 500;
+                        font-size: 34px;
+                        color: #000000;
+                    }
+
+                    .level {
+                        display: flex;
+                        align-items: center;
+                        position: relative;
+                        padding-left: 55px;
+                        box-sizing: border-box;
+                        margin-top: 14px;
+
+                        .level-icon {
+                            width: 144px;
+                            height: 45px;
+                            position: absolute;
+                            left: 0;
+                        }
+
+                        .level-text {
+                            font-size: 21px;
+                            color: #3D3D3D;
+                            z-index: 1;
+                        }
+                    }
+                }
+
+                .detail {
+                    font-weight: 700;
+                    font-size: 24px;
+                    color: #000000;
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+
+            .partner-item-bottom {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-top: 20px;
+                background-color: #F8F8F8;
+                border-radius: 10px;
+                padding: 20px 42px 37px 10px;
+                box-sizing: border-box;
+
+                .item {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+
+                    .phone-container {
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        margin-top: 13px;
+                        .copy-btn {
+                            margin-left: 20px;
+                            color: #F6C71A;
+                            font-size: 26px;
+                        }
+                        .item-value {
+                            margin-top: 0;
+                        }
+                    }
+
+                    .item-text {
+                        font-size: 24px;
+                        color: #AEAEAE;
+                    }
+
+                    .item-value {
+                        font-size: 26px;
+                        color: #000000;
+                        margin-top: 13px;
+                    }
+                }
+            }
+        }
+    }
+}

src/pages/memberSub/partnerDetail/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '伙伴详情'
+})

src/pages/memberSub/partnerDetail/index.jsx

@@ -0,0 +1,161 @@
+import { Component } from "react";
+import { View, Text, Image } from "@tarojs/components";
+import "./index.less";
+import { AtDivider } from "taro-ui";
+import level from "../../../images/partner/level.png";
+import vip from "../../../images/earningsOrder/vip.png";
+export default class Index extends Component {
+  state = {
+    orderList: [
+      {
+        order_number: "XY202403210001",
+        pay_time: "2024-03-21 15:30:25",
+        item_pic_url: "https://example.com/product1.jpg",
+        item_title: "2024春季新款连衣裙",
+        assess_amount_text: "12.50",
+        actual_paid_fee: "299.00",
+      },
+      {
+        order_number: "XY202403200015",
+        pay_time: "2024-03-20 10:15:33",
+        item_pic_url: "https://example.com/product2.jpg",
+        item_title: "时尚百搭小白鞋",
+        assess_amount_text: "8.80",
+        actual_paid_fee: "219.00",
+      },
+      {
+        order_number: "XY202403190089",
+        pay_time: "2024-03-19 18:45:12",
+        item_pic_url: "https://example.com/product3.jpg",
+        item_title: "韩版宽松牛仔外套",
+        assess_amount_text: "15.00",
+        actual_paid_fee: "358.00",
+      },
+    ],
+  };
+  // 复制
+  handleCopy = async (text) => {
+    try {
+      await Taro.setClipboardData({
+        data: text,
+      });
+      Taro.showToast({
+        title: "内容已复制",
+        icon: "success",
+        duration: 2000,
+      });
+    } catch (error) {
+      Taro.showToast({
+        title: "复制失败",
+        icon: "error",
+        duration: 2000,
+      });
+    }
+  };
+  render() {
+    const { orderList } = this.state;
+    return (
+      <View className="index">
+        <View className="container">
+          <View className="header">
+            <View className="header-left">
+              <Text className="name">张三</Text>
+              <View className="level">
+                <Image className="level-icon" src={level} />
+                <Text className="level-text">导购员</Text>
+              </View>
+            </View>
+            <View className="header-right">
+              <Image className="header-right-avatar" src="" />
+            </View>
+          </View>
+          {/* 个人资料 */}
+          <View className="personal-info">
+            <View className="info-top">
+              <View className="personal-info-item">
+                <Text className="personal-info-item-label">累计贡献返利</Text>
+                <Text className="personal-info-item-value">￥0.00</Text>
+              </View>
+              <View className="line"></View>
+              <View className="personal-info-item">
+                <Text className="personal-info-item-label">累计贡献管理奖</Text>
+                <Text className="personal-info-item-value">￥0.00</Text>
+              </View>
+            </View>
+            <View className="line-column"></View>
+            <View className="info-bottom">
+              <View className="personal-info-item">
+                <Text className="personal-info-item-label">手机号</Text>
+                <Text className="personal-info-item-value">138****8888</Text>
+              </View>
+              <View className="line"></View>
+              <View className="personal-info-item">
+                <Text className="personal-info-item-label">推荐绑定时间</Text>
+                <Text className="personal-info-item-value">
+                  2024-03-21 12:00:00
+                </Text>
+              </View>
+            </View>
+          </View>
+          {/* 订单列表 */}
+          <View className="order-list">
+            {orderList.map((item, index) => (
+              <View className="order-item" key={index}>
+                {/* 订单信息 */}
+                <View className="order-info">
+                  <View className="order-details">
+                    <View className="detail-item">
+                      <Text className="label">订单编号:</Text>
+                      <Text className="value">{item.order_number}</Text>
+                      <Text
+                        className="copy-text"
+                        onClick={() => this.handleCopy(item.order_number)}
+                      >
+                        复制
+                      </Text>
+                    </View>
+                    <View className="detail-item">
+                      <Text className="label">下单时间:</Text>
+                      <Text className="value">{item.pay_time}</Text>
+                    </View>
+                  </View>
+                  {/* <View className="member-info">
+                    <Image className="member-icon" src={vip} />
+                    <Text className="member-text">闲鱼会员</Text>
+                  </View> */}
+                </View>
+
+                {/* 产品信息 */}
+                <View className="product-info">
+                  <Image
+                    mode="aspectFill"
+                    className="product-image"
+                    src={item.item_pic_url}
+                  />
+                  <View className="product-details">
+                    <Text className="product-name">{item.item_title}</Text>
+                    <View className="promotion-info">
+                      <View className="tag">推广收入</View>
+                      <Text className="amount">¥{item.assess_amount_text}</Text>
+                    </View>
+                    <View className="payment-info">
+                      <Text className="label">实付金额:</Text>
+                      <Text className="amount">¥{item.actual_paid_fee}</Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            ))}
+          </View>
+          {orderList.length === 0 && (
+            <AtDivider
+              content="暂无成交订单"
+              fontColor="#B5B5B5"
+            lineColor="#D8D8D8"
+          />
+          )}
+        </View>
+      </View>
+    );
+  }
+}

src/pages/memberSub/partnerDetail/index.less

@@ -0,0 +1,275 @@
+.index {
+    min-height: 100vh;
+    background-color: #f9f9f9;
+    padding: 20px 16px;
+    box-sizing: border-box;
+
+    .container {
+        padding: 60px 10px 20px 10px;
+        box-sizing: border-box;
+        border-radius: 20px;
+        background-color: #fff;
+
+        .header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .header-left {
+                display: flex;
+                align-items: center;
+                flex-direction: column;
+
+                .name {
+                    font-weight: 700;
+                    font-size: 48px;
+                    color: #000000;
+                }
+
+                .level {
+                    display: flex;
+                    align-items: center;
+                    margin-top: 20px;
+                    position: relative;
+                    padding-left: 55px;
+                    height: 45px;
+
+                    .level-icon {
+                        width: 144px;
+                        height: 100%;
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                    }
+
+                    .level-text {
+                        font-size: 21px;
+                        color: #3D3D3D;
+                        z-index: 1;
+                    }
+                }
+            }
+
+            .header-right {
+                .header-right-avatar {
+                    width: 144px;
+                    height: 144px;
+                    border-radius: 50%;
+                    background-color: red;
+                }
+            }
+        }
+
+        // 个人资料
+        .personal-info {
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+            box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
+            border-radius: 10px 10px 10px 10px;
+            overflow: hidden;
+            margin-top: 30px;
+            padding: 4px 23px;
+            box-sizing: border-box;
+
+            .info-top,
+            .info-bottom {
+                display: flex;
+                width: 100%;
+                align-items: center;
+
+                .personal-info-item {
+                    flex: 1;
+                    display: flex;
+                    flex-direction: column;
+                    padding: 36px 0 33px 17px;
+                    box-sizing: border-box;
+
+                    .personal-info-item-label {
+                        font-size: 24px;
+                        color: #AEAEAE;
+                    }
+
+                    .personal-info-item-value {
+                        font-size: 26px;
+                        color: #000000;
+                        margin-top: 13px;
+                    }
+                }
+            }
+
+            .line {
+                width: 1px;
+                height: 126px;
+                background-color: #D8D8D8;
+                margin-right: 57px;
+            }
+
+            .line-column {
+                width: 100%;
+                height: 1px;
+                background-color: #D8D8D8;
+                margin: 10px 0;
+            }
+        }
+
+        // 订单列表样式
+        .order-list {
+            margin-top: 24px;
+            .at-divider {
+                height: 0;
+                margin-bottom: 18px;
+            }
+
+            .order-item {
+                background: #FFFFFF;
+                border-radius: 20px;
+                padding: 0 18px 34px 18px;
+                margin-bottom: 24px;
+                box-sizing: border-box;
+                border-radius: 20px 20px 20px 20px;
+                box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
+                &:last-child {
+                    margin-bottom: 0;
+                }
+                .order-info {
+                    display: flex;
+                    justify-content: space-between;
+                    padding-bottom: 24px;
+                    padding-top: 24px;
+
+                    .order-details {
+                        .detail-item {
+                            display: flex;
+                            align-items: center;
+                            margin-bottom: 8px;
+
+                            .label {
+                                color: #999;
+                                font-size: 22px;
+                                margin-right: 12px;
+                                line-height: 32px;
+                            }
+
+                            .value {
+                                color: #999;
+                                font-size: 22px;
+                                line-height: 32px;
+                            }
+
+                            .copy-text {
+                                color: #F6C71A;
+                                font-size: 22px;
+                                margin-left: 30px;
+                                line-height: 32px;
+                            }
+                        }
+                    }
+
+                    .member-info {
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: flex-start;
+                        align-items: center;
+
+                        .member-icon {
+                            width: 58px;
+                            height: 49px;
+                        }
+
+                        .member-text {
+                            font-size: 18px;
+                            color: #E7BE78;
+                            line-height: 26px;
+                            margin-top: 4px;
+                        }
+                    }
+                }
+
+                .product-info {
+                    display: flex;
+                    padding-top: 20px;
+                    height: 168px;
+
+                    .product-image {
+                        width: 297px;
+                        height: 168px;
+                        border-radius: 8px;
+                        margin-right: 16px;
+                    }
+
+                    .product-details {
+                        flex: 1;
+                        height: 100%;
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: space-between;
+
+                        .product-name {
+                            font-size: 28px;
+                            color: #000000;
+                            line-height: 41px;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            display: -webkit-box;
+                            -webkit-line-clamp: 2;
+                            -webkit-box-orient: vertical;
+                            margin-bottom: 16px;
+                        }
+
+                        .promotion-info {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            margin-bottom: 16px;
+                            height: 30px;
+                            width: fit-content;
+                            border-radius: 10px;
+
+                            .tag {
+                                color: #F6C71A;
+                                font-size: 18px;
+                                z-index: 1;
+                                background-color: #fff;
+                                padding: 2px 6px;
+                                box-sizing: border-box;
+                                border: 1px solid #F6C71A;
+                            }
+
+                            .amount {
+                                color: #fff;
+                                font-size: 18px;
+                                z-index: 1;
+                                background-color: #f6c71a;
+                                padding: 2px 4px;
+                                box-sizing: border-box;
+                                border: 1px solid #F6C71A;
+                            }
+                        }
+
+                        .payment-info {
+                            display: flex;
+                            align-items: center;
+                            font-weight: 500;
+
+                            .label {
+                                color: #000000;
+                                font-size: 22px;
+                                margin-right: 10px;
+                            }
+
+                            .amount {
+                                color: #000000;
+                                font-size: 22px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        .at-divider__content {
+            font-size: 22px;
+        }
+    }
+}

src/service/index.js

@@ -186,6 +186,14 @@ export const login = data =>
     method: 'POST',
     data,
   })
+  // ---------------------------------------埋点
+  // 埋点
+  export const addLog = data =>
+  Request({
+    url: '/log/add_log',
+    method: 'POST',
+    data,
+  })