Compare commits

...

4 Commits

Author SHA1 Message Date
姜玉琦 939397922a 提交diamagnetic 2024-06-19 21:43:53 +08:00
姜玉琦 c001d7389b Merge branch 'main' of http://62.234.3.186:3000/sxyanzhu/AIManage 2024-06-19 21:42:53 +08:00
姜玉琦 065ed011d4 Merge branch 'main' of http://62.234.3.186:3000/sxyanzhu/AIManage 2024-06-18 01:18:13 +08:00
姜玉琦 5d0f36eb86 提交代码 2024-06-18 01:17:13 +08:00
18 changed files with 1926 additions and 40 deletions

View File

@ -0,0 +1,80 @@
import request from "@/utils/request";
import { DeptForm, DeptQuery, DeptVO } from "./model";
class DeptAPI {
/**
*
*
* @param queryParams
*/
static getList(queryParams?: DeptQuery) {
return request<any, DeptVO[]>({
url: "/api/v1/dept",
method: "get",
params: queryParams,
});
}
/**
*
*/
static getOptions() {
return request<any, OptionType[]>({
url: "/api/v1/dept/options",
method: "get",
});
}
/**
*
*
* @param id
*/
static getFormData(id: number) {
return request<any, DeptForm>({
url: "/api/v1/dept/" + id + "/form",
method: "get",
});
}
/**
*
*
* @param data
*/
static add(data: DeptForm) {
return request({
url: "/api/v1/dept",
method: "post",
data: data,
});
}
/**
*
*
* @param id
* @param data
*/
static update(id: number, data: DeptForm) {
return request({
url: "/api/v1/dept/" + id,
method: "put",
data: data,
});
}
/**
*
*
* @param ids
*/
static deleteByIds(ids: string) {
return request({
url: "/api/v1/dept/" + ids,
method: "delete",
});
}
}
export default DeptAPI;

View File

@ -0,0 +1,72 @@
/**
*
*/
export interface DeptQuery {
keywords?: string;
status?: number;
}
/**
*
*/
export interface DeptVO {
/**
*
*/
children?: DeptVO[];
/**
*
*/
createTime?: Date;
/**
* ID
*/
id?: number;
/**
*
*/
name?: string;
/**
* ID
*/
parentId?: number;
/**
*
*/
sort?: number;
/**
* (1:0:)
*/
status?: number;
/**
*
*/
updateTime?: Date;
}
/**
*
*/
export interface DeptForm {
/**
* ID()
*/
id?: number;
/**
*
*/
name?: string;
/**
* ID
*/
parentId: number;
/**
*
*/
sort?: number;
/**
* (1:0)
*/
status?: number;
}

View File

@ -0,0 +1,149 @@
import request from "@/utils/request";
import {
DictTypeQuery,
DictTypePageResult,
DictTypeForm,
DictQuery,
DictForm,
DictPageResult,
} from "./model";
class DictAPI {
/**
*
*
* @param queryParams
*/
static getDictTypePage(queryParams: DictTypeQuery) {
return request<any, DictTypePageResult>({
url: "/api/v1/dict/types/page",
method: "get",
params: queryParams,
});
}
/**
*
*
* @param id
*/
static getDictTypeForm(id: number) {
return request<any, ResponseData<DictTypeForm>>({
url: "/api/v1/dict/types/" + id + "/form",
method: "get",
});
}
/**
*
*
* @param data
*/
static addDictType(data: DictTypeForm) {
return request({
url: "/api/v1/dict/types",
method: "post",
data: data,
});
}
/**
*
*
* @param id
* @param data
*/
static updateDictType(id: number, data: DictTypeForm) {
return request({
url: "/api/v1/dict/types/" + id,
method: "put",
data: data,
});
}
/**
*
*/
static deleteDictTypes(ids: string) {
return request({
url: "/api/v1/dict/types/" + ids,
method: "delete",
});
}
/**
*
*
* @param typeCode
*/
static getDictOptions(typeCode: string) {
return request<any, OptionType[]>({
url: "/api/v1/dict/" + typeCode + "/options",
method: "get",
});
}
/**
*
*/
static getDictPage(queryParams: DictQuery) {
return request<any, DictPageResult>({
url: "/api/v1/dict/page",
method: "get",
params: queryParams,
});
}
/**
*
*
* @param id
*/
static getDictFormData(id: number) {
return request<any, DictForm>({
url: "/api/v1/dict/" + id + "/form",
method: "get",
});
}
/**
*
*
* @param data
*/
static addDict(data: DictForm) {
return request({
url: "/api/v1/dict",
method: "post",
data: data,
});
}
/**
*
*
* @param id
* @param data
*/
static updateDict(id: number, data: DictForm) {
return request({
url: "/api/v1/dict/" + id,
method: "put",
data: data,
});
}
/**
*
*
* @param ids ID(,)
*/
static deleteDictByIds(ids: string) {
return request({
url: "/api/v1/dict/" + ids,
method: "delete",
});
}
}
export default DictAPI;

View File

@ -0,0 +1,143 @@
/**
*
*/
export interface DictTypeQuery extends PageQuery {
/**
* (/)
*/
keywords?: string;
}
/**
*
*/
export interface DictTypePageVO {
/**
* ID
*/
id: number;
/**
*
*/
code: string;
/**
*
*/
name: string;
/**
* (1:;0:)
*/
status?: number;
/**
*
*/
remark?: string;
}
/**
*
*/
export type DictTypePageResult = PageResult<DictTypePageVO[]>;
/**
*
*/
export interface DictTypeForm {
/**
* ID
*/
id?: number;
/**
*
*/
name?: string;
/**
*
*/
code?: string;
/**
* 1:;0:
*/
status: number;
/**
*
*/
remark?: string;
}
/**
*
*/
export interface DictQuery extends PageQuery {
/**
*
*/
name?: string;
/**
*
*/
typeCode?: string;
}
/**
*
*/
export interface DictPageVO {
/**
* ID
*/
id?: number;
/**
*
*/
name?: string;
/**
* (1:;0:)
*/
status?: number;
/**
*
*/
value?: string;
}
/**
*
*/
export type DictPageResult = PageResult<DictPageVO[]>;
/**
*
*/
export interface DictForm {
/**
* ID
*/
id?: number;
/**
*
*/
name?: string;
/**
*
*/
sort?: number;
/**
* (1:;0:)
*/
status?: number;
/**
*
*/
typeCode?: string;
/**
*
*/
value?: string;
/**
*
*/
remark?: string;
}

View File

@ -0,0 +1,37 @@
import request from "@/utils/request";
import { FileInfo } from "./model";
class FileAPI {
/**
*
*
* @param file
*/
static upload(file: File) {
const formData = new FormData();
formData.append("file", file);
return request<any, FileInfo>({
url: "/api/v1/files",
method: "post",
data: formData,
headers: {
"Content-Type": "multipart/form-data",
},
});
}
/**
*
*
* @param filePath
*/
static deleteByPath(filePath?: string) {
return request({
url: "/api/v1/files",
method: "delete",
params: { filePath: filePath },
});
}
}
export default FileAPI;

View File

@ -0,0 +1,8 @@
/**
* API
*/
export interface FileInfo {
name: string;
url: string;
}

View File

@ -146,7 +146,7 @@ class MenuAPI {
{
path: "/operatorLibrary",
component: "Layout",
redirect: "/operatorLibrary/index",
redirect: "/operatorLibrary/calculate",
name: "/operatorLibrary",
meta: {
title: "算子库管理",
@ -175,7 +175,6 @@ class MenuAPI {
name: "calculateEdit",
meta: {
title: "算子编辑",
icon: "user",
hidden: true,
roles: ["ADMIN", "GUEST"],
keepAlive: true,
@ -201,7 +200,6 @@ class MenuAPI {
name: "calculateParamEdit",
meta: {
title: "算子参数编辑",
icon: "user",
hidden: true,
roles: ["ADMIN", "GUEST"],
keepAlive: true,
@ -213,10 +211,10 @@ class MenuAPI {
{
path: "/dataMgr",
component: "Layout",
redirect: "/dataMgr/user",
redirect: "/dataMgr/datas",
name: "/dataMgr",
meta: {
title: "数据管理",
title: "数据管理",
icon: "db",
hidden: false,
roles: ["GUEST", "ADMIN", "ADMIN6"],
@ -224,11 +222,11 @@ class MenuAPI {
},
children: [
{
path: "user",
component: "system/user/index",
name: "User",
path: "datas",
component: "manage/datas/index",
name: "datas",
meta: {
title: "数据管理1",
title: "数据管理",
icon: "user",
hidden: false,
roles: ["ADMIN", "GUEST"],
@ -237,13 +235,12 @@ class MenuAPI {
},
},
{
path: "role",
component: "system/role/index",
name: "Role",
path: "datasEdit",
component: "manage/datas/edit",
name: "datasEdit",
meta: {
title: "数据管理2",
icon: "role",
hidden: false,
title: "数据集编辑",
hidden: true,
roles: ["ADMIN6", "GUEST", "ADMIN"],
keepAlive: true,
alwaysShow: false,
@ -265,11 +262,11 @@ class MenuAPI {
},
children: [
{
path: "user",
component: "system/user/index",
name: "User",
path: "equipment",
component: "manage/equipment/index",
name: "equipment",
meta: {
title: "算法测试仪管理1",
title: "计算设备管理",
icon: "user",
hidden: false,
roles: ["ADMIN", "GUEST"],
@ -278,11 +275,23 @@ class MenuAPI {
},
},
{
path: "role",
component: "system/role/index",
name: "Role",
path: "equipmentEdit",
component: "manage/equipment/edit",
name: "equipmentEdit",
meta: {
title: "算法算法测试仪管理2",
title: "计算设备编辑",
hidden: true,
roles: ["ADMIN", "GUEST"],
keepAlive: true,
alwaysShow: false,
},
},
{
path: "otherTool",
component: "manage/otherTool/index",
name: "otherTool",
meta: {
title: "第三方工具管理",
icon: "role",
hidden: false,
roles: ["ADMIN6", "GUEST", "ADMIN"],
@ -290,6 +299,18 @@ class MenuAPI {
alwaysShow: false,
},
},
{
path: "otherToolEdit",
component: "manage/otherTool/edit",
name: "otherToolEdit",
meta: {
title: "第三方工具编辑",
hidden: true,
roles: ["ADMIN6", "GUEST", "ADMIN"],
keepAlive: true,
alwaysShow: false,
}
},
],
},
{

View File

@ -0,0 +1,108 @@
import request from "@/utils/request";
import { RoleQuery, RolePageResult, RoleForm } from "./model";
class RoleAPI {
/**
*
*
* @param queryParams
*/
static getPage(queryParams?: RoleQuery) {
return request<any, RolePageResult>({
url: "/api/v1/roles/page",
method: "get",
params: queryParams,
});
}
/**
*
*
* @param queryParams
*/
static getOptions(queryParams?: RoleQuery) {
return request<any, OptionType[]>({
url: "/api/v1/roles/options",
method: "get",
params: queryParams,
});
}
/**
* ID
*
* @param queryParams
*/
static getRoleMenuIds(roleId: number) {
return request<any, number[]>({
url: "/api/v1/roles/" + roleId + "/menuIds",
method: "get",
});
}
/**
*
*
* @param queryParams
*/
static updateRoleMenus(roleId: number, data: number[]) {
return request({
url: "/api/v1/roles/" + roleId + "/menus",
method: "put",
data: data,
});
}
/**
*
*
* @param id
*/
static getFormData(id: number) {
return request<any, RoleForm>({
url: "/api/v1/roles/" + id + "/form",
method: "get",
});
}
/**
*
*
* @param data
*/
static add(data: RoleForm) {
return request({
url: "/api/v1/roles",
method: "post",
data: data,
});
}
/**
*
*
* @param id
* @param data
*/
static update(id: number, data: RoleForm) {
return request({
url: "/api/v1/roles/" + id,
method: "put",
data: data,
});
}
/**
* (,)
*
* @param ids
*/
static deleteByIds(ids: string) {
return request({
url: "/api/v1/roles/" + ids,
method: "delete",
});
}
}
export default RoleAPI;

View File

@ -0,0 +1,79 @@
/**
*
*/
export interface RoleQuery extends PageQuery {
keywords?: string;
}
/**
*
*/
export interface RolePageVO {
/**
*
*/
code?: string;
/**
* ID
*/
id?: number;
/**
*
*/
name?: string;
/**
*
*/
sort?: number;
/**
*
*/
status?: number;
/**
*
*/
createTime?: Date;
/**
*
*/
updateTime?: Date;
}
/**
*
*/
export type RolePageResult = PageResult<RolePageVO[]>;
/**
*
*/
export interface RoleForm {
/**
* ID
*/
id?: number;
/**
*
*/
code: string;
/**
*
*/
dataScope?: number;
/**
*
*/
name: string;
/**
*
*/
sort?: number;
/**
* (1-0-)
*/
status?: number;
}

View File

@ -95,11 +95,11 @@
><strong style="color: #409eff">算子参数</strong></el-divider
>
<el-table :data="list" style="width: 100%" stripe>
<el-table-column prop="csmc" label="参数名称"> </el-table-column>
<el-table-column prop="csmc" label="参数描述"> </el-table-column>
<el-table-column prop="csmc" label="参数名称" align="left"/>
<el-table-column prop="csmc" label="参数描述" align="left"/>
<el-table-column label="操作" fixed="right" width="120">
<template #default="scope">
<el-button type="warning" size="small"><i-ep-edit />查看参数</el-button>
<el-button type="primary" plain size="small"><i-ep-view />查看参数</el-button>
</template>
</el-table-column>
</el-table>

View File

@ -12,7 +12,7 @@
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="算子类型" prop="status">
<!-- <el-form-item label="算子类型" prop="status">
<el-select
v-model="queryParams.status"
placeholder="全部类型"
@ -23,7 +23,7 @@
<el-option label="目标检测" value="2" />
<el-option label="人脸识别" value="3" />
</el-select>
</el-form-item>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="handleQuery"><i-ep-search />搜索</el-button>
<el-button @click="resetQuery">
@ -75,11 +75,11 @@
stripe
@selection-change="handleSelectionChange"
>
<el-table-column label="算子名称" align="center" prop="szmc" width="250" />
<el-table-column label="算子类型" align="center" prop="szlx" />
<el-table-column label="版本" width="180" align="center" prop="bb" />
<el-table-column label="适配硬件" width="280" align="center" prop="spyj" />
<el-table-column label="互联创建时间" width="180" align="center" prop="hlcjsj" />
<el-table-column label="算子名称" align="left" prop="szmc" width="250" />
<el-table-column label="算子类型" align="left" prop="szlx" />
<el-table-column label="版本" width="180" align="left" prop="bb" />
<el-table-column label="适配硬件" width="280" align="left" prop="spyj" />
<el-table-column label="互联创建时间" width="180" align="left" prop="hlcjsj" />
<el-table-column label="操作" fixed="right" width="220">
<template #default="scope">
<el-button

View File

@ -12,7 +12,7 @@
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="主类型" prop="status">
<!-- <el-form-item label="主类型" prop="status">
<el-select
v-model="queryParams.status"
placeholder="全部类型"
@ -35,7 +35,7 @@
<el-option label="人脸识别" value="3" />
<el-option label="图像缩放" value="4" />
</el-select>
</el-form-item>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="handleQuery"><i-ep-search />搜索</el-button>
<el-button @click="resetQuery">
@ -80,11 +80,11 @@
stripe
@selection-change="handleSelectionChange"
>
<el-table-column label="算子参数名称" align="center" prop="szmc" width="250" />
<el-table-column label="算子主类型" align="center" prop="szlx" />
<el-table-column label="算子子类型" align="center" prop="szzlx" />
<el-table-column label="参数描述" width="180" align="center" prop="bb" />
<el-table-column label="互联时间" width="180" align="center" prop="hlcjsj" />
<el-table-column label="算子参数名称" align="left" prop="szmc" width="250" />
<el-table-column label="算子主类型" align="left" prop="szlx" />
<el-table-column label="算子子类型" align="left" prop="szzlx" />
<el-table-column label="参数描述" width="180" align="left" prop="bb" />
<el-table-column label="互联时间" width="180" align="left" prop="hlcjsj" />
<el-table-column label="操作" fixed="right" width="220">
<template #default="scope">
<el-button

View File

@ -0,0 +1,210 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="table-container">
<template #header> 新增数据集 </template>
<el-form
ref="userFormRef"
:model="formData"
:rules="rules"
v-loading="loading"
label-width="100px"
>
<el-row style="width:100%">
<el-col :lg="12" :xs="24">
<el-form-item label="数据集名称" prop="username">
<el-input
v-model="formData.username"
:readonly="!!formData.id"
placeholder="请输入数据集名称"
/>
</el-form-item>
</el-col>
<el-col :lg="12" :xs="24">
<el-form-item label="数据集版本" prop="roleIds">
<el-input
v-model="formData.roleIds"
:readonly="!!formData.id"
placeholder="请输入数据集版本"
/>
</el-form-item>
</el-col>
</el-row>
<el-row style="width:100%">
<el-col :lg="12" :xs="24">
<el-form-item label="适合任务" prop="username1">
<el-input
v-model="formData.usernam3e"
:readonly="!!formData.id"
placeholder="请输入适合任务"
/>
</el-form-item>
</el-col>
<el-col :lg="12" :xs="24">
<el-form-item label="数据标签" prop="roleId2s">
<el-input
v-model="formData.roleIds3"
:readonly="!!formData.id"
placeholder="请输入数据标签"
/>
</el-form-item>
</el-col>
</el-row>
<el-row style="width:100%">
<el-col :lg="12" :xs="24">
<el-form-item label="数据集格式" prop="username1">
<el-select
v-model="formData.roleIds2"
placeholder="请选择数据集格式"
style="width: 100%"
>
<el-option label="图像分类" value="1" />
<el-option label="目标检测" value="2" />
</el-select>
</el-form-item>
</el-col>
<el-col :lg="12" :xs="24">
<el-form-item label="是否已标注" prop="rolfeId2s">
<el-select
v-model="formData.rolfeId2s"
placeholder="请选择是否已标注"
style="width: 100%"
>
<el-option label="是" value="1" />
<el-option label="否" value="2" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row style="width:100%">
<el-col :lg="12" :xs="24">
<el-form-item label="数据集名称" prop="usernamedd">
<el-input
v-model="formData.usernamedd"
:readonly="!!formData.id"
placeholder="请输入数据集名称"
:rows="3"
type="textarea"
/>
</el-form-item>
</el-col>
<el-col :lg="12" :xs="24">
</el-col>
</el-row>
<el-divider content-position="left"
><strong style="color: #409eff">数据集图片10</strong></el-divider
>
<el-row>
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
list-type="picture-card"
:file-list="imgList"
:limit="10"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<i class="i-ep-plus"></i>
</el-upload>
<el-button type="primary"><i-ep-upload-filled />上传图片</el-button>
</el-row>
</el-form>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-button type="primary" @click="handleSubmit"><i-ep-check /> </el-button>
<el-button @click="closeBack"><i-ep-close /> </el-button>
</div>
</el-card>
</div>
</template>
<script setup lang="ts">
defineOptions({
name: "User",
inheritAttrs: false,
});
import UserAPI from "@/api/user";
import { UserForm } from "@/api/user/model";
const router = useRouter();
const loading = ref(false); //
const calTypeList = ref<OptionType[]>(); //
//
const formData = reactive<UserForm>({
status: 1,
});
//
const rules = reactive({
username: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
nickname: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
deptId: [{ required: true, message: "所属部门不能为空", trigger: "blur" }],
roleIds: [{ required: true, message: "用户角色不能为空", trigger: "blur" }],
email: [
{
pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
message: "请输入正确的邮箱地址",
trigger: "blur",
},
],
mobile: [
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur",
},
],
});
const imgList= [{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'}]
/** 表单提交 */
const handleSubmit = useThrottleFn(() => {
loading.value = true;
setTimeout(() => {
ElMessage.success("修改用户成功");
loading.value = false;
closeBack();
}, 1000);
}, 3000);
/** 返回默认页面 */
function closeBack() {
router.replace({ path: "/dataMgr/datas" });
}
onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
}
.buttonml-55 {
margin-left: 55px;
}
.el-upload--picture-card{
display: none;
}
</style>

View File

@ -0,0 +1,218 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="search-container">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<el-form-item label="数据名称" prop="keywords">
<el-input
v-model="queryParams.keywords"
placeholder="请输入数据名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery"><i-ep-search />搜索</el-button>
<el-button @click="resetQuery">
<i-ep-refresh />
重置</el-button
>
</el-form-item>
</el-form>
</div>
<el-card shadow="never" class="table-container">
<template #header>
<div class="flex justify-between">
<div>
<el-button type="primary" @click="openDialog('user-form')"
><i-ep-plus />未标注数据集</el-button
>
<el-button type="success" @click="openDialog('user-form')"
><i-ep-plus />已标注数据集</el-button
>
</div>
<!-- <div>
<el-dropdown split-button>
导入
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="downloadTemplate">
<i-ep-download />下载模板</el-dropdown-item
>
<el-dropdown-item @click="openDialog('user-import')">
<i-ep-top />导入数据</el-dropdown-item
>
</el-dropdown-menu>
</template>
</el-dropdown>
<el-button class="ml-3" @click="handleExport"
><template #icon><i-ep-download /></template>导出</el-button
>
</div> -->
</div>
</template>
<el-table
v-loading="loading"
:data="tableData"
stripe
@selection-change="handleSelectionChange"
>
<el-table-column label="数据集名称" align="left" prop="szmc" width="250" />
<el-table-column label="版本" align="left" prop="szlx" />
<el-table-column label="标签" align="left" prop="szzlx" />
<el-table-column label="使用任务类型" align="left" prop="bb" />
<el-table-column label="数据格式" align="left" prop="hlcjsj" />
<el-table-column label="数量" align="left" prop="sl" />
<el-table-column label="是否标注" align="left" prop="sfbz" />
<el-table-column label="操作" fixed="right" width="220">
<template #default="scope">
<el-button
type="primary" plain
size="small"
@click="openDialog('user-form', scope.row.id)"
><i-ep-view />查看</el-button
>
<el-button type="warning" size="small" @click="openDialog('user-form', scope.row.id)"
><i-ep-edit />修改</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-if="total > 0"
v-model:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="handleQuery"
/>
</el-card>
</div>
</template>
<script setup lang="ts">
defineOptions({
name: "calculateIndex",
inheritAttrs: false,
});
import { UserQuery } from "@/api/user/model";
const queryFormRef = ref(ElForm); //
const router = useRouter();
const loading = ref(false); //
const removeIds = ref([]); // ID
const queryParams = reactive<UserQuery>({
pageNum: 1,
pageSize: 10,
});
const dateTimeRange = ref("");
const total = ref(0); //
watch(dateTimeRange, (newVal) => {
if (newVal) {
queryParams.startTime = newVal[0];
queryParams.endTime = newVal[1];
}
});
const tableData = [
{
szmc: "RGB24格式转换数据集",
szlx: "v1",
szzlx: "格式转换",
bb: "格式转换",
hlcjsj: "RGB24",
sl: "86",
sfbz: "未备注",
},
{
szmc: "图像缩放数据集",
szlx: "v1.2",
szzlx: "图像缩放",
bb: "专业的图像缩放",
hlcjsj: "RGB24",
sl: "121",
sfbz: "未备注",
},
{
szmc: "人脸识别数据集",
szlx: "v4",
szzlx: "人脸识别",
bb: "人脸识别",
hlcjsj: "GRAY16",
sl: "288",
sfbz: "已备注",
}
];
/** 查询 */
function handleQuery() {
loading.value = true;
ElMessage.success("查询成功");
loading.value = false;
// UserAPI.getPage(queryParams)
// .then((data) => {
// console.log("handleQuery", data);
// pageData.value = data.list;
// total.value = data.total;
// })
// .finally(() => {
// loading.value = false;
// });
}
/** 重置查询 */
function resetQuery() {
queryFormRef.value.resetFields();
dateTimeRange.value = "";
queryParams.pageNum = 1;
queryParams.deptId = undefined;
queryParams.startTime = undefined;
queryParams.endTime = undefined;
handleQuery();
}
/** 行选中 */
function handleSelectionChange(selection: any) {
removeIds.value = selection.map((item: any) => item.id);
}
/** 删除数据 */
function handleDelete(row: { [key: string]: any }) {
ElMessageBox.confirm("确认删除数据集?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(function () {
ElMessage.success("删除成功");
});
}
/**
* 打开弹窗
*
* @param type 弹窗类型 用户表单user-form | 用户导入user-import
* @param id 用户ID
*/
async function openDialog(type: string, id?: number) {
router.replace({ path: "/dataMgr/datasEdit" });
}
/** 下载导入模板 */
function downloadTemplate() {
ElMessage.success("下载模板成功");
}
/** 导出用户 */
function handleExport() {
ElMessage.success("导出成功");
}
onMounted(() => {
//handleQuery();
});
</script>

View File

@ -0,0 +1,168 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="table-container">
<template #header> 新增算子参数 </template>
<el-row>
<el-col :lg="12" :xs="24">
<el-form
ref="userFormRef"
:model="formData"
:rules="rules"
v-loading="loading"
label-width="80px"
>
<el-form-item label="参数名称" prop="username">
<el-input
v-model="formData.username"
:readonly="!!formData.id"
placeholder="请输入算子参数名称"
/>
</el-form-item>
<el-form-item label="参数类型" prop="roleIds">
<el-row style="width:100%">
<el-col :span="12">
<el-select
v-model="formData.roleIds"
multiple
placeholder="请选择参数主类型"
>
<el-option
v-for="item in calTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-col>
<el-col :span="12">
<el-select
v-model="formData.roleIds"
multiple
placeholder="请选择参数子类型"
>
<el-option
v-for="item in calTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="参数说明" prop="mobile">
<el-input
v-model="formData.mobile"
:rows="2"
type="textarea"
placeholder="请输入参数说明"
maxlength="11"
/>
</el-form-item>
<el-form-item label="参数文件" prop="email">
<el-upload
v-model:file-list="fileList"
class="upload-demo"
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
multiple
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:limit="3"
:on-exceed="handleExceed"
>
<el-button type="primary"
><el-icon class="el-icon--upload"> <i-ep-upload-filled /> </el-icon
>选择文件</el-button
>
<template #tip>
<div class="el-upload__tip">json files with a size less than 10M.</div>
</template>
</el-upload>
</el-form-item>
</el-form>
</el-col>
<el-col :lg="12" :xs="24"></el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-button type="primary" @click="handleSubmit"><i-ep-check /> </el-button>
<el-button @click="closeBack"><i-ep-close /> </el-button>
</div>
</el-card>
</div>
</template>
<script setup lang="ts">
defineOptions({
name: "User",
inheritAttrs: false,
});
import UserAPI from "@/api/user";
import { UserForm } from "@/api/user/model";
const router = useRouter();
const loading = ref(false); //
const calTypeList = ref<OptionType[]>(); //
//
const formData = reactive<UserForm>({
status: 1,
});
//
const rules = reactive({
username: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
nickname: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
deptId: [{ required: true, message: "所属部门不能为空", trigger: "blur" }],
roleIds: [{ required: true, message: "用户角色不能为空", trigger: "blur" }],
email: [
{
pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
message: "请输入正确的邮箱地址",
trigger: "blur",
},
],
mobile: [
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur",
},
],
});
/** 表单提交 */
const handleSubmit = useThrottleFn(() => {
loading.value = true;
setTimeout(() => {
ElMessage.success("修改用户成功");
loading.value = false;
closeBack();
}, 1000);
}, 3000);
/** 返回默认页面 */
function closeBack() {
router.replace({ path: "/operatorLibrary/calculateParam" });
}
onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
}
.buttonml-55 {
margin-left: 55px;
}
</style>

View File

@ -0,0 +1,240 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="search-container">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<el-form-item label="设备名称" prop="keywords">
<el-input
v-model="queryParams.keywords"
placeholder="请输入设备名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="链接状态" prop="status">
<el-select
v-model="queryParams.status"
placeholder="全部状态"
clearable
style="width: 200px"
>
<el-option label="已连接" value="1" />
<el-option label="已断开" value="2" />
</el-select>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="handleQuery"><i-ep-search />搜索</el-button>
<el-button @click="resetQuery">
<i-ep-refresh />
重置</el-button
>
</el-form-item>
</el-form>
</div>
<el-card shadow="never" class="table-container">
<template #header>
<div class="flex justify-between">
<div>
<el-button type="primary" plain @click="openDialog('user-form')"
><i-ep-plus />PCLE设备</el-button
>
<el-button type="primary" plain @click="openDialog('user-form')"
><i-ep-plus />网络设备</el-button
>
</div>
<!-- <div>
<el-dropdown split-button>
导入
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="downloadTemplate">
<i-ep-download />下载模板</el-dropdown-item
>
<el-dropdown-item @click="openDialog('user-import')">
<i-ep-top />导入数据</el-dropdown-item
>
</el-dropdown-menu>
</template>
</el-dropdown>
<el-button class="ml-3" @click="handleExport"
><template #icon><i-ep-download /></template>导出</el-button
>
</div> -->
</div>
</template>
<el-table
v-loading="loading"
:data="tableData"
stripe
@selection-change="handleSelectionChange"
>
<el-table-column label="设备名称" align="left" prop="szmc" width="250" />
<el-table-column label="芯片信息" align="left" prop="szlx" />
<el-table-column label="标签" align="left" prop="szzlx" />
<el-table-column label="连接状态" width="180" align="left" prop="bb" />
<el-table-column label="工作状态" width="180" align="left" prop="gzzz" />
<el-table-column label="创建时间" width="180" align="left" prop="hlcjsj" />
<el-table-column label="操作" fixed="right" width="320">
<template #default="scope">
<el-button
type="info" plain
size="small"
@click="openDialog('user-form', scope.row.id)"
><i-ep-view />详细</el-button
>
<el-button
type="warning" plain
size="small"
@click="openDialog('user-form', scope.row.id)"
><i-ep-edit />修改</el-button
>
<el-button v-if="scope.row.id!=2"
type="primary" plain
size="small"
@click="openDialog('user-form', scope.row.id)"
><i-ep-upload />升级</el-button
>
<el-button type="danger" size="small" @click="handleDelete(scope.row)"
><i-ep-delete />删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-if="total > 0"
v-model:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="handleQuery"
/>
</el-card>
</div>
</template>
<script setup lang="ts">
defineOptions({
name: "calculateIndex",
inheritAttrs: false,
});
import { UserQuery } from "@/api/user/model";
const queryFormRef = ref(ElForm); //
const router = useRouter();
const loading = ref(false); //
const removeIds = ref([]); // ID
const queryParams = reactive<UserQuery>({
pageNum: 1,
pageSize: 10,
});
const dateTimeRange = ref("");
const total = ref(0); //
watch(dateTimeRange, (newVal) => {
if (newVal) {
queryParams.startTime = newVal[0];
queryParams.endTime = newVal[1];
}
});
const tableData = [
{
id:1,
szmc: "Atlas200I智能模组",
szlx: "昇腾310",
szzlx: "扫描",
bb: "已连接",
gzzt: "空闲",
hlcjsj: "2024-05-03",
},
{
id:2,
szmc: "思元220智能模组",
szlx: "思元220",
szzlx: "扫描",
bb: "已断开",
gzzt: "- -",
hlcjsj: "2024-06-07",
},
{
id:3,
szmc: "RTX 4090ti 显卡",
szlx: "RTX 4090ti",
szzlx: "轮询",
bb: "已连接",
gzzt: "忙碌",
hlcjsj: "2024-06-08",
}
];
/** 查询 */
function handleQuery() {
loading.value = true;
ElMessage.success("查询成功");
loading.value = false;
// UserAPI.getPage(queryParams)
// .then((data) => {
// console.log("handleQuery", data);
// pageData.value = data.list;
// total.value = data.total;
// })
// .finally(() => {
// loading.value = false;
// });
}
/** 重置查询 */
function resetQuery() {
queryFormRef.value.resetFields();
dateTimeRange.value = "";
queryParams.pageNum = 1;
queryParams.deptId = undefined;
queryParams.startTime = undefined;
queryParams.endTime = undefined;
handleQuery();
}
/** 行选中 */
function handleSelectionChange(selection: any) {
removeIds.value = selection.map((item: any) => item.id);
}
/** 删除数据 */
function handleDelete(row: { [key: string]: any }) {
ElMessageBox.confirm("确认删除算子参数?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(function () {
ElMessage.success("删除成功");
});
}
/**
* 打开弹窗
*
* @param type 弹窗类型 用户表单user-form | 用户导入user-import
* @param id 用户ID
*/
async function openDialog(type: string, id?: number) {
router.replace({ path: "/operatorLibrary/calculateParamEdit" });
}
/** 下载导入模板 */
function downloadTemplate() {
ElMessage.success("下载模板成功");
}
/** 导出用户 */
function handleExport() {
ElMessage.success("导出成功");
}
onMounted(() => {
//handleQuery();
});
</script>

View File

@ -0,0 +1,147 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="table-container">
<template #header>添加工具链</template>
<el-row>
<el-col :lg="12" :xs="24">
<el-form
ref="userFormRef"
:model="formData"
:rules="rules"
v-loading="loading"
label-width="100px"
>
<el-divider content-position="left"
><strong style="color: #409eff">未注册工具链</strong></el-divider
>
<el-table :data="list" style="width: 100%" stripe>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column prop="csmc" label="IP地址" align="left"/>
<el-table-column prop="csmc" label="类型" align="left"/>
<el-table-column prop="csmc1" label="ID编号" align="left"/>
<el-table-column prop="csmc2" label="厂商名称" align="left"/>
<el-table-column prop="csmc3" label="服务程序版本" align="left"/>
<el-table-column prop="csmc4" label="连接状态" align="left"/>
</el-table>
<el-divider content-position="left"
><strong style="color: #409eff">工具链信息</strong></el-divider
>
<el-form-item label="工具链名称" prop="username">
<el-input
v-model="formData.username"
:readonly="!!formData.id"
placeholder="请输入工具链名称"
/>
</el-form-item>
<el-form-item label="工具链标签" prop="nickname">
<el-input v-model="formData.nickname" placeholder="请输入工具链标签" />
</el-form-item>
</el-form>
</el-col>
<el-col :lg="12" :xs="24">
</el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-button type="primary" @click="handleSubmit"><i-ep-check /> </el-button>
<el-button @click="closeBack"><i-ep-close /> </el-button>
</div>
</el-card>
</div>
</template>
<script setup lang="ts">
defineOptions({
name: "User",
inheritAttrs: false,
});
import UserAPI from "@/api/user";
import { UserForm } from "@/api/user/model";
const router = useRouter();
const loading = ref(false); //
const calTypeList = ref<OptionType[]>(); //
//
const formData = reactive<UserForm>({
status: 1,
});
//
const rules = reactive({
username: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
nickname: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
deptId: [{ required: true, message: "所属部门不能为空", trigger: "blur" }],
roleIds: [{ required: true, message: "用户角色不能为空", trigger: "blur" }],
email: [
{
pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
message: "请输入正确的邮箱地址",
trigger: "blur",
},
],
mobile: [
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur",
},
],
});
const list = [
{
csmc: "10.0.8.12",
csms: "DOCKER-TOOL",
csmc1:"acd0032a-6833-4348-b0fc-04798f94354c",
csmc2:"华为",
csmc3:"1.2",
csmc4:"已连接",
},
{
csmc: "192.10.71.44",
csms: "ETL",
csmc1:"ac1232a-6233-4348-b0fc-04798f94551",
csmc2:"华为",
csmc3:"1.2",
csmc4:"已连接",
},
];
/** 表单提交 */
const handleSubmit = useThrottleFn(() => {
loading.value = true;
setTimeout(() => {
ElMessage.success("修改用户成功");
loading.value = false;
closeBack();
}, 1000);
}, 3000);
/** 返回默认页面 */
function closeBack() {
router.replace({ path: "/tester/otherTool" });
}
onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
}
.buttonml-55 {
margin-left: 55px;
}
</style>

View File

@ -0,0 +1,206 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="search-container">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<el-form-item label="工具链名称" prop="keywords">
<el-input
v-model="queryParams.keywords"
placeholder="请输入工具链名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery"><i-ep-search />搜索</el-button>
<el-button @click="resetQuery">
<i-ep-refresh />
重置</el-button
>
</el-form-item>
</el-form>
</div>
<el-card shadow="never" class="table-container">
<template #header>
<div class="flex justify-between">
<div>
<el-button type="success" @click="openDialog('user-form')"
><i-ep-plus />工具链</el-button
>
</div>
<!-- <div>
<el-dropdown split-button>
导入
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="downloadTemplate">
<i-ep-download />下载模板</el-dropdown-item
>
<el-dropdown-item @click="openDialog('user-import')">
<i-ep-top />导入数据</el-dropdown-item
>
</el-dropdown-menu>
</template>
</el-dropdown>
<el-button class="ml-3" @click="handleExport"
><template #icon><i-ep-download /></template>导出</el-button
>
</div> -->
</div>
</template>
<el-table
v-loading="loading"
:data="tableData"
stripe
@selection-change="handleSelectionChange"
>
<el-table-column label="工具链名称" align="left" prop="szmc" width="250" />
<el-table-column label="标签" align="left" prop="szlx" />
<el-table-column label="连接状态" align="left" prop="szzlx" />
<el-table-column label="工作状态" width="180" align="left" prop="bb" />
<el-table-column label="创建时间" width="180" align="left" prop="hlcjsj" />
<el-table-column label="操作" fixed="right" width="280">
<template #default="scope">
<el-button
type="info" plain
size="small"
@click="openDialog('user-form', scope.row.id)"
><i-ep-view />查看</el-button
>
<el-button
type="warning" plain
size="small"
@click="openDialog('user-form', scope.row.id)"
><i-ep-edit />修改</el-button
>
<el-button type="danger" size="small" @click="handleDelete(scope.row)"
><i-ep-delete />删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-if="total > 0"
v-model:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="handleQuery"
/>
</el-card>
</div>
</template>
<script setup lang="ts">
defineOptions({
name: "calculateIndex",
inheritAttrs: false,
});
import { UserQuery } from "@/api/user/model";
const queryFormRef = ref(ElForm); //
const router = useRouter();
const loading = ref(false); //
const removeIds = ref([]); // ID
const queryParams = reactive<UserQuery>({
pageNum: 1,
pageSize: 10,
});
const dateTimeRange = ref("");
const total = ref(0); //
watch(dateTimeRange, (newVal) => {
if (newVal) {
queryParams.startTime = newVal[0];
queryParams.endTime = newVal[1];
}
});
const tableData = [
{
szmc: "华为Atlas工具链",
szlx: "atlas",
szzlx: "已连接",
bb: "空闲",
hlcjsj: "2024-05-03",
},
{
szmc: "寒武纪思元工具链",
szlx: "寒武纪",
szzlx: "已断开",
bb: "- -",
hlcjsj: "2024-06-07",
}
];
/** 查询 */
function handleQuery() {
loading.value = true;
ElMessage.success("查询成功");
loading.value = false;
// UserAPI.getPage(queryParams)
// .then((data) => {
// console.log("handleQuery", data);
// pageData.value = data.list;
// total.value = data.total;
// })
// .finally(() => {
// loading.value = false;
// });
}
/** 重置查询 */
function resetQuery() {
queryFormRef.value.resetFields();
dateTimeRange.value = "";
queryParams.pageNum = 1;
queryParams.deptId = undefined;
queryParams.startTime = undefined;
queryParams.endTime = undefined;
handleQuery();
}
/** 行选中 */
function handleSelectionChange(selection: any) {
removeIds.value = selection.map((item: any) => item.id);
}
/** 删除数据 */
function handleDelete(row: { [key: string]: any }) {
ElMessageBox.confirm("确认删除算子参数?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(function () {
ElMessage.success("删除成功");
});
}
/**
* 打开弹窗
*
* @param type 弹窗类型 用户表单user-form | 用户导入user-import
* @param id 用户ID
*/
async function openDialog(type: string, id?: number) {
router.replace({ path: "/tester/otherToolEdit" });
}
/** 下载导入模板 */
function downloadTemplate() {
ElMessage.success("下载模板成功");
}
/** 导出用户 */
function handleExport() {
ElMessage.success("导出成功");
}
onMounted(() => {
//handleQuery();
});
</script>