From 9e8c608aa8ab6985d192616e8fb45e9e1721a820 Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Sat, 14 Jan 2023 12:09:23 +0800
Subject: [PATCH] =?UTF-8?q?1.=E8=B0=83=E6=95=B4=E6=94=B6=E8=B4=A7=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E8=A1=A8=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E6=8E=A5=E5=8F=A3=202.=E5=A2=9E=E5=8A=A0=E7=B2=89?=
 =?UTF-8?q?=E4=B8=9D=E8=A1=A8=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/platform/follower.js    |   9 ++
 src/views/platform/address.vue  |  11 +++
 src/views/platform/follower.vue | 152 ++++++++++++++++++++++++++++++++
 src/views/system/user/index.vue |  13 +--
 4 files changed, 180 insertions(+), 5 deletions(-)
 create mode 100644 src/api/platform/follower.js
 create mode 100644 src/views/platform/follower.vue

diff --git a/src/api/platform/follower.js b/src/api/platform/follower.js
new file mode 100644
index 0000000..cbba817
--- /dev/null
+++ b/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",
+  });
+}
diff --git a/src/views/platform/address.vue b/src/views/platform/address.vue
index dedbb87..4f6be87 100644
--- a/src/views/platform/address.vue
+++ b/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>
diff --git a/src/views/platform/follower.vue b/src/views/platform/follower.vue
new file mode 100644
index 0000000..24db9c3
--- /dev/null
+++ b/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>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index c917c1c..6139c3e 100644
--- a/src/views/system/user/index.vue
+++ b/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 {
       // 遮罩层