From 5f6936ad0afac1171e484e1b9d5521e1ca89dabb Mon Sep 17 00:00:00 2001 From: junleea <354425203@qq.com> Date: Fri, 21 Mar 2025 19:22:42 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=A8=A1=E5=9E=8B=E7=AE=A1?= =?UTF-8?q?=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/system/manage-model.vue | 194 +++++++++++++++--------------- 1 file changed, 99 insertions(+), 95 deletions(-) diff --git a/src/views/system/manage-model.vue b/src/views/system/manage-model.vue index 91286a5..08b77fa 100644 --- a/src/views/system/manage-model.vue +++ b/src/views/system/manage-model.vue @@ -5,7 +5,7 @@ @@ -29,43 +29,37 @@ import { ref, reactive } from 'vue'; import { ElMessage } from 'element-plus'; import { CirclePlusFilled } from '@element-plus/icons-vue'; import { UserInfo } from '@/types/user'; +import { Model } from '@/types/model'; import { fetchUserData } from '@/api'; -import { SearchUserService } from "@/api/user"; -import {GetUserInfoService} from "@/api/user"; -import {updateUserInfoService} from "@/api/user"; +import {FindModelService} from "@/api/model"; +import {UpdateModelService} from "@/api/model"; +import {AddModelService} from "@/api/model"; +import {DelModelService} from "@/api/model"; 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([ - { type: 'input', label: '用户名或ID：', prop: 'name' } + { 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; - } + if (isFinite(query.name) == false){ + ElMessage.error("请输入正确的会话ID"); + return; + } let req={ token: localStorage.getItem('token'), - id: search_id, - keyword: keyword_, + type: "ID", + id: parseInt(query.name) } - let result = await SearchUserService(req); + let result = await FindModelService(req); tableData.value = result.data; page.total = result.data.length; }; @@ -73,27 +67,26 @@ const handleSearch = async () => { // 表格相关 let columns = ref([ { type: 'index', label: '序号', width: 55, align: 'center' }, - { prop: 'ID', label: '用户ID' }, - { prop: 'Name', label: '用户名' }, - { prop: 'Age', label: '年龄'}, - { prop: 'Role', label: '角色' }, + { prop: 'ID', label: '模型ID' }, + {prop: 'Url', label: 'URl'}, + { prop: 'Type', label: '类型' }, + { prop: 'Parameter', label: '参数' }, + {prop: 'Description', 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, size: 10, total: 122, }) -const tableData = ref([]); +const tableData = ref([]); const getData = async () => { let req={ token: localStorage.getItem('token'), - id: -1, - keyword: "_121", + type: "UserID" } - let result = await SearchUserService(req); + let result = await FindModelService(req); tableData.value = result.data; page.total = result.data.length; }; @@ -109,10 +102,10 @@ let options = ref({ 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 }, + { type: 'input', label: '类型', prop: 'Type', required: true }, + { type: 'input', label: 'URL', prop: 'Url', required: true }, + { type: 'input', label: '参数', prop: 'Parameter', required: true }, + { type: 'input', label: '描述', prop: 'Description', required: true }, ] }) @@ -121,15 +114,10 @@ let options_edit = ref({ 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 }, - + { type: 'input', label: '类型', prop: 'Type', required: true }, + { type: 'input', label: 'URL', prop: 'Url', required: true }, + { type: 'input', label: '参数', prop: 'Parameter', required: true }, + { type: 'input', label: '描述', prop: 'Description', required: true }, ] }) @@ -138,10 +126,10 @@ 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); - +const handleEdit = async (row: Model) => { + let data = row; rowData.value = data; + console.log("edit_row_data:", rowData.value); isEdit.value = true; visible.value = true; }; @@ -150,19 +138,13 @@ const updateData = async (data) => { 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) + req.type = data.Type; + req.url = data.Url; + req.parameter = data.Parameter; + req.description = data.Description; + result = await UpdateModelService(req) if (result.code === 0) { ElMessage.success("更新成功"); this.updateDialogVisible = false; @@ -174,26 +156,34 @@ const updateData = async (data) => { console.log(e); } closeDialog(); - handleSearch(); + getData(); }; -const getUserInfo = async (id) => { - let result = {}; +const addData = async (data) => { + let result ={} try{ - //获取用户信息 - let req={ - token: localStorage.getItem('token'), - id: id, - }; - result = await GetUserInfoService(req) - if(result.code===0){ - return result.data; + let req={}; + req.token=localStorage.getItem("token"); + //修改后的数据 + req.type = data.Type; + req.url = data.Url; + req.parameter = data.Parameter; + req.description = data.Description; + result = await AddModelService(req) + if (result.code === 0) { + ElMessage.success("新增成功"); + this.updateDialogVisible = false; + } else { + ElMessage.error("新增失败"); } + }catch(e){ console.log(e); } - return {}; - } + closeDialog(); + getData(); +}; + const closeDialog = () => { visible.value = false; @@ -205,50 +195,64 @@ const closeDialog = () => { const visible1 = ref(false); const viewData = ref({ row: {}, - list: [] + list: [ + + ] }); -const handleView =async (row: UserInfo) => { - let data = await getUserInfo(row.ID); - viewData.value.row = data; +const handleView =async (row: Model) => { + viewData.value.row = row; viewData.value.list = [ - { - prop: 'Avatar', - label: '头像', //显示头像 - type: 'image', - width: 100, - }, { prop: 'ID', - label: '用户ID', + label: '模型ID', }, { - prop: 'Name', - label: '用户名', + prop: 'Url', + label: 'URL', }, { - prop: 'Email', - label: '邮箱', + prop: 'Type', + label: '类型', }, { - prop: 'Gender', - label: '性别', + prop: 'Parameter', + label: '参数', }, { - prop: 'Role', - label: '角色', + prop: 'Description', + label: '描述', }, { prop: 'CreatedAt', - label: '注册日期', - type: 'date', + label: '创建时间', + type: 'date' + }, + { + prop: 'UpdatedAt', + label: '更新时间', + type: 'date' }, ] visible1.value = true; }; // 删除相关 -const handleDelete = (row: UserInfo) => { - ElMessage.success('删除成功'); +const handleDelete = async (row: Model) => { + let req={ + token: localStorage.getItem('token'), + id: row.ID, + } + try{ + let result = await DelModelService(req); + if(result.code===0){ + ElMessage.success("删除成功"); + getData(); + }else{ + ElMessage.error("删除失败"); + } + }catch(e){ + console.log(e); + } }