feat: ✨新增消息管理接口调试

src/api/message.ts

@@ -0,0 +1,19 @@
+import request from '@/utils/axios';
+
+// 消息记录
+export function messageGet(params: any) {
+  return request({
+    url: '/manager/message',
+    method: 'get',
+    params
+  });
+}
+
+// 违禁词列表
+export function messageProhibitWordsGet(params: any) {
+  return request({
+    url: '/manager/message/prohibit_words',
+    method: 'get',
+    params
+  });
+}

src/pages/message/prohibitwords.vue

@@ -9,10 +9,11 @@
         <div class="flex items-center h-50px">
           <el-form inline>
             <el-form-item class="mb-0 !mr-16px">
-              <el-input v-model="queryFrom.keyword" placeholder="uid/手机号/用户名" clearable />
+              <el-input v-model="queryFrom.search_key" placeholder="请输入违禁词" clearable />
             </el-form-item>
             <el-form-item class="mb-0 !mr-0">
-              <el-button type="primary" @click="getUserList">查询</el-button>
+              <el-button type="primary" @click="getTableList">查询</el-button>
+              <el-button type="primary">新增违禁词</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -63,83 +64,42 @@ meta:
 </route>
 
 <script lang="tsx" setup>
-import { ElButton, ElSpace, ElAvatar } from 'element-plus';
+import { ElButton, ElSpace } from 'element-plus';
-import { BU_DOU_CONFIG } from '@/config';
 // API 接口
-import { userListGet } from '@/api/user';
+import { messageProhibitWordsGet } from '@/api/message';
 /**
  * 表格
  */
-const column = reactive([
+const column = reactive<Column.ColumnOptions[]>([
   {
-    prop: 'name',
+    prop: 'content',
-    label: '用户名',
+    label: '违禁词'
-    fixed: 'left',
-    width: 140
   },
   {
-    prop: 'phone',
+    prop: 'is_deleted',
-    label: '手机号',
+    label: '是否删除',
-    fixed: 'left',
+    width: 160,
-    width: 120
-  },
-  {
-    prop: 'avatar',
-    label: '头像',
-    align: 'center',
-    width: 80,
-    render: (scope: any) => {
-      let img_url = '';
-      if (scope.row['uid']) {
-        img_url = `${BU_DOU_CONFIG.APP_URL}users/${scope.row['uid']}/avatar`;
-      }
-      return (
-        <ElAvatar src={img_url} size={54}>
-          {scope.row['name']}
-        </ElAvatar>
-      );
-    }
-  },
-  {
-    prop: 'uid',
-    label: '用户ID',
-    minWidth: 300
-  },
-  {
-    prop: 'short_no',
-    label: '悟空号'
-  },
-  {
-    prop: 'sex',
-    label: '性别',
-    width: 60,
     formatter(row: any) {
-      return row.sex === 1 ? '男' : '女';
+      return row['is_deleted'] === 1 ? '是' : '否';
     }
   },
   {
-    prop: 'register_time',
+    prop: 'created_at',
     label: '注册时间',
-    width: 170
+    width: 220
-  },
-  {
-    prop: 'last_online_time',
-    label: '封禁日期',
-    width: 150
   },
   {
     prop: 'operation',
     label: '操作',
     align: 'center',
     fixed: 'right',
-    width: 180,
+    width: 120,
     render: (scope: any) => {
       return (
         <ElSpace>
           <ElButton type="primary" onClick={() => aa(scope.row)}>
-            发消息
+            删除
           </ElButton>
-          <ElButton>更多</ElButton>
         </ElSpace>
       );
     }
@@ -152,14 +112,14 @@ const total = ref(0);
 
 // 查询
 const queryFrom = reactive({
-  keyword: '',
+  search_key: '',
   page_size: 15,
   page_index: 1
 });
 
-const getUserList = () => {
+const getTableList = () => {
   loadTable.value = true;
-  userListGet(queryFrom).then((res: any) => {
+  messageProhibitWordsGet(queryFrom).then((res: any) => {
     loadTable.value = false;
     tableData.value = res.list;
     total.value = res.count;
@@ -169,13 +129,13 @@ const getUserList = () => {
 // 分页page-size
 const onSizeChange = (size: number) => {
   queryFrom.page_size = size;
-  getUserList();
+  getTableList();
 };
 
 // 分页page-size
 const onCurrentChange = (current: number) => {
   queryFrom.page_index = current;
-  getUserList();
+  getTableList();
 };
 
 const aa = (a: any) => {
@@ -184,7 +144,7 @@ const aa = (a: any) => {
 
 // 初始化
 onMounted(() => {
-  getUserList();
+  getTableList();
 });
 </script>
 

src/pages/message/sendmsglist.vue

@@ -8,11 +8,8 @@
         </div>
         <div class="flex items-center h-50px">
           <el-form inline>
-            <el-form-item class="mb-0 !mr-16px">
-              <el-input v-model="queryFrom.keyword" placeholder="uid/手机号/用户名" clearable />
-            </el-form-item>
             <el-form-item class="mb-0 !mr-0">
-              <el-button type="primary" @click="getUserList">查询</el-button>
+              <el-button type="primary">发送消息</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -63,86 +60,113 @@ meta:
 </route>
 
 <script lang="tsx" setup>
-import { ElButton, ElSpace, ElAvatar } from 'element-plus';
+import { ElButton, ElAvatar } from 'element-plus';
 import { BU_DOU_CONFIG } from '@/config';
 // API 接口
-import { userListGet } from '@/api/user';
+import { messageGet } from '@/api/message';
 /**
  * 表格
  */
-const column = reactive([
+const column = reactive<Column.ColumnOptions[]>([
   {
-    prop: 'name',
+    prop: 'sender_name',
-    label: '用户名',
+    label: '发送者名字',
     fixed: 'left',
     width: 140
   },
   {
-    prop: 'phone',
+    prop: 'sender',
-    label: '手机号',
+    label: '发送者ID',
-    fixed: 'left',
     width: 120
   },
   {
-    prop: 'avatar',
+    prop: 'sender_avatar',
-    label: '头像',
+    label: '发送者头像',
     align: 'center',
-    width: 80,
+    width: 100,
     render: (scope: any) => {
       let img_url = '';
-      if (scope.row['uid']) {
+      if (scope.row['sender']) {
-        img_url = `${BU_DOU_CONFIG.APP_URL}users/${scope.row['uid']}/avatar`;
+        img_url = `${BU_DOU_CONFIG.APP_URL}users/${scope.row['sender']}/avatar`;
       }
       return (
         <ElAvatar src={img_url} size={54}>
-          {scope.row['name']}
+          {scope.row['sender_name']}
         </ElAvatar>
       );
     }
   },
   {
-    prop: 'uid',
+    prop: 'receiver',
-    label: '用户ID',
+    label: '接受者ID',
-    minWidth: 300
+    width: 300
   },
   {
-    prop: 'short_no',
+    prop: 'receiver_name',
-    label: '悟空号'
+    label: '接受者名字',
+    width: 180
   },
   {
-    prop: 'sex',
+    prop: 'receiver_avatar',
-    label: '性别',
+    label: '接受者头像',
-    width: 60,
+    align: 'center',
-    formatter(row: any) {
+    width: 100,
-      return row.sex === 1 ? '男' : '女';
+    render: (scope: any) => {
+      let img_url = '';
+      if (scope.row['receiver']) {
+        img_url = `${BU_DOU_CONFIG.APP_URL}users/${scope.row['receiver']}/avatar`;
+      }
+      return (
+        <ElAvatar src={img_url} size={54}>
+          {scope.row['receiver_name']}
+        </ElAvatar>
+      );
     }
   },
   {
     prop: 'register_time',
-    label: '注册时间',
+    label: '聊天类型',
-    width: 170
+    width: 90,
+    formatter(row: any) {
+      return row['receiver_channel_type'] === 1 ? '单聊' : '群聊';
+    }
   },
   {
-    prop: 'last_online_time',
+    prop: 'handler_uid',
-    label: '封禁日期',
+    label: '操作者ID',
-    width: 150
+    width: 140
   },
   {
-    prop: 'operation',
+    prop: 'handler_name',
-    label: '操作',
+    label: '操作者名字',
+    width: 120
+  },
+  {
+    prop: 'handler_uid',
+    label: '操作者头像',
     align: 'center',
-    fixed: 'right',
+    width: 100,
-    width: 180,
     render: (scope: any) => {
+      let img_url = '';
+      if (scope.row['handler_uid']) {
+        img_url = `${BU_DOU_CONFIG.APP_URL}users/${scope.row['handler_uid']}/avatar`;
+      }
       return (
-        <ElSpace>
+        <ElAvatar src={img_url} size={54}>
-          <ElButton type="primary" onClick={() => aa(scope.row)}>
+          {scope.row['handler_name']}
-            发消息
+        </ElAvatar>
-          </ElButton>
-          <ElButton>更多</ElButton>
-        </ElSpace>
       );
     }
+  },
+  {
+    prop: 'content',
+    label: '消息内容',
+    width: 260
+  },
+  {
+    prop: 'created_at',
+    label: '消息发送时间',
+    width: 170
   }
 ]);
 const tableData = ref<any[]>([]);
@@ -152,14 +176,13 @@ const total = ref(0);
 
 // 查询
 const queryFrom = reactive({
-  keyword: '',
   page_size: 15,
   page_index: 1
 });
 
-const getUserList = () => {
+const getTableList = () => {
   loadTable.value = true;
-  userListGet(queryFrom).then((res: any) => {
+  messageGet(queryFrom).then((res: any) => {
     loadTable.value = false;
     tableData.value = res.list;
     total.value = res.count;
@@ -169,22 +192,18 @@ const getUserList = () => {
 // 分页page-size
 const onSizeChange = (size: number) => {
   queryFrom.page_size = size;
-  getUserList();
+  getTableList();
 };
 
 // 分页page-size
 const onCurrentChange = (current: number) => {
   queryFrom.page_index = current;
-  getUserList();
+  getTableList();
-};
-
-const aa = (a: any) => {
-  console.log(a);
 };
 
 // 初始化
 onMounted(() => {
-  getUserList();
+  getTableList();
 });
 </script>