diff --git a/java-mall-app-shop-admin/api/user.js b/java-mall-app-shop-admin/api/user.js
index 4bdc791..b741d13 100644
--- a/java-mall-app-shop-admin/api/user.js
+++ b/java-mall-app-shop-admin/api/user.js
@@ -32,3 +32,12 @@ export function OutLogin() {
     baseURL: config.apiMobile,
   });
 }
+
+export function apiGetTipOffList() {
+  return http({
+    url: '/sns/snsUserReport/list',
+    method: 'get',
+    baseURL: config.apiMobile,
+  });
+}
+
diff --git a/java-mall-app-shop-admin/pages/my/tipOff.vue b/java-mall-app-shop-admin/pages/my/tipOff.vue
index 937bc76..736ff32 100644
--- a/java-mall-app-shop-admin/pages/my/tipOff.vue
+++ b/java-mall-app-shop-admin/pages/my/tipOff.vue
@@ -1,23 +1,23 @@
 <template>
    <view class="main">
     <view class="list">
-        <view class="item">
+        <view class="item" v-for="item in list" :key="item.id">
             <view class="header">
-                <view class="username">fdfdf</view>
-                <view class="more">fdfdf</view>
+                <view class="username">{{ item.reportedNickname }}</view>
+                <view class="more">查看详情</view>
             </view>
             <view class="body">
                 <view class="left">
                     <image src="" class="img" />
                 </view>
                 <view class="right">
-                    <view class="desc">fdfd</view>
-                    <view class="type">fdfd</view>
-                    <view class="time">fdfd</view>
+                    <view class="desc">{{ item.reportContent }}</view>
+                    <view class="type">{{ item.reportCategory }}</view>
+                    <view class="time">{{ item.createdAt }}</view>
                 </view>
             </view>
             <view class="footer">
-                fdfsdfds
+                {{ item.processingResult }}
             </view>
         </view>
     </view>
@@ -25,8 +25,24 @@
 </template>
 
 <script>
+import { apiGetTipOffList } from "@/api/user";
+
     export default {
-        
+        data(){
+            return {
+                list: [],
+                imgUrl: ''
+            }
+        },
+        mounted(){
+           this.getTipOffList() 
+        },
+        methods:{
+            async getTipOffList(){
+                const res = await apiGetTipOffList();
+                this.list = res.records
+            }
+        }
     }
 </script>