添加会话管理功能,添加模型管理、通用人机交互等页面配置(未完成)
This commit is contained in:
parent
996d1a2cf8
commit
2a4efd1ead
|
|
@ -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
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -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
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -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();
|
||||
// 侧边栏折叠
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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'],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ export const useThemeStore = defineStore('theme', {
|
|||
danger: '',
|
||||
info: '',
|
||||
headerBgColor: '#242f42',
|
||||
headerTextColor: '#fff',
|
||||
headerTextColor: '#ffff',
|
||||
};
|
||||
},
|
||||
getters: {},
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
export interface Session {
|
||||
ID: number;
|
||||
CreatedAt: string;
|
||||
UpdatedAt: string;
|
||||
DeletedAt: string;
|
||||
Name: string;
|
||||
UserID: number;
|
||||
}
|
||||
|
|
@ -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/";
|
||||
|
|
|
|||
|
|
@ -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("/");
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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("更新失败");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
<template>
|
||||
<div>
|
||||
<h2>通用AI对话</h2>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<template>
|
||||
<div>
|
||||
<h2>智能选题推荐</h2>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<template>
|
||||
<div>
|
||||
<h2>智能答辩模拟</h2>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Reference in New Issue