1、人员管理-后线人员管理、团队长人员管理、代理人管理、综合查询页面的重建和接口对接

2、登录后存性别、状态字典
3、点击系统右上角，显示用户部门+角色

src/http/moudules/user.js

@@ -104,7 +104,14 @@ export const queryTeamNum = (data) => {
   })
 }
 
-
+//替换通过部门Id查询团队长
+export const newQueryTeamNum = (data) => {
+  return axios({
+    url: '/esm/user/queryTeamNum',
+    method: 'post',
+    data
+  })
+}
 
 
 
@@ -235,3 +242,18 @@ export const getLoginUser= () => {
       method: 'get',
   })
 }
+//用户审核通过接口
+export const getApprovalPass= (id) => {
+  return axios({
+      url: '/user/approvalPass?userId='+id,
+      method: 'get',
+  })
+}
+//用户审核通过接口
+export const getApprovalNotPass= (params) => {
+  return axios({
+      url: '/user/approvalNotPass',
+      method: 'get',
+      params
+  })
+}

src/views/Core/KtCommonTable.vue

@@ -67,6 +67,8 @@
               color: #ffffff;
             " icon="fa fa-trash" v-if="button1Name" :label="button1Name" :perms="permsButton1" :size="size"
             @click="handleButton1(scope.$index, scope.row)" />
+            <kt-button type="primary" v-if="button4Name" :label="button4Name" :perms="permsButton4" :size="size"
+            @click="handleButton4(scope.$index, scope.row)" />
         </template>
       </el-table-column>
     </el-table>
@@ -119,6 +121,9 @@ export default {
     button3Name: {
       type: String,
     },
+    button4Name: {
+      type: String,
+    },
     permsButton1: {
       type: String,
     },
@@ -128,6 +133,9 @@ export default {
     permsButton3: {
       type: String,
     },
+    permsButton4: {
+      type: String,
+    },
     button1Background: {
       type: String,
     },
@@ -315,6 +323,12 @@ export default {
         row: row,
       });
     },
+    handleButton4: function (index, row) {
+      this.$emit("handleButton4", {
+        index: index,
+        row: row,
+      });
+    },
     //删除单个
     handleDeleteFlag: function (index, row) {
       this.$emit("handleDeleteFlag", { index: index, row: row });

src/views/Core/PersonalPanel.vue

@@ -4,27 +4,30 @@
       <div class="avatar-container u-f u-f-ajc">
         <img class="avatar" :src="require('@/assets/user.png')" />
       </div>
-      <div class="name-role">
+      <!-- <div class="name-role">
         <template v-if="user.name == 'admin'">
           <span class="sender">{{ user.name }}</span>
         </template>
         <template v-else>
           <span class="sender">{{ user.id }} - {{ user.name }}</span>
         </template>
-      </div>
+      </div> -->
       <div class="name-role">
-        <template v-if="user.name == 'admin'">
+        <template >
+          <span class="sender">{{ user.deptName }} - {{ user.roleName }}</span>
+        </template>
+        <!-- <template v-if="user.name == 'admin'">
           <span class="sender">超级管理员</span>
         </template>
         <template v-else>
           <span class="sender">{{ user.deptName }} - {{ user.jobName }}</span>
-        </template>
+        </template> -->
       </div>
       <template v-if="user.name != 'admin'">
         <div class="registe-info">
           <span class="registe-info">
             <li class="fa fa-clock-o"></li>
-            {{ user.registeInfo }}
+            {{ user.createTime.substr(0,10) }}
           </span>
         </div>
       </template>
@@ -115,10 +118,11 @@ export default {
     }
   },
   created(){
-   
+// console.log(this.user,1111111)
+
   },
   methods: {
-
+   
     //闪电增员
     recruiting() {
         this.$refs.recruitingDialog.setBackupVisible(true)

src/views/HeadBar/HeadBar.vue

@@ -61,9 +61,9 @@
         </el-menu-item>
         <el-menu-item index="5" v-popover:popover-personal>
           <!-- 用户信息 -->
-          <span class="user-info"><img :src="user.avatar" />{{ user.name }}</span>
+          <span class="user-info"><img :src="userData.avatar" />{{ userData.name }}</span>
           <el-popover ref="popover-personal" placement="bottom-end" trigger="click" :visible-arrow="false">
-            <personal-panel :user="user"></personal-panel>
+            <personal-panel :user="userData"></personal-panel>
           </el-popover>
         </el-menu-item>
       </el-menu>
@@ -119,17 +119,7 @@ export default {
       sum: null,
       datawidth: 1920,
       screenWidth: document.body.clientWidth,
-      user: {
-        id: "",
-        name: "Yasepix",
-        avatar: "",
-        deptId: "",
-        deptName: "",
-        jobCode: "",
-        jobName: "",
-        // role: "超级管理员",
-        registeInfo: "入司时间：2018-12-25"
-      },
+      userData: {},
       activeIndex: '86',
       langVisible: false
     }
@@ -177,25 +167,24 @@ export default {
     var user = Cookies.get("user")
     this.$api.user.getLoginUser().then((personRes) => {
       if(personRes.code==200){
-        this.user.name = personRes.data.name;
+        this.userData = personRes.data;
         Cookies.set("userData",personRes.data)
-        this.user.avatar = require("@/assets/user.png")
+        this.userData.avatar = require("@/assets/user.png")
         if (user != 'admin') {
-          this.user.registeInfo = "入司时间：" + this.transformTime(personRes.data.esmUserInternal.intime);
-          this.user.deptId = personRes.data.deptId;
-          this.user.jobCode = personRes.data.jobCode;
+          this.userData.registeInfo = "入司时间：" + this.transformTime(personRes.data.esmUserInternal.intime);
+          this.userData.deptId = personRes.data.deptId;
+          // this.user.jobCode = personRes.data.jobCode;
           this.$api.dept.getDeptById(personRes.data.deptId).then(deptRes => {
-            this.user.deptName = deptRes.data.name;
+            this.userData.deptName = deptRes.data.name;
           });
-
-          this.$api.dict.findByLableName("jobcode").then((response) => {
-            var jobList = response.data; // 把获取到的数据赋给this.data
-            for (let i = 0; i < jobList.length; i++) {
-              if (jobList[i].value == this.user.jobCode) {
-                this.user.jobName = jobList[i].label;
-              }
-            }
-          })
+          // this.$api.dict.findByLableName("jobcode").then((response) => {
+          //   var jobList = response.data; // 把获取到的数据赋给this.data
+          //   for (let i = 0; i < jobList.length; i++) {
+          //     if (jobList[i].value == this.user.jobCode) {
+          //       this.user.jobName = jobList[i].label;
+          //     }
+          //   }
+          // })
         }
       }
       

src/views/Letter/Letter.vue

@@ -2951,13 +2951,15 @@ export default {
     if (userId == "admin") {
       this.userId = "admin";
     } else {
-      this.userId = userId;
-      this.$api.user.findById(userId).then(res => {
-        let params = res.data;
-        this.userform = params.sysUser;
-        this.$api.dept.getDeptById(params.sysUser.deptId).then(res => {
+      // this.userId = userId;
+      this.$api.user.getLoginUser().then(res => {
+        if(res.code==200){
+          this.userform =res.data
+          this.$api.dept.getDeptById(res.data.deptId).then(res => {
           this.deptName = res.data.name;
         });
+        }
+      
       });
     }
     //--订单编辑回显--

src/views/Login.vue

@@ -95,7 +95,7 @@ export default {
           { required: true, message: '请输入验证码', trigger: 'blur' }
         ]
       },
-      checked: true
+      checked: true,
     }
   },
   created() {
@@ -159,6 +159,7 @@ export default {
           }
           Cookies.set('token', res.data) // 放置token到Cookie
           Cookies.set('user', userInfo.account) // 放置token到Cookie
+          this.getDictItems()
           sessionStorage.setItem('user', userInfo.account) // 保存用户到本地会话
           this.$store.commit('menuRouteLoaded', false) // 要求重新加载导航菜单
           this.$router.push('/') // 登录成功，跳转到主页
@@ -200,6 +201,22 @@ export default {
       //   })
       // });
     },
+    getDictItems() {
+      //--数据字典--
+      // 性别
+      this.$api.dict
+        .findByLableName('sex')
+        .then((response) => {
+          Cookies.set('sexOptions', response.data) // 放置token到Cookie
+        })
+        // 状态
+        this.$api.dict
+        .findByLableName('user_status')
+        .then((response) => {
+          Cookies.set('user_statusoptions', response.data) // 放置token到Cookie
+        })
+      
+    },
     refreshCaptcha() {
       // this.loginForm.src = this.global.baseUrl + "/captcha.jpg?t=" + new Date().getTime();
       this.loginForm.src = process.env.BASE_URL + "/captcha.jpg?t=" + new Date().getTime();

src/views/PeopleManage/Seo/TeamSeo.vue

@@ -9,7 +9,7 @@
                 clearable
                 size="small"
                 placeholder="工号"
-                v-model="queryFrom.id"
+                v-model="queryFrom.userId"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -59,10 +59,10 @@
       <el-table-column
         header-align="center"
         align="center"
-        prop="companyname"
+        prop="deptName"
         label="机构名称"
       >
-        <template slot-scope="scope">
+        <!-- <template slot-scope="scope">
           <span
             v-for="(companyItem, companyIndex) in ztreeNodes"
             :key="companyIndex"
@@ -70,18 +70,18 @@
           >
             {{ companyItem.name }}
           </span>
-        </template>
+        </template> -->
       </el-table-column>
       <el-table-column
         header-align="center"
         align="center"
-        prop="deptid"
+        prop="deptId"
         label="部门编码"
         width="180"
       >
       </el-table-column>
       <!-- <el-table-column header-align="center" align="center" prop="depName" label="部门名称"> </el-table-column> -->
-      <el-table-column
+      <!-- <el-table-column
         header-align="center"
         align="center"
         prop="jobcode"
@@ -96,7 +96,7 @@
             {{ jobItem.label }}
           </span>
         </template>
-      </el-table-column>
+      </el-table-column> -->
 
       <el-table-column
         header-align="center"
@@ -743,6 +743,7 @@
 export default {
   data() {
     return {
+      sexoptions:[],
       activeTabs: "first",
       dialogVisible: false, // 新增编辑界面是否显示
       deptInfo: {}, //选中机构的基本信息
@@ -827,7 +828,7 @@ export default {
       // 新增或修改的弹出框End
 
       queryFrom: {
-        id: "",
+        userId: "",
         name: "",
         mobile: "",
       },
@@ -909,14 +910,23 @@ export default {
     this.getDictItems("comattribute");
     this.getDictItems("comtype");
 
+    this.getDictItems("sex");
     this.getDictItems("jobcode");
-    this.findLeftTreeData();
+    // this.findLeftTreeData();
     this.queryTeam();
   },
   methods: {
     queryTeam() {
-      this.$api.user.queryTeamNum(this.queryFrom).then((res) => {
-        this.tableData = res.data;
+      this.$api.user.newQueryTeamNum(this.queryFrom).then((res) => {
+        if(res.code==200){
+          res.data.forEach(val=>{
+            if(val.sex&& val.sex!==''&& val.sex!==null){
+              val.sex=this.sexoptions.find(ele=>ele.value==val.sex).label
+            }
+          })
+          this.tableData = res.data;
+         
+        }
       });
     },
     getDictItems(typeName) {
@@ -931,93 +941,94 @@ export default {
         });
     },
 
-    findLeftTreeData: function () {
-      // 获取数据
-      this.$api.dept.findLeftDeptTree("99").then((res) => {
-        this.ztreeNodes = res.data;
-      });
-    },
+    // findLeftTreeData: function () {
+    //   // 获取数据
+    //   this.$api.dept.findLeftDeptTree("99").then((res) => {
+    //     this.ztreeNodes = res.data;
+    //   });
+    // },
 
     handleTableEdit(params) {
       // 编辑代理人员
       this.activeTabs = "first";
-      if (params.row.deptid != "") {
-        this.$api.dept
-          .getDeptById(params.row.deptid.split("D")[0])
-          .then((deptRes) => {
-            this.deptInfo = deptRes.data;
-            this.departmentList = [];
-            for (var i = 0; i < this.ztreeNodes.length; i++) {
-              if (
-                this.ztreeNodes[i].id.indexOf(
-                  params.row.deptid.split("D")[0] + "D"
-                ) >= 0
-              ) {
-                this.departmentList.push({
-                  label: this.ztreeNodes[i].name,
-                  value: this.ztreeNodes[i].id,
-                });
-              }
-            }
-            if (params.row.deptid != "") {
-              this.$api.user.selectByDeptId(params.row.deptid).then((res2) => {
-                console.log(res2);
-                if (res2.data != null) {
-                  if (res2.code == 200) {
-                    this.teamleaderid = res2.data.id;
-                    this.teamleadername = res2.data.name;
-                  }
-                }
-              });
-            }
+      // if (params.row.deptid != "") {
+      //   this.$api.dept
+      //     .getDeptById(params.row.deptid.split("D")[0])
+      //     .then((deptRes) => {
+      //       this.deptInfo = deptRes.data;
+      //        this.departmentList = [];
+      //        for (var i = 0; i < this.ztreeNodes.length; i++) {
+      //          if (
+      //            this.ztreeNodes[i].id.indexOf(
+      //              params.row.deptid.split("D")[0] + "D"
+      //            ) >= 0
+      //          ) {
+      //            this.departmentList.push({
+      //              label: this.ztreeNodes[i].name,
+      //              value: this.ztreeNodes[i].id,
+      //            });
+      //          }
+      //        }
+      //       if (params.row.deptid != "") {
+      //         this.$api.user.selectByDeptId(params.row.deptid).then((res2) => {
+      //           console.log(res2);
+      //           if (res2.data != null) {
+      //             if (res2.code == 200) {
+      //               this.teamleaderid = res2.data.id;
+      //               this.teamleadername = res2.data.name;
+      //             }
+      //           }
+      //         });
+      //       }
 
-            this.$api.user.findById(params.row.id).then((personRes) => {
-              Object.assign(this.dataForm, personRes.data.sysUser);
-              Object.assign(this.dataForm, personRes.data.esmUserInternal);
-              Object.assign(this.dataForm, personRes.data.esmUserAgent);
-              this.dataForm.status = personRes.data.sysUser.status;
-              this.dataForm.status1 = personRes.data.sysUser.status;
-              if (personRes.data.esmUserAgent != null) {
-                this.$api.user
-                  .findBasePersonById(personRes.data.esmUserAgent.recommenderid)
-                  .then((res1) => {
-                    if (res1.code == 200) {
-                      this.dataForm.recommenderid = res1.data.id;
-                      this.dataForm.recommendername = res1.data.name;
-                    }
-                  });
-              }
+      //       this.$api.user.findById(params.row.id).then((personRes) => {
+      //         Object.assign(this.dataForm, personRes.data.sysUser);
+      //         Object.assign(this.dataForm, personRes.data.esmUserInternal);
+      //         Object.assign(this.dataForm, personRes.data.esmUserAgent);
+      //         this.dataForm.status = personRes.data.sysUser.status;
+      //         this.dataForm.status1 = personRes.data.sysUser.status;
+      //         if (personRes.data.esmUserAgent != null) {
+      //           this.$api.user
+      //             .findBasePersonById(personRes.data.esmUserAgent.recommenderid)
+      //             .then((res1) => {
+      //               if (res1.code == 200) {
+      //                 this.dataForm.recommenderid = res1.data.id;
+      //                 this.dataForm.recommendername = res1.data.name;
+      //               }
+      //             });
+      //         }
 
-              this.dialogVisible = true;
-            });
-          });
-      } else {
-        this.$api.user.findById(params.row.id).then((personRes) => {
-          console.log(personRes.data);
-          Object.assign(this.dataForm, personRes.data.sysUser);
-          Object.assign(this.dataForm, personRes.data.esmUserInternal);
-          Object.assign(this.dataForm, personRes.data.esmUserAgent);
-          this.dataForm.status = personRes.data.sysUser.status;
-          this.dataForm.status1 = personRes.data.sysUser.status;
-          if (personRes.data.esmUserAgent != null) {
-            this.$api.user
-              .findBasePersonById(personRes.data.esmUserAgent.recommenderid)
-              .then((res1) => {
-                console.log(res1.data);
-                if (res1.code == 200) {
-                  this.dataForm.recommenderid = res1.data.id;
-                  this.dataForm.recommendername = res1.data.name;
-                }
-              });
+      //         this.dialogVisible = true;
+      //       });
+      //     });
+      // } else {
+       
+        this.$api.user.getUserDatail(params.row.id).then((result) => {
+          // console.log(personRes.data);
+          // Object.assign(this.dataForm, personRes.data.sysUser);
+          // Object.assign(this.dataForm, personRes.data.esmUserInternal);
+          // Object.assign(this.dataForm, personRes.data.esmUserAgent);
+          // this.dataForm.status = personRes.data.sysUser.status;
+          // this.dataForm.status1 = personRes.data.sysUser.status;
+          // if (personRes.data.esmUserAgent != null) {
+          //   this.$api.user
+          //     .findBasePersonById(personRes.data.esmUserAgent.recommenderid)
+          //     .then((res1) => {
+          //       console.log(res1.data);
+          //       if (res1.code == 200) {
+          //         this.dataForm.recommenderid = res1.data.id;
+          //         this.dataForm.recommendername = res1.data.name;
+          //       }
+          //     });
+          // }
+          if(result.code==200){
+            this.dataForm=result.data
           }
-
           this.dialogVisible = true;
         });
-      }
+      // }
     },
     handleDialogBefore(done) {
-      // 退出对话框之前确认提示
-      var that = this;
       this.$confirm("确认关闭？")
         .then((_) => {
           done();

src/views/PeopleManage/Staff/StaffManage.vue

@@ -5,16 +5,15 @@
         <!-- 左侧树Start -->
         <SplitArea :size="leftSplitWidth" :minSize="240">
           <div>
-            <div>
-              <el-checkbox v-model="containsSubDeptChecked"
+            <div >
+              <!-- <el-checkbox v-model="containsSubDeptChecked"
                 >包含下级机构</el-checkbox
-              >
+              > -->
 
               <kt-button
                 style="
                   background-color: #ffc000;
                   border: #ffc000;
-                  margin-left: 15px;
                 "
                 icon="fa fa-plus"
                 label="添加人员"
@@ -40,7 +39,7 @@
         <SplitArea :size="rightSplitWidth">
           <!-- 筛选区域Start -->
           <el-row class="queryFrom">
-            <el-form ref="queryFormRef" :model="queryFrom" label-width="80px">
+            <el-form ref="queryFormRef" :model="pageData" label-width="80px">
               <el-row>
                 <el-col :span="5">
                   <el-form-item label="工号">
@@ -48,7 +47,7 @@
                       clearable
                       size="small"
                       placeholder="工号"
-                      v-model="queryFrom.userId"
+                      v-model="pageData.userId"
                     ></el-input>
                   </el-form-item>
                 </el-col>
@@ -58,7 +57,7 @@
                       clearable
                       size="small"
                       placeholder="姓名"
-                      v-model="queryFrom.name"
+                      v-model="pageData.name"
                     ></el-input>
                   </el-form-item>
                 </el-col>
@@ -68,7 +67,7 @@
                       clearable
                       size="small"
                       placeholder="手机号"
-                      v-model="queryFrom.mobile"
+                      v-model="pageData.mobile"
                     ></el-input>
                   </el-form-item>
                 </el-col>
@@ -77,7 +76,7 @@
                     <el-select
               style="width:200px"
               clearable 
-                v-model="queryFrom.status"
+                v-model="pageData.status"
                 placeholder="请选择"
               >
               <el-option v-for="val in user_statusoptions" :label="val.label" :value="val.value" :key="val.id"></el-option>
@@ -128,8 +127,13 @@
       @close="closeDialog"
       v-dialogDrag
     >
+    <!-- <template v-if="dataForm.status1 == '2' || dataForm.status1 == '3'">
+        <div style="color: red">
+          {{ dataForm.status1 == "2" ? "驳回原因：" : "退回修改原因：" }}
+          {{ dataForm.remark }}
+        </div>
+      </template> -->
       <el-form
-        :disabled="formData.status1 == '0' || formData.status1 == '2'"
         :model="formData"
         :rules="formDataRules"
         ref="formData"
@@ -138,12 +142,6 @@
         label-width="130px"
         size="small"
       >
-        <template v-if="formData.status1 == '2' || formData.status1 == '3'">
-          <div style="color: red">
-            {{ formData.status1 == "2" ? "驳回原因：" : "退回修改原因：" }}
-            {{ formData.remark }}
-          </div>
-        </template>
         <el-row>
           <el-col :span="8" >
           <el-form-item label="机构名称" prop="deptId">
@@ -364,7 +362,6 @@ export default {
           label: "性别",
           minWidth: 50,
           sortable: false,
-          formatter: this.sexFormatter,
         },
         { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
           {
@@ -384,8 +381,8 @@ export default {
       dialogVisible: false, // 新增编辑界面是否显示
       departmentList: [], // 选中公司的所有部门的集合
       deptInfo: {}, //选中机构的基本信息
-      sexoptions: [],
-      user_statusoptions: [],
+      sexoptions: JSON.parse(Cookies.get('sexOptions')) ,
+      user_statusoptions: JSON.parse(Cookies.get('user_statusoptions')) ,
       option: [], //机构列表
     };
   },
@@ -394,8 +391,8 @@ export default {
       this.roles = res.data
     })
     //获取所有下拉框数据(字典)
-    this.getDictItems("sex");
-    this.getDictItems("user_status");
+    // this.getDictItems("sex");
+    // this.getDictItems("user_status");
     this.findLeftTreeData(); // 获取机构树的数据
 
   },
@@ -416,9 +413,6 @@ export default {
   methods: {
     // 查询Start
     queryStaffInfo() {
-        this.pageData.realName=this.queryFrom.name
-        this.pageData.mobile=this.queryFrom.mobile
-        this.pageData.status=this.queryFrom.status
       this.findPage();
     },
     sexFormatter(row){
@@ -472,17 +466,16 @@ export default {
         mobile:this.pageData.mobile,
         name:this.pageData.realName,
         userId:this.pageData.userId,
-        status:this.queryFrom.status,
-        roleId:'',
+        status:this.pageData.status,
+        roleId:'22',
       }
       this.$api.user
         .findPage({dto,pageNum:this.pageData.pageNum,pageSize:this.pageData.pageSize})
         .then((res) => {
           res.data.content.forEach(val=>{
-            // if(val.sex&& val.sex!==''&& val.sex!==null){
-            //   val.sex=this.sexoptions.find(ele=>ele.value==val.sex).label
-            // }
-            console.log(this.sexoptions[1])
+            if(val.sex&& val.sex!==''&& val.sex!==null){
+              val.sex=this.sexoptions.find(ele=>ele.value==val.sex).label
+            }
             if(val.status&& val.status!==''&& val.status!==null){
               val.status=this.user_statusoptions.find(ele=>ele.value==val.status).label
             }
@@ -504,6 +497,7 @@ export default {
         if(result.code==200){
             result.data.status+=''
           this.formData=result.data
+          this.formData.password=''
         }
       })
       this.dialogTitle = "编辑后线人员";
@@ -541,7 +535,6 @@ export default {
       this.dialogTitle = "新增后线人员";
       this.dialogVisible = true;
     },
-    // 新增或修改的弹出框Start
     getDictItems(typeName) {
       //--数据字典--
       this.$api.dict
@@ -627,62 +620,4 @@ export default {
   margin-left: 0px !important;
 }
 
-/* 顶部查询条件样式End */
-
-/* 上传图片样式Start */
-.avatar-uploader .el-upload {
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.avatar-uploader .el-upload:hover {
-  border-color: #409eff;
-}
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 100px;
-  height: 100px;
-  line-height: 100px;
-  text-align: center;
-  border: 1px dashed #d9d9d9;
-}
-.avatar {
-  border: 1px dashed #d9d9d9;
-  padding: 5px;
-  border-radius: 6px;
-  width: 100px;
-  height: 100px;
-  display: block;
-}
-/* 上传图片样式End */
-
-.imageLibraryItem {
-  margin-bottom: 10px;
-}
-.imageLibraryItem .imageLibraryItemTitle {
-  display: block;
-  height: 40px;
-  line-height: 40px;
-  width: 100%;
-  background: #f3f3f3;
-  border: 1px solid #dddddd;
-}
-.imageLibraryItem .imageLibraryItemTitle label {
-  margin: 0px 15px;
-  font-weight: bold;
-}
-.imageLibraryItem .imageLibraryItemBody {
-  width: 100%;
-  border: 1px solid #ddd;
-  padding: 15px;
-  border-top: none;
-}
-.el-tree-node__expand-icon {
-  cursor: pointer;
-  color: #aeafb1 !important;
-  font-size: 17px !important;
-}
 </style>