添加好友列表，修改个人发表

src/api/system/friends.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询我的好友列表
+export function listFriends(query) {
+  return request({
+    url: '/system/friends/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询我的好友详细
+export function getFriends(id) {
+  return request({
+    url: '/system/friends/' + id,
+    method: 'get'
+  })
+}
+
+// 新增我的好友
+export function addFriends(data) {
+  return request({
+    url: '/system/friends',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改我的好友
+export function updateFriends(data) {
+  return request({
+    url: '/system/friends',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除我的好友
+export function delFriends(id) {
+  return request({
+    url: '/system/friends/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出我的好友
+export function exportFriends(query) {
+  return request({
+    url: '/system/friends/export',
+    method: 'get',
+    params: query
+  })
+}

src/router/index.js

@@ -152,18 +152,6 @@ export const constantRoutes = [
         component: (resolve) => require(['@/views/system/appUser/detail/publish'], resolve),
         meta: { title: '个人发表' }
       },
-      {
-        path: 'friend',
-        name: 'friend',
-        component: (resolve) => require(['@/views/system/appUser/detail/friend'], resolve),
-        meta: { title: '好友列表' }
-      },
-      {
-        path: 'family',
-        name: 'family',
-        component: (resolve) => require(['@/views/system/appUser/detail/family'], resolve),
-        meta: { title: '好友列表' }
-      }
   ]
   },
 ]

src/views/system/appUser/detail/publish.vue

@@ -188,7 +188,7 @@ export default {
         contents: null,
         message: null,
         messageUserId: null,
-        thumbs: null,
+        deleted: null,
       },
       // 表单参数
       form: {},
@@ -218,6 +218,7 @@ export default {
     /** 查询我的近况（发）列表 */
     getList() {
       this.loading = true;
+      this.queryParams.deleted = 'N'
       listPublish(this.queryParams).then(response => {
         this.publishList = response.rows;
         this.total = response.total;
@@ -229,7 +230,11 @@ export default {
       return this.selectDictLabel(this.messageOptions, row.message);
     },
     contentsFormat(row, column) {
-      return row.contents.substr(0,32)+"...";
+      var len = 28;
+      if(row.contents.length >= len) {
+        return row.contents.substr(0,len)+"...";
+      }
+      return row.contents;
     },
     // 取消按钮
     cancel() {

src/views/system/appUser/index.vue

@@ -196,12 +196,30 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 我的好友 -->
+    <el-dialog title="好友列表" :visible.sync="friendsOpen" width="520px" append-to-body :close-on-click-modal=false>
+      <el-table v-loading="loading" :data="friendList" >
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="昵称" align="center" prop="nickName" />
+      </el-table>
+      <br />
+      <el-pagination small
+        v-show="ftotal>0"
+        :page-size="friendsParams.pageSize"
+        :current-page="friendsParams.pageNum"
+        :total="ftotal"
+      />
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="friendBack">返回</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { listUser, getUser, delUser, addUser, updateUser, exportUser } from "@/api/system/appUser";
 import appUserAvatar from "./detail/appUserAvatar";
+import { listFriends } from "@/api/system/friends";
 
 export default {
   name: "AppUser",
@@ -225,6 +243,7 @@ export default {
       total: 0,
       // 会员表格数据
       userList: [],
+      friendList: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -244,6 +263,13 @@ export default {
         pageSize: 10,
         searchValue: null,
       },
+      friendsOpen: false,
+      ftotal: 0,
+      friendsParams: {
+        pageNum: 1,
+        pageSize: 10,
+        appUserId: null,
+      },
       reFresh: 1,
       // 表单参数
       form: {},
@@ -393,6 +419,7 @@ export default {
     myPage(row) {
 
     },
+
     myPublish(row) {
       this.$router.push({ 
         path:'/my/publish',
@@ -401,21 +428,26 @@ export default {
         }
       })
     },
+
+    getMyFriends(){
+      this.loading = true;
+      listFriends(this.friendsParams).then(res => {
+        this.friendList = res.rows;
+        this.ftotal = res.total;
+      this.loading = false;
+      });
+    },
     myFriend(row) {
-      this.$router.push({ 
-        path:'/my/friend',
-        query: {
-            id: row.userId
-        }
-      })
+      this.friendsOpen = true;
+      this.friendsParams.appUserId = row.userId;
+      this.getMyFriends();
+    },
+    friendBack(){
+      this.friendsOpen = false;
     },
+
     myFamily(row) {
-      this.$router.push({ 
-        path:'/my/family',
-        query: {
-            id: row.userId
-        }
-      })
+
     },
   }
 };