From 3f0d963af795724bf61fd7c7de832e5377a9757a Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Tue, 24 Oct 2023 20:26:26 +0800
Subject: [PATCH] 1

---
 src/components/merchantManagement/dataScreen.vue   |  26 +-
 src/components/merchantManagement/memberInfo.vue   |  30 +-
 .../merchantManagement/notificationCenter.vue      |  41 +-
 .../merchantManagement/roleManagement.vue          | 594 +++++----------------
 .../usercenter/components/dataStatistics.vue       |   4 +-
 src/style/index.less                               |   1 +
 6 files changed, 207 insertions(+), 489 deletions(-)

diff --git a/src/components/merchantManagement/dataScreen.vue b/src/components/merchantManagement/dataScreen.vue
index 49c0853..fa219b5 100644
--- a/src/components/merchantManagement/dataScreen.vue
+++ b/src/components/merchantManagement/dataScreen.vue
@@ -12,7 +12,9 @@
       <a-button class="newScreen">
         <router-link target="_blank" to="/largeScreen">新窗口打开</router-link>
       </a-button>
-      <largeScreen></largeScreen>
+      <div class="middleScreen">
+        <largeScreen class="screen"></largeScreen>
+      </div>
     </div>
   </div>
 </template>
@@ -61,6 +63,26 @@ export default {
   padding-top: 64px;
   position: relative;
 }
+.middleScreen {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  .screen {
+    zoom: 0.4;
+    width: 40%;
+    height:30%;
+    min-height: 30%;
+    margin-left: 50%;
+    transform: translateX(-50%);
+    // min-height: 700px;
+    // height: 700px;
+    // position: absolute;
+    // top: 0;
+    // left: 50%;
+
+    // transform: translateX(-50%) scale(0.6);
+  }
+}
 .newScreen {
   position: absolute;
   right: 16px;
@@ -71,7 +93,7 @@ export default {
   border: none;
   // width: 92px;
   padding: 0 12px;
-  height: 24px;
+  height: 32px;
   background: #1890ff;
   border-radius: 4px;
 }
diff --git a/src/components/merchantManagement/memberInfo.vue b/src/components/merchantManagement/memberInfo.vue
index 1c8dbbe..7b24348 100644
--- a/src/components/merchantManagement/memberInfo.vue
+++ b/src/components/merchantManagement/memberInfo.vue
@@ -22,12 +22,12 @@
         </div>
 
         <a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:100%" :style="{ marginBottom: '8px' }">
-          <a-radio-button value="group" class="changeGroup" style="width:50%">按部门</a-radio-button>
           <a-radio-button value="role" class="changeGroup" style="width:50%">按角色</a-radio-button>
+          <a-radio-button value="group" class="changeGroup" style="width:50%">按部门</a-radio-button>
         </a-radio-group>
         <div v-if="menuType == 'role'">
           <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
-            <a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色（19人）</a-menu-item>
+            <a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">全部角色（19人）</a-menu-item>
           </a-menu>
           <div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div>
           <div class="f12 c9 ml24 mb8">默认角色（11人）</div>
@@ -47,7 +47,7 @@
         </div>
         <div v-else>
           <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
-            <a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部部门（19人）</a-menu-item>
+            <a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">全部部门（19人）</a-menu-item>
           </a-menu>
           <div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div>
           <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
@@ -79,7 +79,7 @@
           <div class="f16 fw500">{{ selectedKeys[0] == 'all' ? '全部成员（19人）':selectedKeys[0] + '（8人）' }}</div>
           <!-- <button class="addGroup" @click="addGroupShow = true">添加部门</button> -->
           <a-button class="addmemeber f14" @click="showDetail('add')">
-            <i class="iconfont icon-fangda"></i> 添加成员
+            <i class="iconfont icon-fangda mr4"></i> 添加成员
           </a-button>
           <!-- <button @click="changepage(1)">下一页</button> -->
         </div>
@@ -352,7 +352,7 @@ export default {
       loading: false,
       isEdit: false, // 编辑部门名称的判断
       selectedKeys: ['all'],
-      menuType: 'group',
+      menuType: 'role',
     }
   },
   // 计算属性
@@ -552,8 +552,16 @@ export default {
               item.permission = getAgencyPermissionNameById(item.agencyPermissions)
               // })
             })
+            // this.memberList.sort((a, b) => {
+            //   return a.agencyRole - b.agencyRole
+            // })
             this.memberList.sort((a, b) => {
-              return a.agencyRole - b.agencyRole
+              if (a.agencyRole == b.agencyRole) {
+                //==同理 id相同就继续判断数量是否相同
+                return b.agencyTeamId - a.agencyTeamId
+              } else {
+                return a.agencyRole - b.agencyRole
+              }
             })
             this.pagination.total = data.data.recordCount
             this.isspinning = false
@@ -887,7 +895,7 @@ export default {
         // this.groupList[index] = middle
         moveGroupPrevApi(item.id).then((res) => {
           console.log(res)
-          if(res.data.status == 200){
+          if (res.data.status == 200) {
             this.getMemberGroup()
           }
         })
@@ -897,7 +905,7 @@ export default {
         // this.groupList[index] = middle
         moveGroupNextApi(item.id).then((res) => {
           console.log(res)
-           if(res.data.status == 200){
+          if (res.data.status == 200) {
             this.getMemberGroup()
           }
         })
@@ -993,7 +1001,7 @@ export default {
   }
 }
 .contentbody {
-  overflow: hidden;
+  // overflow: hidden;
   display: flex;
   justify-content: space-between;
   padding-left: 0;
@@ -1009,7 +1017,7 @@ export default {
     /deep/ .searchbox {
       display: flex;
       justify-content: space-between;
-      .searchinput{
+      .searchinput {
         width: 100%;
       }
       // padding-bottom: 14px;
@@ -1032,7 +1040,7 @@ export default {
   .rightContainer {
     flex: 1;
     padding-left: 16px;
-    overflow: hidden;
+    // overflow: hidden;
     position: relative;
     // min-width: 1020px;
     &::before {
diff --git a/src/components/merchantManagement/notificationCenter.vue b/src/components/merchantManagement/notificationCenter.vue
index ba87126..bd6d782 100644
--- a/src/components/merchantManagement/notificationCenter.vue
+++ b/src/components/merchantManagement/notificationCenter.vue
@@ -13,16 +13,16 @@
       <a-breadcrumb-item v-if="secondBreadcrumb">{{secondBreadcrumb}}</a-breadcrumb-item>
     </a-breadcrumb>
     <div class="contentbody bodyContainer">
-      <div class>
-        <div class="searchbox pb12 ml12 mr12">
+      <div class="fss">
+        <div class="searchbox ">
           <div class="searchinput">
-            <a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch">
-              <!-- <a-icon slot="prefix" type="search" class="cccc" /> -->
-              <!-- <a-button slot="enterButton" class="cblue">搜索</a-button> -->
-            </a-input-search>
+            <a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch"></a-input-search>
           </div>
-          <!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
         </div>
+        <a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:190px">
+          <a-radio-button value="fabu" class="changeGroup" style="width:50%">已发布</a-radio-button>
+          <a-radio-button value="caogao" class="changeGroup" style="width:50%">草稿</a-radio-button>
+        </a-radio-group>
       </div>
     </div>
   </div>
@@ -40,6 +40,22 @@ export default {
   data() {
     return {
       secondBreadcrumb: '',
+      menuType: 'fabu',
+      pagination: {
+        hideOnSinglePage: false,
+        showQuickJumper: true,
+        pageSize: 100,
+        total: 0,
+        size: 'small',
+        showTotal: function (total, range) {
+          return `共${total}条`
+        },
+        pageSizeOptions: ['25', '50', '100'],
+        showSizeChanger: true,
+        // showSizeChange:function(current, pageSize){
+        //     this.pageSize = pageSize;
+        // }
+      },
     }
   },
   // 计算属性
@@ -59,9 +75,18 @@ export default {
    */
   mounted() {},
   // 组件方法
-  methods: {},
+  methods: {
+    onSearch() {
+      // if (this.billPagination.keys != null && this.billPagination.keys.length != 0) {
+      // this.gitBillList()
+      // }
+    },
+  },
 }
 </script>
 
 <style scoped lang="less">
+.searchbox {
+  width: 280px;
+}
 </style>
diff --git a/src/components/merchantManagement/roleManagement.vue b/src/components/merchantManagement/roleManagement.vue
index 45e63b6..2c6256b 100644
--- a/src/components/merchantManagement/roleManagement.vue
+++ b/src/components/merchantManagement/roleManagement.vue
@@ -17,27 +17,23 @@
       {{secondBreadcrumb}}
     </div>-->
     <div class="contentbody bodyContainer">
-      <div class="fsa pb16">
+      <div class="fsa pb16" v-if="secondBreadcrumb == ''">
         <div class="f20 fw500">{{secondBreadcrumb || '角色管理'}}</div>
-        <a-button class="addmemeber f14" @click="addRole('add')" v-if="secondBreadcrumb == ''">
-          <i class="iconfont icon-fangda"></i> 添加角色
+        <a-button class="addmemeber f14" @click="addRole('add')" >
+          <i class="iconfont icon-fangda mr4"></i> 添加角色
         </a-button>
       </div>
       <div v-if="secondBreadcrumb == ''">
-        <a-table :columns="columns" :data-source="roleList" :scroll="{y:480}" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle'}" :rowKey="(record) => record.id" :locale="tablenodata">
+        <a-table :columns="columns" :data-source="roleList" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle'}" :rowKey="(record) => record.id" :locale="tablenodata">
           <!-- <a slot="index" slot-scope="record, text, index">{{ index + 1 }}</a> -->
           <div slot="setting" class="setting" slot-scope="text, record" style="color: #1890FF">
             <a @click="secondBreadcrumb = '角色详情'">详情</a>
-            <a class="delete">编辑</a>
-            <a>删除</a>
+            <a class="delete" @click="addRole('edit')">编辑</a>
+            <a @click="delRole('del')">删除</a>
           </div>
         </a-table>
         <div class="pagecontainer mt16 fss">
-          <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
-          <div class="ant-pagination-options-quick-jumper f14 ml12">
-            <span>共{{ pagination.total }}条，</span>跳至
-            <input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
-          </div>
+          <a-pagination :current="pagination.pageNum" :page-size-options="pagination.pageSizeOptions" :default-current="1" :defaultPageSize="20" :show-total="total => `共${total}条`" :total="pagination.total" @change="onChange" size="small" show-size-changer show-quick-jumper />
         </div>
       </div>
       <div v-else-if="secondBreadcrumb == '添加角色' || secondBreadcrumb == '编辑角色'">
@@ -114,463 +110,63 @@ export default {
       roleList: [1, 2, 3, 4],
       pagination: {
         pageNum: 1,
-        pageSize: 8,
-        total: null, //分页配置
+        pageSize: 20,
+        total: 3, //分页配置
         status: 0,
         keys: null,
+        size: 'small',
+        showTotal: function (total, range) {
+          return `共${total}条`
+        },
+        pageSizeOptions: ['25', '50', '100'],
+        showSizeChanger: true,
         // searchTag: 1,
       },
       isspinning: false,
-      // roleList: [
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-10-20 14:27:17',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 21,
-      //     labelId: 672,
-      //     pName: '',
-      //     roleId: 145,
-      //     roleName: '稻田内测用户',
-      //     sort: 1,
-      //     roleType: 1,
-      //     labelName: '稻田内测用户',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-10-12 09:34:33',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 2,
-      //     labelId: 670,
-      //     pName: '工厂职位，工单列表',
-      //     roleId: 144,
-      //     roleName: '询单客服',
-      //     sort: 2,
-      //     roleType: 1,
-      //     labelName: '询单客服',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-09-22 11:46:25',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 2,
-      //     labelId: 667,
-      //     pName: '',
-      //     roleId: 143,
-      //     roleName: '管理角色',
-      //     sort: 3,
-      //     roleType: 1,
-      //     labelName: '管理角色',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-09-06 20:05:46',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 1,
-      //     labelId: 662,
-      //     pName: '品牌列表，职位要求，职位特色，企业列表，总包列表，工单列表，工厂职位，工单列表，项目相册，更新助手，职位分类，逾期工单，热推职位',
-      //     roleId: 142,
-      //     roleName: '跟单客服',
-      //     sort: 4,
-      //     roleType: 1,
-      //     labelName: '跟单客服',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-08-19 18:30:20',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 0,
-      //     labelId: 658,
-      //     pName: '品牌列表，职位要求，职位特色，工作台，分析页，龙虎榜，用户列表，企业列表，总包列表，后台内容，代理列表，代理线索，矩阵官网，伯才官网，一手单官网，工单列表，工厂职位，老乡列表，项目页，工厂职位，代理列表，工单列表，项目通告，项目通知，位置管理，项目相册，官网表单，账单管理，数据大屏，更新助手，项目概况，职位分类，内容管理，呼叫数据，逾期工单，热推职位，频道管理，轮播配置，活动页面，图片模板，图片模板',
-      //     roleId: 141,
-      //     roleName: '新管理员',
-      //     sort: 5,
-      //     roleType: 1,
-      //     labelName: '新管理员',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-08-11 10:48:15',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 0,
-      //     labelId: 656,
-      //     pName: '品牌列表，职位要求，职位特色，工作台，企业列表，总包列表，后台内容，代理列表，代理线索，矩阵官网，伯才官网，一手单官网，工单列表，工厂职位，工单列表，项目相册，官网表单，数据看板，更新助手，项目概况，职位分类，内容管理，呼叫数据，逾期工单，热推职位，频道管理，轮播配置，活动页面，图片模板，图片模板',
-      //     roleId: 140,
-      //     roleName: '开发测试',
-      //     sort: 6,
-      //     roleType: 1,
-      //     labelName: '开发测试',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-07-31 16:03:23',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 8,
-      //     labelId: 655,
-      //     pName: '代理列表',
-      //     roleId: 139,
-      //     roleName: '电话客服',
-      //     sort: 7,
-      //     roleType: 1,
-      //     labelName: '渠道拓展',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2023-01-29 13:53:17',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 18,
-      //     labelId: 636,
-      //     pName: '',
-      //     roleId: 138,
-      //     roleName: '成员通用',
-      //     sort: 8,
-      //     roleType: 1,
-      //     labelName: '成员通用',
-      //   },
-      //   {
-      //     roleDesp: '交付中心主管',
-      //     roleCreateTime: '2020-06-09 16:26:25',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 6,
-      //     labelId: 408,
-      //     pName: '品牌列表，职位要求，职位特色，工作台，分析页，龙虎榜，企业列表，总包列表，代理列表，工单列表，工厂职位，老乡列表，项目页，工厂职位，代理列表，工单列表，项目通告，项目通知，位置管理，项目相册，数据看板，数据大屏，更新助手，项目概况，职位分类，热推职位',
-      //     roleId: 106,
-      //     roleName: '项目主管',
-      //     sort: 9,
-      //     roleType: 1,
-      //     labelName: '项目主管',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2022-04-27 10:40:43',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 5,
-      //     labelId: 616,
-      //     pName: '代理列表，工单列表，平台数据，渠道运营，代理数据，数据看板',
-      //     roleId: 136,
-      //     roleName: '渠道主管',
-      //     sort: 10,
-      //     roleType: 1,
-      //     labelName: '渠道主管',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2022-02-24 19:58:45',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 12,
-      //     labelId: 612,
-      //     pName: '工厂职位，代理列表，工单列表',
-      //     roleId: 135,
-      //     roleName: '客户经理',
-      //     sort: 11,
-      //     roleType: 1,
-      //     labelName: '客户经理',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2020-08-30 10:12:30',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 1,
-      //     labelId: 452,
-      //     pName: '品牌列表，职位要求，职位特色，劳动合同，业务合同，合同模板，合同企业，工资条，工作台，分析页，龙虎榜，复盘，用户列表，成员列表，企业列表，总包列表，代理列表，代理线索，工单列表，工厂职位，老乡列表，代理列表，项目相册，账单管理，数据看板，数据大屏，更新助手，内容管理，呼叫数据，逾期工单',
-      //     roleId: 117,
-      //     roleName: '财务',
-      //     sort: 12,
-      //     roleType: 1,
-      //     labelName: '财务',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2022-06-10 14:12:00',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 0,
-      //     labelId: 622,
-      //     pName: '短信验证码，修改用户操作次数，校验姓名、身份证号，校验姓名、银行卡号',
-      //     roleId: 137,
-      //     roleName: '开发角色01',
-      //     sort: 13,
-      //     roleType: 1,
-      //     labelName: '开发角色01',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2021-12-27 19:36:07',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 1,
-      //     labelId: 607,
-      //     pName: '品牌列表，工作台，项目列表【旧】，工单管理-襄县，渠道管理，代理列表1.0，推广明细，企业列表，总包列表，代理入口',
-      //     roleId: 133,
-      //     roleName: '门店店长',
-      //     sort: 14,
-      //     roleType: 1,
-      //     labelName: '门店店长',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2021-10-26 13:56:05',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 10,
-      //     labelId: 588,
-      //     pName: '品牌列表，职位要求，职位特色，企业列表，总包列表，工厂职位，工单列表，项目相册，更新助手，职位分类',
-      //     roleId: 132,
-      //     roleName: '项目经理',
-      //     sort: 15,
-      //     roleType: 1,
-      //     labelName: '项目经理',
-      //   },
-      //   {
-      //     roleDesp: '安置专员角色',
-      //     roleCreateTime: '2021-10-14 09:37:00',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 2,
-      //     labelId: 586,
-      //     pName: '',
-      //     roleId: 130,
-      //     roleName: '安置专员',
-      //     sort: 16,
-      //     roleType: 1,
-      //     labelName: '安置专员',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2021-10-13 16:20:01',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 2,
-      //     labelId: 585,
-      //     pName: '简历采集，推荐工作，跟进入职，跟进离职，需求维护，需求列表，需求地图，品牌列表，职位要求，职位特色，工作台，在职维护，项目列表【旧】，企业列表，总包列表，后台内容，代理列表，工单列表，工厂职位',
-      //     roleId: 129,
-      //     roleName: '产品经理',
-      //     sort: 17,
-      //     roleType: 1,
-      //     labelName: '产品经理',
-      //   },
-      //   {
-      //     roleDesp: '白名单的角色，扫码、报名后，只要绑定了代理一定会触发推广事件和佣金，且佣金免审核自动发送到余额',
-      //     roleCreateTime: '2021-10-07 17:20:01',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 3,
-      //     labelId: 584,
-      //     pName: '',
-      //     roleId: 128,
-      //     roleName: '代理佣金白名单',
-      //     sort: 18,
-      //     roleType: 1,
-      //     labelName: '代理佣金白名单',
-      //   },
-      //   {
-      //     roleDesp: '线下代理点拓展',
-      //     roleCreateTime: '2021-08-31 15:23:45',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 2,
-      //     labelId: 582,
-      //     pName: '工作台，项目列表【旧】，渠道管理，代理列表1.0，推广明细，企业列表，代理入口',
-      //     roleId: 126,
-      //     roleName: '招工经理',
-      //     sort: 19,
-      //     roleType: 1,
-      //     labelName: '招工经理',
-      //   },
-      //   {
-      //     roleDesp: '设计',
-      //     roleCreateTime: '2021-08-18 18:00:44',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 3,
-      //     labelId: 580,
-      //     pName: '品牌列表，工作台，企业列表，项目相册，更新助手',
-      //     roleId: 125,
-      //     roleName: '平面设计',
-      //     sort: 20,
-      //     roleType: 1,
-      //     labelName: '平面设计',
-      //   },
-      //   {
-      //     roleDesp: '试用期',
-      //     roleCreateTime: '2021-05-12 10:27:09',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 0,
-      //     labelId: 561,
-      //     pName: '工厂职位',
-      //     roleId: 124,
-      //     roleName: '试用',
-      //     sort: 21,
-      //     roleType: 1,
-      //     labelName: '试用',
-      //   },
-      //   {
-      //     roleDesp: '注册用户，无后台权限',
-      //     roleCreateTime: '2017-04-18 14:16:41',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 7225,
-      //     labelId: 1,
-      //     pName: '',
-      //     roleId: 45,
-      //     roleName: 'A',
-      //     sort: 22,
-      //     roleType: 1,
-      //     labelName: 'A',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2020-11-18 20:12:40',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 3,
-      //     labelId: 479,
-      //     pName: '工作台',
-      //     roleId: 122,
-      //     roleName: '新人',
-      //     sort: 23,
-      //     roleType: 1,
-      //     labelName: '新人',
-      //   },
-      //   {
-      //     roleDesp: '原”在线客服“、”流量专员“',
-      //     roleCreateTime: '2019-11-15 18:04:13',
-      //     classify: 0,
-      //     aliasName: '简历专员',
-      //     userNum: 4,
-      //     labelId: 433,
-      //     pName: '简历采集，需求列表，需求地图，复盘',
-      //     roleId: 102,
-      //     roleName: '简历专员',
-      //     sort: 24,
-      //     roleType: 1,
-      //     labelName: '简历专员',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2018-02-03 10:10:05',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 7,
-      //     labelId: 207,
-      //     pName: '推荐工作，需求列表，需求地图，我的统计，复盘',
-      //     roleId: 87,
-      //     roleName: '职业顾问',
-      //     sort: 25,
-      //     roleType: 1,
-      //     labelName: '职业顾问',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2017-10-27 22:08:21',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 5,
-      //     labelId: 165,
-      //     pName: '跟进入职，旧在职维护，跟进离职，需求维护，需求列表，需求地图，工资核对，品牌列表，劳动合同，服务交付，工作台，在职维护，复盘，项目列表【旧】',
-      //     roleId: 84,
-      //     roleName: '项目执行',
-      //     sort: 26,
-      //     roleType: 1,
-      //     labelName: '项目执行',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2020-11-03 18:25:54',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 3,
-      //     labelId: 468,
-      //     pName: '劳动合同，工资条，服务交付，工作台，在职维护，在职维护',
-      //     roleId: 119,
-      //     roleName: '服务专员',
-      //     sort: 27,
-      //     roleType: 1,
-      //     labelName: '服务专员',
-      //   },
-      //   {
-      //     roleDesp: 'BD，负责商务拓展',
-      //     roleCreateTime: '2017-04-15 22:01:27',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 5,
-      //     labelId: 27,
-      //     pName: '工单列表，更新助手，项目概况',
-      //     roleId: 41,
-      //     roleName: '项目客服',
-      //     sort: 28,
-      //     roleType: 1,
-      //     labelName: '项目客服',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2020-03-12 10:13:18',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 1,
-      //     labelId: 355,
-      //     pName: '需求列表，需求地图，业务管理，分发管理，业务日历，简历中心，渠道来源1.0，简历生产，服务交付，工作台，龙虎榜，简历公海，在职维护，匹配失败，旧服务工单，复盘，工单时间，服务工单，等待分发，彩蛋配置',
-      //     roleId: 104,
-      //     roleName: '平台运营',
-      //     sort: 29,
-      //     roleType: 1,
-      //     labelName: '平台运营',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2020-11-16 19:39:20',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 2,
-      //     labelId: 477,
-      //     pName: '品牌列表，职位要求，职位特色，企业列表，工厂职位，项目相册，更新助手，职位分类，内容管理，热推职位，频道管理，轮播配置，活动页面，图片模板',
-      //     roleId: 121,
-      //     roleName: '内容运营',
-      //     sort: 30,
-      //     roleType: 1,
-      //     labelName: '内容运营',
-      //   },
-      //   {
-      //     roleDesp: '',
-      //     roleCreateTime: '2020-09-14 18:34:47',
-      //     classify: 0,
-      //     aliasName: '',
-      //     userNum: 4,
-      //     labelId: 458,
-      //     pName: '用户列表，成员列表，后台内容',
-      //     roleId: 118,
-      //     roleName: '公司人事',
-      //     sort: 31,
-      //     roleType: 1,
-      //     labelName: '公司人事',
-      //   },
-      //   {
-      //     roleDesp: '超级管理员',
-      //     roleCreateTime: '2017-04-13 15:27:02',
-      //     classify: 1,
-      //     aliasName: '',
-      //     userNum: 10,
-      //     labelId: 12,
-      //     pName: '简历采集，推荐工作，跟进入职，旧在职维护，跟进离职，需求维护，需求列表，需求地图，工资核对，我的统计，业务管理，分发管理，业务日历，跟进入职，在职管理，离职管理，简历中心，渠道来源1.0，简历生产，角色管理（菜单），品牌列表，职位要求，职位特色，劳动合同，业务合同，合同模板，合同企业，工资条，职业顾问提成，来源列表，系统操作日志，短信验证码，修改用户操作次数，校验姓名、身份证号，校验姓名、银行卡号，修改用户身份证照片，修改用户OpenID，修改模板对应的企业，修改人员对应的企业，合同生成PDF测试，服务交付，工作台，龙虎榜，简历公海，在职维护，匹配失败，旧服务工单，复盘，线索管理，线索挖掘，休眠线索，工单时间，在职维护，旧需求列表，服务工单，等待分发，彩蛋配置，项目收款结算，花名库配置，项',
-      //     roleId: 11,
-      //     roleName: 'admin',
-      //     sort: 32,
-      //     roleType: 0,
-      //     labelName: 'admin',
-      //   },
-      // ],
+      roleList: [
+        {
+          roleDesp: '',
+          roleCreateTime: '2023-10-20 14:27:17',
+          classify: 0,
+          aliasName: '',
+          userNum: 21,
+          labelId: 672,
+          pName: '稻田内测备注',
+          roleId: 145,
+          roleName: '稻田内测用户',
+          sort: 1,
+          roleType: 1,
+          labelName: '稻田内测用户',
+        },
+        {
+          roleDesp: '',
+          roleCreateTime: '2023-10-12 09:34:33',
+          classify: 0,
+          aliasName: '',
+          userNum: 2,
+          labelId: 670,
+          pName: '稻田内测备注',
+          roleId: 144,
+          roleName: '稻田内测用户1',
+          sort: 2,
+          roleType: 1,
+          labelName: '稻田内测用户1',
+        },
+        {
+          roleDesp: '',
+          roleCreateTime: '2023-10-12 09:34:33',
+          classify: 0,
+          aliasName: '',
+          userNum: 2,
+          labelId: 670,
+          pName: '稻田内测备注',
+          roleId: 144,
+          roleName: '稻田内测用户2',
+          sort: 2,
+          roleType: 1,
+          labelName: '稻田内测用户2',
+        },
+      ],
       middleauthor: null,
       authorityList: {
         dtzw: {
@@ -728,7 +324,7 @@ export default {
           key: 'roleName',
           scopedSlots: { customRender: 'roleName' },
           ellipsis: true,
-          width: 80,
+          width: 150,
         },
         // {
         //   title: '角色',
@@ -834,10 +430,31 @@ export default {
         this.getMemberList()
       }
     },
-    addRole() {
-      this.secondBreadcrumb = '添加角色'
+    addRole(type) {
+      if (type == 'add') {
+        this.secondBreadcrumb = '添加角色'
+      } else {
+        this.secondBreadcrumb = '编辑角色'
+      }
       this.$forceUpdate()
     },
+    delRole() {
+      this.$confirm({
+        title: '删除',
+        content: '确定要删除该角色吗？',
+        centered: true,
+        onOk(e1, e2) {
+          console.log(e1)
+          console.log(e2)
+          return new Promise((res) => {
+            setTimeout(() => {
+              res()
+            }, 2000)
+          })
+        },
+        onCancel() {},
+      })
+    },
     /**
      * 角色信息表单提交
      */
@@ -886,4 +503,49 @@ export default {
   padding: 0 9px;
   margin: 0 9px;
 }
+/deep/.ant-table {
+  .ant-table-content {
+    .ant-table-body {
+      .ant-table-thead {
+        th {
+          padding: 12px 0;
+          div {
+            padding: 0px 8px;
+          }
+          &:not(:first-child) {
+            > span {
+              //  line-height: 22px;
+              > div {
+                //  line-height: 1;
+                border-left: 1px solid #ddd;
+                padding-left: 12px;
+              }
+            }
+          }
+        }
+        .ant-table-row-cell-break-word {
+          font-size: 14px !important;
+          font-weight: bold;
+        }
+        .ant-table-row-cell-ellipsis {
+          font-size: 14px !important;
+          font-weight: bold;
+        }
+      }
+      .ant-table-tbody {
+        .ant-table-row-cell-ellipsis {
+          font-size: 14px !important;
+          padding: 12px 14px;
+        }
+        .ant-table-row-expand-icon {
+          // color: #000;
+          padding: 0;
+        }
+        .ant-table-row-indent {
+          display: none !important;
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/components/userinfo/usercenter/components/dataStatistics.vue b/src/components/userinfo/usercenter/components/dataStatistics.vue
index 05a922a..c785928 100644
--- a/src/components/userinfo/usercenter/components/dataStatistics.vue
+++ b/src/components/userinfo/usercenter/components/dataStatistics.vue
@@ -27,7 +27,7 @@
         </a-radio-group>
         <div v-if="menuType == 'role'">
           <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
-            <a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部成员（50人）</a-menu-item>
+            <a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">全部成员（50人）</a-menu-item>
           </a-menu>
           <div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></div>
           <!-- <div class="f12 c9 ml24 mb8">默认角色（11人）</div> -->
@@ -39,7 +39,7 @@
         </div>
         <div v-else>
           <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
-            <a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部部门（50人）</a-menu-item>
+            <a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">全部部门（50人）</a-menu-item>
           </a-menu>
           <!-- <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
             <a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
diff --git a/src/style/index.less b/src/style/index.less
index fd22626..afbdcf7 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -452,6 +452,7 @@ i {
 }
 .bodyContainer {
 	padding: 16px;
+  min-height: calc(100vh - 170px);
 	// height: 97%;
 	background-color: #fff;
 }