1.调整收货地址表数据结构以及接口

2.增加粉丝表数据结构以及接口

src/api/platform/follower.js

@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+
+// 查询收货地址列表
+export function listFollower(user_id) {
+  return request({
+    url: `/platform/follower/list/${user_id}`,
+    method: "get",
+  });
+}

src/views/platform/address.vue

@@ -31,6 +31,9 @@ import { listAddress, getAddress, delAddress, addAddress, updateAddress } from "
 
 export default {
     name: "Address",
+    props: {
+        userId: Number
+    },
     data() {
         return {
             // 遮罩层
@@ -101,6 +104,7 @@ export default {
         /** 查询收货地址列表 */
         getList() {
             this.loading = true;
+            this.queryParams.userId = this.userId
             listAddress(this.queryParams).then(response => {
                 this.addressList = response.rows;
                 this.total = response.total;
@@ -195,6 +199,13 @@ export default {
                 ...this.queryParams
             }, `address_${new Date().getTime()}.xlsx`)
         }
+    },
+    watch: {
+        userId(newValue) {
+            if (newValue) {
+                this.getList();
+            }
+        }
     }
 };
 </script>

src/views/platform/follower.vue

@@ -0,0 +1,152 @@
+<template>
+    <div class="app-container">
+        <el-table v-loading="loading" :data="followers">
+
+            <el-table-column label="绑定时间" align="center" width="200">
+                <template slot-scope="scope">
+                    <span>{{ parseTime(scope.row.createTime) }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="昵称" align="center" width="120">
+                <template slot-scope="scope">
+                    <span>{{ scope.row.followingUser.nickName }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="ID" align="center">
+                <template slot-scope="scope">
+                    <span>{{ scope.row.followingUser.userId }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="手机号" align="center" width="120">
+                <template slot-scope="scope">
+                    <span>{{ scope.row.followingUser.phonenumber }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="微信昵称" align="center" width="120">
+                <template slot-scope="scope">
+                    <span>{{ scope.row.followingUser.wechatNickName }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="头像" align="center">
+                <template slot-scope="scope">
+                    <el-avatar :size="50" :src="getAvatar(scope.row.followingUser)" />
+                </template>
+            </el-table-column>
+            <el-table-column label="性别" align="center">
+                <template slot-scope="scope">
+                    <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.followingUser.sex" />
+                </template>
+            </el-table-column>
+            <el-table-column label="推荐人" align="center">
+                <template slot-scope="scope">
+                    {{ scope.row.isDefault ? '是' : '否' }}
+                </template>
+            </el-table-column>
+            <el-table-column label="登陆时间" align="center" width="200">
+                <template slot-scope="scope">
+                    <span>{{ parseTime(scope.row.followingUser.loginDate) }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="注册时间" align="center" width="200">
+                <template slot-scope="scope">
+                    <span>{{ parseTime(scope.row.followingUser.createTime) }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+                <template slot-scope="scope">
+                    <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.followingUser.status" />
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    </div>
+</template>
+
+<script>
+import { listFollower } from "@/api/platform/follower";
+import { getAvatar } from "@/utils";
+export default {
+    name: "Follower",
+    props: {
+        userId: Number
+    },
+    dicts: ['sys_normal_disable', 'sys_user_sex'],
+    data() {
+        return {
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 粉丝表格数据
+            followers: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            // 查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表单参数
+            form: {},
+        };
+    },
+    mounted() {
+        this.getList();
+    },
+    methods: {
+        getAvatar,
+        /** 查询粉丝列表 */
+        getList() {
+            this.loading = true;
+            listFollower(this.userId).then(response => {
+                this.followers = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+        // 取消按钮
+        cancel() {
+            this.open = false;
+            this.reset();
+        },
+        // 表单重置
+        reset() {
+            this.form = {
+                id: null,
+
+            };
+            this.resetForm("form");
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        }
+    },
+    watch: {
+        userId(newValue) {
+            if (newValue) {
+                this.getList();
+            }
+        }
+    }
+};
+</script>

src/views/system/user/index.vue

@@ -78,7 +78,7 @@
           </el-table-column>
           <el-table-column label="推荐人" align="center">
             <template slot-scope="scope" v-if="scope.row.referrerSysUser">
-              <span>{{ scope.row.referrerSysUser.phonenumber }}</span>
+              <span>{{ scope.row.referrerSysUser.nickName }}</span>
             </template>
           </el-table-column>
           <el-table-column label="登陆时间" align="center">
@@ -131,12 +131,14 @@
         <el-tab-pane label="钱包明细" name="balance">钱包明细</el-tab-pane>
         <el-tab-pane label="购买明细" name="pay_detail">购买明细</el-tab-pane>
         <el-tab-pane v-hasPermi="['platform:address:list']" label="收货地址" name="address">
-          <platform-address />
+          <platform-address :user-id="form.userId" />
         </el-tab-pane>
         <el-tab-pane label="浏览记录" name="browser_history">浏览记录</el-tab-pane>
         <el-tab-pane label="收藏记录" name="star_history">收藏记录</el-tab-pane>
         <el-tab-pane label="购物车" name="cart">购物车</el-tab-pane>
-        <el-tab-pane label="粉丝" name="fans">粉丝</el-tab-pane>
+        <el-tab-pane label="粉丝" name="fans">
+          <platform-follower :user-id="form.userId" />
+        </el-tab-pane>
         <el-tab-pane label="优惠券" name="discount_coupon">优惠券</el-tab-pane>
       </el-tabs>
     </el-dialog>
@@ -168,13 +170,14 @@
 <script>
 import { listUser, getUser, delUser, resetUserPwd, changeUserStatus, updateStatus } from "@/api/system/user";
 import { getToken } from "@/utils/auth";
-import { getAvatar } from "../../../utils";
+import { getAvatar } from "@/utils";
 import baseForm from "./profile/baseForm"
 import platformAddress from "@/views/platform/address"
+import platformFollower from "@/views/platform/follower"
 export default {
   name: "User",
   dicts: ['sys_normal_disable', 'sys_user_sex'],
-  components: { baseForm, platformAddress },
+  components: { baseForm, platformAddress, platformFollower },
   data() {
     return {
       // 遮罩层