From e2211cd88ba03da3153b025e8de3b36bd119c23c Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Fri, 2 Feb 2024 17:09:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E4=B8=8B=E7=BA=A7?=
 =?UTF-8?q?=E4=BA=BA=E5=91=98=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/agent.js              |   3 +-
 pages.json                |  10 ++
 pages/agent/center.vue    |  16 +++
 pages/agent/user/list.vue | 238 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 265 insertions(+), 2 deletions(-)
 create mode 100644 pages/agent/user/list.vue

diff --git a/api/agent.js b/api/agent.js
index a3574b1..dfb7570 100644
--- a/api/agent.js
+++ b/api/agent.js
@@ -24,11 +24,10 @@ export function agentApplyInfo(data) {
 export function getSingleAgentInfo(id) {
 	return request.get(`agent/single_agent_info/${id}`);
 }
-// 获取单条代理人员信息
+// 获取配置信息
 export function getAgentConfig() {
 	return request.get(`agent/get_config`);
 }
 
 
 
-
diff --git a/pages.json b/pages.json
index d954c34..89c2fd0 100644
--- a/pages.json
+++ b/pages.json
@@ -1341,7 +1341,17 @@
 					"style": {
 						"navigationBarTitleText": "申请记录"
 					}
+				},
+				{
+					"path": "user/list",
+					"style": {
+						"navigationBarTitleText": "下级管理"
+					}
 				}
+
+
+
+
 			]
 		},
 		{
diff --git a/pages/agent/center.vue b/pages/agent/center.vue
index 8577a1e..d3d554e 100644
--- a/pages/agent/center.vue
+++ b/pages/agent/center.vue
@@ -194,6 +194,16 @@ export default {
           }
         });
       }
+      // 除内勤、餐厅、配送商外都有下级管理
+      if(!['4','7','8'].includes(String(agentType))){
+        menuList.push({
+          title: '下级管理',
+          type: 'link',
+          url: '/pages/agent/user/list',
+          icon: 'iconfont icon-yonghu1',
+        });
+      }
+
 
       return menuList;
     },
@@ -331,6 +341,12 @@ export default {
             this.$util.Tips({title: err});
           });
           break;
+          // 点击跳转
+        case 'link':
+          uni.navigateTo({
+            url: menu.url + '?agent_id=' + params.agent_id
+          })
+          break;
       }
     },
     // 关闭二维码弹框
diff --git a/pages/agent/user/list.vue b/pages/agent/user/list.vue
new file mode 100644
index 0000000..21f5a09
--- /dev/null
+++ b/pages/agent/user/list.vue
@@ -0,0 +1,238 @@
+<template>
+  <view>
+    <view class="main-content" v-if="Object.values(list).length > 0">
+      <view class="list-content">
+        <view class="top-content">
+          <view class="num">{{ total }}</view>
+          <view class="title">下级人数</view>
+        </view>
+        <view class="list">
+          <view class="list-box" v-for="(item,index) in list" :key="index">
+            <!-- 顶部信息 -->
+            <view class="top-info">
+              <view class="user-info">
+                <image class="avatar" :src="item.user.avatar || ''"></image>
+                <view class="user-title">{{ item.user.nickname || '' }}</view>
+              </view>
+              <view class="role">{{ getAgentTypeText(item) }}</view>
+            </view>
+            <!--统计信息-->
+            <view class="statistics">
+              <!-- todo： 统计信息  开发中-->
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <emptyPage v-else title="暂无信息～"></emptyPage>
+    <!-- 授权登录 -->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+  </view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import emptyPage from '@/components/emptyPage.vue';
+import authorize from '@/components/Authorize';
+import {myAgentList} from "@/api/agent";
+
+export default {
+  components: {
+    authorize,
+    emptyPage
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      total: 0,
+      list: [],
+      page: 1,
+      agent_id: 0,
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+    }
+  },
+  onLoad(options) {
+    let _this = this;
+    _this.agent_id = options.agent_id || 0;
+    // 判断：agent_id <= 0 抛出错误，返回代理中心
+    if(Number(_this.agent_id) <= 0){
+      _this.$util.Tips({
+        title: '非法访问，信息不存在！',
+      },{tab:5,url:'/pages/agent/center'});
+      return false;
+    }
+    // 判断：是否登录
+    if (!this.isLogin) {
+      // 未登录  授权登录
+      this.isAuto = true;
+      this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      this.init();
+    }
+  },
+  // 滚动到底部
+  onReachBottom() {
+    this.getList();
+  },
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 初始化
+    init () {
+      this.getList();
+    },
+    // 记录
+    getList() {
+      let _this = this;
+      let params = {
+        page: _this.page,
+        pid: _this.agent_id
+      };
+      myAgentList(params).then(res => {
+        let list = res.data.list || {};
+        _this.total = res.data.count || 0;
+        if (Object.values(list).length > 0) {
+          _this.list = _this.$util.SplitArray(list, _this.list);
+          _this.$set(_this, 'list', _this.list);
+          _this.page++;
+        }
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    },
+    // 渲染类型信息
+    getAgentTypeText(info, title = '') {
+      switch (Number(info.agent_type)) {
+        case 1:
+          title = '发起人';
+          break;
+        case 2:
+          title = '省公司';
+          if(info.province_name) title += `(${info.province_name})`;
+          break;
+        case 3:
+          title = '外勤';
+          if(info.province_name) title += `(${info.province_name})`;
+          break;
+        case 4:
+          title = '内勤';
+          if(info.province_name) title += `(${info.province_name})`;
+          break;
+        case 5:
+          title = '运营商';
+          if(info.province_name || info.area_name || info.area_name) title += `(${info.province_name}${info.city_name}${info.area_name})`;
+          break;
+        case 6:
+          title = '合伙人';
+          if(info.province_name || info.area_name || info.area_name) title += `(${info.province_name}${info.city_name}${info.area_name})`;
+          break;
+        case 7:
+          title = '餐厅';
+          if(info.mer && info.mer.mer_name) title += `(${info.mer.mer_name})`;
+          break;
+        case 8:
+          title = '配送商';
+          break;
+      }
+
+      return title;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-content {
+  width: 100vw;
+  min-height: 100vh!important;
+  background: #f6f6f6;
+
+  .list-content{
+    .top-content{
+      background: #82201d;
+      width: 100%;
+      height: 200rpx;
+      display: inline-flex;
+      flex-direction: column;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: center;
+      .num{
+        color: #FFFFFF;
+        height: 70rpx;
+        line-height: 70rpx;
+        font-size: 45rpx!important;
+      }
+      .title{
+        color: #ffe9ea;
+        font-size: 26rpx!important;
+        height: 100rpx;
+      }
+    }
+    .list{
+      width: 100%;
+      padding: 0 20rpx;
+      position: relative;
+      top: -50rpx;
+      .list-box{
+        width: 100%;
+        background: #FFFFFF;
+        padding: 20rpx;
+        border-radius: 10rpx;
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        align-items: center;
+        .top-info{
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          justify-content: space-between;
+          align-items: center;
+          width: 100%;
+          .user-info{
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            justify-content: flex-start;
+            align-items: center;
+            .avatar{
+              width: 80rpx;
+              height: 80rpx;
+              border-radius: 50%;
+            }
+            .user-title{
+              margin-left: 20rpx;
+            }
+          }
+          .role{
+            background: #f2e6e8;
+            color: #6c454a;
+            padding: 5rpx 15rpx;
+            font-size: 24rpx;
+            border-radius: 5rpx;
+          }
+        }
+      }
+      .list-box:not(:last-child){
+        margin-bottom: 20rpx!important;
+      }
+    }
+  }
+}
+</style>