调整

src/views/im/components/top.vue

 <!--
  * @Author: your name
  * @Date: 2021-09-02 10:28:43
- * @LastEditTime: 2021-09-02 10:44:09
- * @LastEditors: your name
+ * @LastEditTime: 2021-09-06 09:42:24
+ * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\im\components\top.vue
 -->
 <template>
   <div class="im-top" style="-webkit-app-region: drag">
-    <a
-      href="javascript:void(0)"
-      @click="max"
-      style="-webkit-app-region: no-drag"
-    >
-      <Icon :type="icon" class="text-right"></Icon>
-    </a>
   </div>
 </template>
 <script>

src/views/im/conf/index.js

 /*
  * @Author: your name
  * @Date: 2021-08-20 16:31:17
- * @LastEditTime: 2021-09-02 17:30:25
+ * @LastEditTime: 2021-09-06 09:38:43
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \V-IM-PC\src\views\im\conf\index.js

src/views/im/layout/deptBox.vue

@@ -14,10 +14,12 @@
       <div class="dept-user-box">
         <ul class="dept-user-list">
           <li
+            class="userLi"
             v-for="(user, index) in userList"
             :key="index"
             @click="showUser(user)"
           >
+            <span><i class="el-icon-circle-plus"></i></span>
             <img :src="[host + user.avatar]" />
             <div>{{ user.name }}</div>
           </li>
@@ -129,6 +131,7 @@ export default {
       });
     },
     change(data) {
+      console.log(data);
       let self = this;
       if (data[0]) {
         let param = new FormData();
@@ -174,10 +177,12 @@ export default {
         ]
       );
     };
-
     RequestUtils.request(conf.getHostUrl() + "/api/dept/list", param)
       .then((json) => {
         self.treeData = Tools.list2tree(json, "0", render);
+        self.$set(self.treeData[0], "expand", true);
+        self.$set(self.treeData[0].children[0], "checked", true);
+        self.change([self.treeData[0].children[0]]);
       })
       .catch((err) => {
         console.error(err);
@@ -216,7 +221,21 @@ export default {
         display: flex;
         flex-wrap: wrap;
         justify-content: left;
-
+        .userLi {
+          position: relative;
+          i {
+            font-size: 20px;
+            line-height: 25px;
+          }
+          > span {
+            position: absolute;
+            top: 0;
+            right: 0;
+            display: inline-block;
+            width: 25px;
+            height: 25px;
+          }
+        }
         > li {
           width: 120px;
           list-style: none;

src/views/im/layout/userBox.vue

 <template>
   <div class="user-box">
     <div class="user-box-list">
-      <Search class="search-box" @showChat="showChat"></Search>
+      <div class="search-box">
+        <i class="el-icon-circle-plus" @click="toDept"></i>
+      </div>
+      <!-- <Search class="search-box" @showChat="showChat"></Search> -->
       <div class="group-box">
         <ul class="user-list">
           <li class="user" v-for="(user, index) in userFriendList" :key="index">
@@ -79,6 +82,9 @@ export default {
         },
       });
     },
+    toDept() {
+      this.$router.push("/index/dept");
+    },
     // 打开一个用户信息对话框
     showUser: function (user) {
       let self = this;
@@ -131,8 +137,15 @@ export default {
     flex-direction: column;
 
     .search-box {
-      margin: 1.5rem;
       width: 19rem;
+      margin: 0 auto;
+      height: 30px;
+      > i {
+        font-size: 20px;
+        float: right;
+        line-height: 30px;
+        cursor: pointer;
+      }
     }
 
     .group-box {

src/views/index.vue

@@ -61,7 +61,6 @@
         <label>邮箱：</label>
         <span>{{ user.email }}</span>
       </p>
- 
     </Modal>
 
     <Modal

src/views/write.vue

@@ -23,7 +23,7 @@ export default {
       showErr: false,
       showSetting: false,
       showRegister: false,
-      host: "192.168.0.106",
+      host: "110.1.6.3",
       uap: "",
     };
   },