update

src/pages/user/components/Inviter.vue

@@ -1,13 +1,29 @@
 <script setup>
-import Avatar from '../../../static/images/Avatar.png'
+import {onMounted, reactive} from "vue";
+import Api from "../../../api/index.js";
+
+const detail = reactive({});
+
+onMounted(() => {
+    Api.system.getMyTop().then(({data}) => {
+        Object.assign(detail, data);
+    });
+});
+
+const callPhone = () => {
+    uni.makePhoneCall({
+        phoneNumber: detail.mobile,
+    });
+}
 </script>
 
 <template>
-    <view class="p-[20rpx] bg-[#F2F3F5] rounded-[16rpx] !mt-[40rpx] !flex items-center">
-        <image class="!size-[64rpx]" mode="aspectFill" :src="Avatar"></image>
-        <view class="test-24r !ml-[24rpx]">Adam</view>
+    <view class="p-[20rpx] bg-[#F2F3F5] rounded-[16rpx] !mt-[40rpx] !flex items-center" v-if="detail.id">
+        <image class="!size-[64rpx]" mode="aspectFill" :src="detail.avatar"></image>
+        <view class="test-24r !ml-[24rpx]">{{ detail.nickname }}</view>
 
         <view
+            @click="callPhone"
             class="px-[20rpx] py-[7rpx] test-22r text-[#fff] rounded-full bg-[var(--primary-color)] !flex items-center justify-center !ml-auto">
             联系TA
         </view>

src/pages/user/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {defineAsyncComponent, onMounted, ref} from 'vue';
+import {defineAsyncComponent, onMounted, ref, reactive} from 'vue';
 import ICON1 from '../../static/icons/icon_提现记录.png';
 import ICON2 from '../../static/icons/icon_变动记录.png';
 import ICON3 from '../../static/icons/icon_我的钱包.png';
@@ -13,6 +13,7 @@ import XNav from "../../components/XNav.vue";
 import CreditScore from "../../components/CreditScore.vue";
 import {toPage} from "../../utils/uils.js";
 import {useUserStore} from "../../pinia/UserStore/index.js";
+import AddCustomerServiceModal from "../../components/AddCustomerServiceModal.vue";
 
 // #ifdef APP-PLUS
 // #endif
@@ -43,6 +44,9 @@ const tabs = [
 ]
 
 const UserStore = useUserStore();
+const state = reactive({
+    showAddCustomer: false,
+});
 
 onMounted(() => {
     UserStore.getUserInfo();
@@ -150,7 +154,7 @@ onMounted(() => {
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON5"></image>
                 <view class="test-24r">账号管理</view>
             </view>
-            <view class="!flex items-center flex-col justify-center gap-[12rpx]">
+            <view class="!flex items-center flex-col justify-center gap-[12rpx]" @click="state.showAddCustomer=true">
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON6"></image>
                 <view class="test-24r">联系客服</view>
             </view>
@@ -161,6 +165,8 @@ onMounted(() => {
             </view>
         </view>
     </view>
+
+    <add-customer-service-modal v-model:show="state.showAddCustomer"></add-customer-service-modal>
 </template>
 
 <style lang="scss" scoped>