From 2a4efd1ead3b368cd9fcfe06c5fd2b831c02878e Mon Sep 17 00:00:00 2001
From: junleea <354425203@qq.com>
Date: Fri, 21 Mar 2025 17:16:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BC=9A=E8=AF=9D=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E7=AE=A1=E7=90=86=E3=80=81=E9=80=9A=E7=94=A8=E4=BA=BA?=
 =?UTF-8?q?=E6=9C=BA=E4=BA=A4=E4=BA=92=E7=AD=89=E9=A1=B5=E9=9D=A2=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=EF=BC=88=E6=9C=AA=E5=AE=8C=E6=88=90=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/model.ts                    |  49 ++++++
 src/api/session.ts                  |  50 ++++++
 src/components/header.vue           |   1 +
 src/components/menu.ts              |  37 ++--
 src/components/table-custom.vue     |  22 ++-
 src/router/index.ts                 |  35 ++++
 src/store/permiss.ts                |   9 +-
 src/store/theme.ts                  |   2 +-
 src/types/model.ts                  |  12 ++
 src/types/session.ts                |   8 +
 src/utils/request2.ts               |   2 +-
 src/views/pages/login.vue           |   1 +
 src/views/pages/theme.vue           |  25 ++-
 src/views/pages/ucenter.vue         |  25 ++-
 src/views/system/gen-chat.vue       |   5 +
 src/views/system/manage-model.vue   | 255 ++++++++++++++++++++++++++++
 src/views/system/manage-session.vue | 214 +++++++++++++++++++++++
 src/views/system/reco-topic.vue     |  12 ++
 src/views/system/simu-defense.vue   |  12 ++
 src/views/system/user.vue           |   2 +-
 20 files changed, 740 insertions(+), 38 deletions(-)
 create mode 100644 src/api/model.ts
 create mode 100644 src/api/session.ts
 create mode 100644 src/types/model.ts
 create mode 100644 src/types/session.ts
 create mode 100644 src/views/system/gen-chat.vue
 create mode 100644 src/views/system/manage-model.vue
 create mode 100644 src/views/system/manage-session.vue
 create mode 100644 src/views/system/reco-topic.vue
 create mode 100644 src/views/system/simu-defense.vue

diff --git a/src/api/model.ts b/src/api/model.ts
new file mode 100644
index 0000000..bd8c34c
--- /dev/null
+++ b/src/api/model.ts
@@ -0,0 +1,49 @@
+import request from '@/utils/request2';
+
+export const FindModelService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/model/find', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
+
+export const AddModelService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/model/create', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
+
+export const UpdateModelService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/model/update', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
+
+export const DelModelService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/model/delete', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
\ No newline at end of file
diff --git a/src/api/session.ts b/src/api/session.ts
new file mode 100644
index 0000000..25e2be2
--- /dev/null
+++ b/src/api/session.ts
@@ -0,0 +1,50 @@
+import request from '@/utils/request2';
+
+
+export const FindSessionService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/session/find', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
+
+export const AddSessionService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/session/create', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
+
+export const UpdateSessionService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/session/update', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
+
+export const DelSessionService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/session/delete', params,{
+        headers: {
+            'token': Data.token, //token
+        }
+    })
+}
\ No newline at end of file
diff --git a/src/components/header.vue b/src/components/header.vue
index dd9f6c0..4ad9f1d 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -62,6 +62,7 @@ import imgurl from '../assets/img/img.jpg';
 
 const username: string | null = localStorage.getItem('ms_username');
 const message: number = 2;
+const imgurl2: string = localStorage.getItem('ms_imgurl') || imgurl;
 
 const sidebar = useSidebarStore();
 // 侧边栏折叠
diff --git a/src/components/menu.ts b/src/components/menu.ts
index f95f993..3c8b02f 100644
--- a/src/components/menu.ts
+++ b/src/components/menu.ts
@@ -20,17 +20,18 @@ export const menuData: Menus[] = [
                 title: '用户管理',
             },
             {
-                id: '12',
+                id: '51',
                 pid: '1',
-                index: '/system-role',
-                title: '角色管理',
+                index: '/manage-session',
+                title: '会话管理',
             },
             {
-                id: '13',
+                id: '52',
                 pid: '1',
-                index: '/system-menu',
-                title: '菜单管理',
+                index: '/manage-model',
+                title: '模型管理',
             },
+
         ],
     },
     {
@@ -174,18 +175,30 @@ export const menuData: Menus[] = [
         index: '/theme',
         title: '主题',
     },
+    {
+        id: '8',
+        icon: 'User',
+        index: '/ucenter',
+        title: '个人中心',
+    },
+    {
+        id: '9',
+        icon: 'Files',
+        index: '/reco-topic',
+        title: '智能选题推荐',
+    },
+    {
+        id: '53',
+        icon: 'ChatDotSquare',
+        index: '/gen-chat',
+        title: '通用人机对话',
+    },
     {
         id: '6',
         icon: 'DocumentAdd',
         index: '6',
         title: '附加页面',
         children: [
-            {
-                id: '61',
-                pid: '6',
-                index: '/ucenter',
-                title: '个人中心',
-            },
             {
                 id: '62',
                 pid: '6',
diff --git a/src/components/table-custom.vue b/src/components/table-custom.vue
index c8d9e03..ee34108 100644
--- a/src/components/table-custom.vue
+++ b/src/components/table-custom.vue
@@ -47,15 +47,18 @@
                     <template #default="{ row, column, $index }" v-if="!item.type">
                         <slot :name="item.prop" :rows="row" :index="$index">
                             <template v-if="item.prop == 'operator'">
-                                <el-button type="warning" size="small" :icon="View" @click="viewFunc(row)">
+                                <el-button type="warning" size="small" :icon="View" @click="viewFunc(row)" v-if="item.operate.view">
                                     查看
                                 </el-button>
-                                <el-button type="primary" size="small" :icon="Edit" @click="editFunc(row)">
+                                <el-button type="primary" size="small" :icon="Edit" @click="editFunc(row)" v-if="item.operate.edit">
                                     编辑
                                 </el-button>
-                                <el-button type="danger" size="small" :icon="Delete" @click="handleDelete(row)">
+                                <el-button type="danger" size="small" :icon="Delete" @click="handleDelete(row)" v-if="item.operate.delete">
                                     删除
                                 </el-button>
+                                <el-button type="danger" size="small" :icon="Link" @click="handlePush(row)" v-if="item.operate.push.link">
+                                    {{item.operate.push.label}}
+                                </el-button>
                             </template>
                             <span v-else-if="item.formatter">
                                 {{ item.formatter(row[item.prop]) }}
@@ -77,6 +80,9 @@
 import { toRefs, PropType, ref } from 'vue'
 import { Delete, Edit, View, Refresh } from '@element-plus/icons-vue';
 import { ElMessageBox } from 'element-plus';
+import { useRouter } from "vue-router";
+const router = useRouter();
+
 
 const props = defineProps({
     // 表格相关
@@ -183,6 +189,16 @@ const handleDelete = (row) => {
         .catch(() => { });
 };
 
+const handlePush = (row) => {
+    ElMessageBox.confirm('确定要跳转吗吗？', '提示', {
+        type: 'warning'
+    })
+        .then(async () => {
+            router.push("/gen-chat");
+        })
+        .catch(() => { });
+};
+
 const getIndex = (index: number) => {
     return index + 1 + (currentPage.value - 1) * pageSize.value
 }
diff --git a/src/router/index.ts b/src/router/index.ts
index a622f11..ef4cd9a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -32,6 +32,33 @@ const routes: RouteRecordRaw[] = [
                 },
                 component: () => import(/* webpackChunkName: "system-user" */ '../views/system/user.vue'),
             },
+            {
+                path: '/manage-model',
+                name: 'manage-model',
+                meta: {
+                    title: '模型管理',
+                    permiss: '52',
+                },
+                component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-model.vue'),
+            },
+            {
+                path: '/manage-session',
+                name: 'manage-session',
+                meta: {
+                    title: '会话管理',
+                    permiss: '51',
+                },
+                component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-session.vue'),
+            },
+            {
+                path: '/gen-chat',
+                name: 'gen-chat',
+                meta: {
+                    title: '人机对话',
+                    permiss: '53',
+                },
+                component: () => import(/* webpackChunkName: "gen-chat" */ '../views/system/gen-chat.vue'),
+            },
             {
                 path: '/system-role',
                 name: 'system-role',
@@ -104,6 +131,14 @@ const routes: RouteRecordRaw[] = [
                 },
                 component: () => import(/* webpackChunkName: "ucenter" */ '../views/pages/ucenter.vue'),
             },
+            {
+                path: '/reco-topic',
+                name: 'reco-topic',
+                meta: {
+                    title: '智能选题推荐',
+                },
+                component: () => import(/* webpackChunkName: "reco-topic" */ '../views/system/reco-topic.vue'),
+            },
             {
                 path: '/editor',
                 name: 'editor',
diff --git a/src/store/permiss.ts b/src/store/permiss.ts
index aca113a..a68eb52 100644
--- a/src/store/permiss.ts
+++ b/src/store/permiss.ts
@@ -13,7 +13,7 @@ export const usePermissStore = defineStore('permiss', {
                 admin: [
                     '0',
                     '1',
-                    '11',
+                    '11', //用户管理
                     '12',
                     '13',
                     '2',
@@ -39,14 +39,19 @@ export const usePermissStore = defineStore('permiss', {
                     '5',
                     '7',
                     '6',
+                    '8',
                     '61',
                     '62',
                     '63',
                     '64',
                     '65',
                     '66',
+                    '9',
+                    '51', //会话管理
+                    '52', //模型管理
+                    '53', //通用人机对话
                 ],
-                user: ['0', '1', '11', '12', '13'],
+                user: ['0', '8', '7','9',  '61','53'],
             },
         };
     },
diff --git a/src/store/theme.ts b/src/store/theme.ts
index da36bb8..f2201e4 100644
--- a/src/store/theme.ts
+++ b/src/store/theme.ts
@@ -10,7 +10,7 @@ export const useThemeStore = defineStore('theme', {
             danger: '',
             info: '',
             headerBgColor: '#242f42',
-            headerTextColor: '#fff',
+            headerTextColor: '#ffff',
         };
     },
     getters: {},
diff --git a/src/types/model.ts b/src/types/model.ts
new file mode 100644
index 0000000..db09c5b
--- /dev/null
+++ b/src/types/model.ts
@@ -0,0 +1,12 @@
+export interface Model{
+    ID: number;
+    CreatedAt: string;
+    UpdatedAt: string;
+    DeletedAt: string;
+    Name: string;
+    Url: string;
+    UserID: number;
+    Type: string;
+    Parameter: string;
+    Description: string;
+}
\ No newline at end of file
diff --git a/src/types/session.ts b/src/types/session.ts
new file mode 100644
index 0000000..c9e9852
--- /dev/null
+++ b/src/types/session.ts
@@ -0,0 +1,8 @@
+export interface Session {
+    ID: number;
+    CreatedAt: string;
+    UpdatedAt: string;
+    DeletedAt: string;
+    Name: string;
+    UserID: number;
+}
\ No newline at end of file
diff --git a/src/utils/request2.ts b/src/utils/request2.ts
index c0913ee..dcd5333 100644
--- a/src/utils/request2.ts
+++ b/src/utils/request2.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 import router from "@/router/index.js";
 import { ElMessage } from 'element-plus';
 //const baseURL = "https://gep.ljsea.top/";
-const baseURL = "https://tx.ljsea.top/";
+const baseURL = "https://pm.ljsea.top/";
 //const baseURL= "http://localhost:8083";
 //const baseURL="https://pm.ljsea.top";
 //const baseURL = "https://gep.ljsea.xyz/";
diff --git a/src/views/pages/login.vue b/src/views/pages/login.vue
index 2efc5e8..8cdd0c7 100644
--- a/src/views/pages/login.vue
+++ b/src/views/pages/login.vue
@@ -150,6 +150,7 @@ const getMyUserInfo = async (id) => {
         localStorage.setItem("ms_username", result.data.Name);
         const keys =
             permiss.defaultList[result.data.Role == "admin" ? "admin" : "user"];
+            localStorage.setItem("ms_imgurl", result.data.Avatar);
         permiss.handleSet(keys);
         localStorage.setItem("ms_keys", JSON.stringify(keys));
         router.push("/");
diff --git a/src/views/pages/theme.vue b/src/views/pages/theme.vue
index 014c3a8..ba1fd05 100644
--- a/src/views/pages/theme.vue
+++ b/src/views/pages/theme.vue
@@ -163,8 +163,18 @@ const system = [
     },
     {
         name: '宁静',
-        color: '#00bcd4'
-    }
+        color: '#00bcd4',
+        sidebarBgColor: '#a6d3df',
+        sidebarTextColor: '#5b6e88' 
+    },
+    {
+        name: '活力',
+        color: '#ff9800'
+    },
+    {
+        name: '温馨',
+        color: '#55b2be'
+    },
 ]
 const setSystemTheme = (data: any) => {
     if (data.name === '默认') {
@@ -172,8 +182,8 @@ const setSystemTheme = (data: any) => {
     } else {
         themeStore.setHeaderBgColor(data.color)
         themeStore.setHeaderTextColor('#fff')
-        sidebar.setBgColor('#fff')
-        sidebar.setTextColor('#5b6e88')
+        sidebar.setBgColor(data.sidebarBgColor===null? '#fff':data.sidebarBgColor)
+        sidebar.setTextColor(data.sidebarTextColor===null? '#5b6e88' : data.sidebarTextColor)
         themeStore.setPropertyColor(data.color, 'primary')
     }
 }
@@ -193,7 +203,7 @@ const resetSystemTheme = () => {
 .theme-item {
     margin-right: 20px;
     padding: 30px;
-    border: 1px solid #dcdfe6;
+    border: 1px solid hsl(222, 36%, 37%);
     border-radius: 4px;
     text-align: center;
 }
@@ -202,4 +212,9 @@ const resetSystemTheme = () => {
     color: #787878;
     margin: 20px 0;
 }
+
+.test-color {
+    color: #a6d3df;
+    background-color: #242f42;
+}
 </style>
diff --git a/src/views/pages/ucenter.vue b/src/views/pages/ucenter.vue
index 8a8464d..eb60de0 100644
--- a/src/views/pages/ucenter.vue
+++ b/src/views/pages/ucenter.vue
@@ -133,23 +133,22 @@ const setImage = (e: any) => {
 };
 
 const updateUserInfo = async (data: any) => {
-    let result ={}
+    let result = null;
       try{
-        let req={};
-        req.token=localStorage.getItem("token");
-        //修改后的数据
-        req.id = data.ID;
-        req.name = data.Name;
-        req.age = data.Age;
-        req.gender = data.Gender;
-        req.password = data.Password;
-        req.email = data.Email;
-        req.avatar = data.Avatar;
-        req.Role = data.Role;
+        let req={
+            token:localStorage.getItem("token"),
+            id:data.ID,
+            name:data.Name,
+            age:data.Age,
+            gender:data.Gender,
+            password:data.Password,
+            email:data.Email,
+            avatar:data.Avatar,
+            role:data.Role
+        };
         result = await updateUserInfoService(req)
         if (result.code === 0) {
           ElMessage.success("更新成功");
-          this.updateDialogVisible = false;
         } else {
           ElMessage.error("更新失败");
         }
diff --git a/src/views/system/gen-chat.vue b/src/views/system/gen-chat.vue
new file mode 100644
index 0000000..14b3a2d
--- /dev/null
+++ b/src/views/system/gen-chat.vue
@@ -0,0 +1,5 @@
+<template>
+    <div>
+        <h2>通用AI对话</h2>
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/views/system/manage-model.vue b/src/views/system/manage-model.vue
new file mode 100644
index 0000000..91286a5
--- /dev/null
+++ b/src/views/system/manage-model.vue
@@ -0,0 +1,255 @@
+<template>
+    <div>
+        <TableSearch :query="query" :options="searchOpt" :search="handleSearch" />
+        <div class="container">
+            <TableCustom :columns="columns" :tableData="tableData" :total="page.total" :viewFunc="handleView"
+                :delFunc="handleDelete" :page-change="changePage" :editFunc="handleEdit">
+                <template #toolbarBtn>
+                    <el-button type="warning" :icon="CirclePlusFilled" @click="visible_add = true">新增</el-button>
+                </template>
+            </TableCustom>
+
+        </div>
+        <el-dialog :title="isEdit ? '编辑': '编辑'" v-model="visible" width="700px" destroy-on-close
+            :close-on-click-modal="false" @close="closeDialog">
+            <TableEdit :form-data="rowData" :options="options_edit" :edit="isEdit" :update="updateData" />
+        </el-dialog>
+        <el-dialog :title="isAdd ? '新增' : '新增'" v-model="visible_add" width="700px" destroy-on-close
+            :close-on-click-modal="false" @close="closeDialog">
+            <TableEdit :form-data="rowData" :options="options" :edit="isAdd" :update="addData" />
+        </el-dialog>
+        <el-dialog title="查看详情" v-model="visible1" width="700px" destroy-on-close>
+            <TableDetail :data="viewData"></TableDetail>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup lang="ts" name="system-user">
+import { ref, reactive } from 'vue';
+import { ElMessage } from 'element-plus';
+import { CirclePlusFilled } from '@element-plus/icons-vue';
+import { UserInfo } from '@/types/user';
+import { fetchUserData } from '@/api';
+import { SearchUserService } from "@/api/user";
+import {GetUserInfoService} from "@/api/user";
+import {updateUserInfoService} from "@/api/user";
+import TableCustom from '@/components/table-custom.vue';
+import TableDetail from '@/components/table-detail.vue';
+import TableSearch from '@/components/table-search.vue';
+import { FormOption, FormOptionList } from '@/types/form-option';
+
+// 查询相关
+const query = reactive({
+    name: '',
+});
+const searchOpt = ref<FormOptionList[]>([
+    { type: 'input', label: '用户名或ID：', prop: 'name' }
+])
+const handleSearch = async () => {
+    let search_id= -1;
+    let keyword_ = "";
+     //判断search_id是字符串还是数字
+     if(isNaN(query.name)){
+          //是字符串，说明是关键字
+            keyword_ = query.name;
+        }else if(isFinite(query.name)){
+          //是数字，说明是ID
+            search_id = parseInt(query.name);
+        }else{
+          //不是数字也不是字符串
+          ElMessage.error("输入错误，请输入数字或者关键字");
+          return;
+        }
+    let req={
+        token: localStorage.getItem('token'),
+        id: search_id,
+        keyword: keyword_,
+    }
+    let result = await SearchUserService(req);
+    tableData.value = result.data;
+    page.total = result.data.length;
+};
+
+// 表格相关
+let columns = ref([
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { prop: 'ID', label: '用户ID' },
+    { prop: 'Name', label: '用户名' },
+    { prop: 'Age', label: '年龄'},
+    { prop: 'Role', label: '角色' },
+    { prop: 'CreatedAt', label: '创建时间',type: 'date' },
+    { prop: 'Email', label: '邮箱' },
+    { prop: 'operator', label: '操作', width: 250 },
+])
+const page = reactive({
+    index: 1,
+    size: 10,
+    total: 122,
+})
+const tableData = ref<UserInfo[]>([]);
+const getData = async () => {
+    let req={
+        token: localStorage.getItem('token'),
+        id: -1,
+        keyword: "_121",
+    }
+    let result = await SearchUserService(req);
+    tableData.value = result.data;
+    page.total = result.data.length;
+};
+getData();
+
+const changePage = (val: number) => {
+    page.index = val;
+    getData();
+};
+
+// 新增弹窗
+let options = ref<FormOption>({
+    labelWidth: '100px',
+    span: 12,
+    list: [
+        { type: 'input', label: '用户名', prop: 'Name', required: true },
+        { type: 'input', label: '密码', prop: 'Password', required: true },
+        { type: 'input', label: '邮箱', prop: 'Email', required: true },
+        { type: 'input', label: '角色', prop: 'Role', required: true },
+    ]
+})
+
+//编辑弹窗
+let options_edit = ref<FormOption>({
+    labelWidth: '100px',
+    span: 12,
+    list: [
+        {prop: 'Avatar',label: '头像', type: 'input', required: false},
+        { type: 'input', label: '用户名', prop: 'Name', required: true },
+        { type: 'input', label: '年龄', prop: 'Age', required: false },
+        { type: 'input', label: '密码', prop: 'Password', required: false },
+        { type: 'input', label: '邮箱', prop: 'Email', required: true },
+        { type: 'input', label: '性别', prop: 'Gender', required: false },
+        //select 选择框,可选择admin与user两种角色
+        { type: 'select', label: '角色', prop: 'Role', opts: [{label:"管理员",value:"admin"},{label:"普通用户",value:"user"}],required: false },
+
+    ]
+})
+
+const visible = ref(false);
+const visible_add = ref(false);
+const isEdit = ref(false);
+const isAdd = ref(false);
+const rowData = ref({});
+const handleEdit = async (row: UserInfo) => {
+    let data = await getUserInfo(row.ID);
+
+    rowData.value = data;
+    isEdit.value = true;
+    visible.value = true;
+};
+const updateData = async (data) => {
+    let result ={}
+      try{
+        let req={};
+        req.token=localStorage.getItem("token");
+        //console.log(rowData.value);
+
+        //修改后的数据
+        req.id = data.ID;
+        req.name = data.Name;
+        req.age = data.Age;
+        req.gender = data.Gender;
+        req.password = data.Password;
+        req.email = data.Email;
+        req.avatar = data.Avatar;
+        req.Role = data.Role;
+
+        result = await updateUserInfoService(req)
+        if (result.code === 0) {
+          ElMessage.success("更新成功");
+          this.updateDialogVisible = false;
+        } else {
+          ElMessage.error("更新失败");
+        }
+
+      }catch(e){
+        console.log(e);
+      }
+      closeDialog();
+    handleSearch();
+};
+
+const getUserInfo = async (id) => {
+      let result = {};
+      try{
+        //获取用户信息
+        let req={
+            token: localStorage.getItem('token'),
+            id: id,
+        };
+        result = await GetUserInfoService(req)
+        if(result.code===0){
+          return result.data;
+        }
+      }catch(e){
+        console.log(e);
+      }
+      return {};
+    }
+
+const closeDialog = () => {
+    visible.value = false;
+    visible_add.value = false;
+    isEdit.value = false;
+};
+
+// 查看详情弹窗相关
+const visible1 = ref(false);
+const viewData = ref({
+    row: {},
+    list: []
+});
+const handleView =async (row: UserInfo) => {
+    let data = await getUserInfo(row.ID);
+    viewData.value.row = data;
+    viewData.value.list = [
+        {
+            prop: 'Avatar',
+            label: '头像', //显示头像
+            type: 'image',
+            width: 100,
+        },
+        {
+            prop: 'ID',
+            label: '用户ID',
+        },
+        {
+            prop: 'Name',
+            label: '用户名',
+        },
+        {
+            prop: 'Email',
+            label: '邮箱',
+        },
+        {
+            prop: 'Gender',
+            label: '性别',
+        },
+        {
+            prop: 'Role',
+            label: '角色',
+        },
+        {
+            prop: 'CreatedAt',
+            label: '注册日期',
+            type: 'date',
+        },
+    ]
+    visible1.value = true;
+};
+
+// 删除相关
+const handleDelete = (row: UserInfo) => {
+    ElMessage.success('删除成功');
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/system/manage-session.vue b/src/views/system/manage-session.vue
new file mode 100644
index 0000000..3a516b5
--- /dev/null
+++ b/src/views/system/manage-session.vue
@@ -0,0 +1,214 @@
+<template>
+    <div>
+        <TableSearch :query="query" :options="searchOpt" :search="handleSearch" />
+        <div class="container">
+            <TableCustom :columns="columns" :tableData="tableData" :total="page.total" :viewFunc="handleView"
+                :delFunc="handleDelete" :page-change="changePage" :editFunc="handleEdit">
+                <template #toolbarBtn>
+                    <el-button type="warning" :icon="CirclePlusFilled" @click="visible_add = true" v-if="userRole">新增</el-button>
+                </template>
+            </TableCustom>
+
+        </div>
+        <el-dialog :title="isEdit ? '编辑': '编辑'" v-model="visible" width="700px" destroy-on-close
+            :close-on-click-modal="false" @close="closeDialog">
+            <TableEdit :form-data="rowData" :options="options_edit" :edit="isEdit" :update="updateData" />
+        </el-dialog>
+        <el-dialog :title="isAdd ? '新增' : '新增'" v-model="visible_add" width="700px" destroy-on-close
+            :close-on-click-modal="false" @close="closeDialog">
+            <TableEdit :form-data="rowData" :options="options" :edit="isAdd" :update="addData" />
+        </el-dialog>
+        <el-dialog title="查看详情" v-model="visible1" width="700px" destroy-on-close>
+            <TableDetail :data="viewData"></TableDetail>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup lang="ts" name="system-user">
+import { ref, reactive } from 'vue';
+import { ElMessage } from 'element-plus';
+import { CirclePlusFilled } from '@element-plus/icons-vue';
+import { UserInfo } from '@/types/user';
+import { Session } from '@/types/session';
+import { fetchUserData } from '@/api';
+import { SearchUserService } from "@/api/user";
+import {FindSessionService} from "@/api/session";
+import {UpdateSessionService} from "@/api/session";
+import {AddSessionService} from "@/api/session";
+import {DelSessionService} from "@/api/session";
+import TableCustom from '@/components/table-custom.vue';
+import TableDetail from '@/components/table-detail.vue';
+import TableSearch from '@/components/table-search.vue';
+import { FormOption, FormOptionList } from '@/types/form-option';
+
+const userRole = localStorage.getItem('role') == 'admin';
+
+// 查询相关
+const query = reactive({
+    name: '',
+});
+const searchOpt = ref<FormOptionList[]>([
+    { type: 'input', label: '会话ID：', prop: 'name' }
+])
+const handleSearch = async () => {
+    if (isFinite(query.name) == false){
+        ElMessage.error("请输入正确的会话ID");
+        return;
+    }
+    let req={
+        token: localStorage.getItem('token'),
+        type: "ID",
+        id: parseInt(query.name)
+    }
+    let result = await FindSessionService(req);
+    tableData.value = result.data;
+    page.total = result.data.length;
+};
+
+// 表格相关
+let columns = ref([
+    { type: 'index', label: '序号', width: 55, align: 'center' },
+    { prop: 'ID', label: '会话ID' },
+    { prop: 'Name', label: '会话名' },
+    { prop: 'CreatedAt', label: '创建时间',type: 'date' },
+    { prop: 'operator', label: '操作', width: 250 , operate: { view: false, edit: true, delete: true,push: {link: true,label:"继续该会话"} }},
+])
+const page = reactive({
+    index: 1,
+    size: 10,
+    total: 122,
+})
+const tableData = ref<Session[]>([]);
+const getData = async () => {
+    let req={
+        token: localStorage.getItem('token'),
+        type: "UserID"
+    }
+    let result = await FindSessionService(req);
+    tableData.value = result.data;
+    page.total = result.data.length;
+};
+getData();
+
+const changePage = (val: number) => {
+    page.index = val;
+    getData();
+};
+
+// 新增弹窗
+let options = ref<FormOption>({
+    labelWidth: '100px',
+    span: 12,
+    list: [
+        { type: 'input', label: '会话名称', prop: 'Name', required: true },
+    ]
+})
+
+//编辑弹窗
+let options_edit = ref<FormOption>({
+    labelWidth: '100px',
+    span: 12,
+    list: [
+        { type: 'input', label: '会话名称', prop: 'Name', required: true },
+    ]
+})
+
+const visible = ref(false);
+const visible_add = ref(false);
+const isEdit = ref(false);
+const isAdd = ref(false);
+const rowData = ref({});
+const handleEdit = async (row: Session) => {
+    let data = row;
+    rowData.value = data;
+    console.log("edit_row_data:", rowData.value);
+    isEdit.value = true;
+    visible.value = true;
+};
+const updateData = async (data) => {
+    let result ={}
+      try{
+        let req={};
+        req.token=localStorage.getItem("token");
+        //修改后的数据
+        req.id = data.ID;
+        req.name = data.Name;
+        result = await UpdateSessionService(req)
+        if (result.code === 0) {
+          ElMessage.success("更新成功");
+          this.updateDialogVisible = false;
+        } else {
+          ElMessage.error("更新失败");
+        }
+
+      }catch(e){
+        console.log(e);
+      }
+      closeDialog();
+    handleSearch();
+};
+
+const addData = async (data) => {
+    let result ={}
+      try{
+        let req={};
+        req.token=localStorage.getItem("token");
+        //修改后的数据
+        req.name = data.Name;
+        result = await AddSessionService(req)
+        if (result.code === 0) {
+          ElMessage.success("新增成功");
+          this.updateDialogVisible = false;
+        } else {
+          ElMessage.error("新增失败");
+        }
+
+      }catch(e){
+        console.log(e);
+      }
+    closeDialog();
+    handleSearch();
+};
+
+
+const closeDialog = () => {
+    visible.value = false;
+    visible_add.value = false;
+    isEdit.value = false;
+};
+
+// 查看详情弹窗相关
+const visible1 = ref(false);
+const viewData = ref({
+    row: {},
+    list: []
+});
+const handleView =async (row: Session) => {
+    viewData.value.row = row;
+    viewData.value.list = [
+        
+    ]
+    visible1.value = true;
+};
+
+// 删除相关
+const handleDelete = async (row: Session) => {
+    let req={
+        token: localStorage.getItem('token'),
+        id: row.ID,
+    }
+    try{
+        let result = await DelSessionService(req);
+        if(result.code===0){
+            ElMessage.success("删除成功");
+            handleSearch();
+        }else{
+            ElMessage.error("删除失败");
+        }
+    }catch(e){
+        console.log(e);
+    }
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/system/reco-topic.vue b/src/views/system/reco-topic.vue
new file mode 100644
index 0000000..6c176b5
--- /dev/null
+++ b/src/views/system/reco-topic.vue
@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h2>智能选题推荐</h2>
+    </div>
+
+</template>
+
+<script lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/system/simu-defense.vue b/src/views/system/simu-defense.vue
new file mode 100644
index 0000000..9273afa
--- /dev/null
+++ b/src/views/system/simu-defense.vue
@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h2>智能答辩模拟</h2>
+    </div>
+
+</template>
+
+<script lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index 91286a5..8fb2060 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -79,7 +79,7 @@ let columns = ref([
     { prop: 'Role', label: '角色' },
     { prop: 'CreatedAt', label: '创建时间',type: 'date' },
     { prop: 'Email', label: '邮箱' },
-    { prop: 'operator', label: '操作', width: 250 },
+    { prop: 'operator', label: '操作', width: 250 ,operate: { view: true, edit: true, delete: true ,push: {link: false,label:"继续该会话"}}},
 ])
 const page = reactive({
     index: 1,