提交代码
parent
2ae303912d
commit
1419887210
|
@ -181,6 +181,18 @@ class MenuAPI {
|
|||
alwaysShow: false,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: "calculateView",
|
||||
component: "manage/calculate/view",
|
||||
name: "calculateView",
|
||||
meta: {
|
||||
title: "算子查看",
|
||||
hidden: true,
|
||||
roles: ["ADMIN", "GUEST"],
|
||||
keepAlive: true,
|
||||
alwaysShow: false,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: "calculateParam",
|
||||
component: "manage/calculateParam/index",
|
||||
|
@ -206,6 +218,18 @@ class MenuAPI {
|
|||
alwaysShow: false,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: "calculateParamView",
|
||||
component: "manage/calculateParam/view",
|
||||
name: "calculateParamView",
|
||||
meta: {
|
||||
title: "算子参数查看",
|
||||
hidden: true,
|
||||
roles: ["ADMIN", "GUEST"],
|
||||
keepAlive: true,
|
||||
alwaysShow: false,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container">
|
||||
<template #header> 新增算子 </template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子基本信息 </template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
|
@ -66,6 +66,17 @@
|
|||
maxlength="11"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="算子参数" prop="mobile">
|
||||
<el-select
|
||||
v-model="formData.roleIds"
|
||||
placeholder="请选择算子参数"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option label="RGB24格式转换算子参数" value="1" />
|
||||
<el-option label="图像缩放算子参数" value="2" />
|
||||
<el-option label="人脸识别算子" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="算子文件" prop="email">
|
||||
<el-upload
|
||||
v-model:file-list="fileList"
|
||||
|
@ -90,7 +101,7 @@
|
|||
</el-form>
|
||||
</el-col>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<div style="padding-left: 35px">
|
||||
<!-- <div style="padding-left: 35px">
|
||||
<el-divider content-position="left"
|
||||
><strong style="color: #409eff">算子参数</strong></el-divider
|
||||
>
|
||||
|
@ -103,7 +114,7 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div> -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
|
|
@ -57,8 +57,8 @@
|
|||
text
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="openDialog('user-form', scope.row.id)"
|
||||
><i-ep-edit />查看</el-button
|
||||
@click="openDialogView('user-form', scope.row.id)"
|
||||
><i-ep-view />查看</el-button
|
||||
>
|
||||
<el-button text type="primary" size="small" @click="handleDelete(scope.row)"
|
||||
><i-ep-delete />删除</el-button
|
||||
|
@ -189,6 +189,10 @@ async function openDialog(type: string, id?: number) {
|
|||
router.replace({ path: "/operatorLibrary/calculateEdit" });
|
||||
}
|
||||
|
||||
async function openDialogView(type: string, id?: number) {
|
||||
router.replace({ path: "/operatorLibrary/calculateView" });
|
||||
}
|
||||
|
||||
/** 下载导入模板 */
|
||||
function downloadTemplate() {
|
||||
ElMessage.success("下载模板成功");
|
||||
|
|
|
@ -0,0 +1,166 @@
|
|||
<!-- 用户管理 -->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container">
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />算子基本信息</template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
v-loading="loading"
|
||||
label-width="100px"
|
||||
size="small"
|
||||
>
|
||||
<el-form-item label="算子名称" prop="username"> 目标分类模型 </el-form-item>
|
||||
<el-form-item label="算子版本" prop="nickname">
|
||||
<el-tag type="primary" effect="plain">V1.22.1</el-tag>
|
||||
</el-form-item>
|
||||
<el-form-item label="算子类型" prop="nickname33">
|
||||
前处理/缩放算子</el-form-item
|
||||
>
|
||||
<el-form-item label="适配硬件" prop="nickname33"> ONNX </el-form-item>
|
||||
<el-form-item label="算子说明" prop="nickname33">
|
||||
<el-input
|
||||
v-model="formData.usernamedd1"
|
||||
:disabled="true"
|
||||
placeholder="请输入数据集名称"
|
||||
:rows="3"
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="输入参数" prop="nickname33">
|
||||
<el-input
|
||||
v-model="formData.usernamedd2"
|
||||
:disabled="true"
|
||||
placeholder="请输入数据集名称"
|
||||
:rows="3"
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="输出参数" prop="nickname33">
|
||||
<el-input
|
||||
v-model="formData.usernamedd3"
|
||||
:disabled="true"
|
||||
placeholder="请输入数据集名称"
|
||||
:rows="3"
|
||||
type="textarea"
|
||||
/>
|
||||
</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 @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,
|
||||
usernamedd1:"算算子说明算子说明算子说明算子说明算子说明算子说明算子说明算子说明子说明",
|
||||
usernamedd2:"输入参数输入参数",
|
||||
usernamedd3:"输出参数输出参数输出参数输出参数",
|
||||
});
|
||||
|
||||
// 校验规则
|
||||
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: "异腾310",
|
||||
csmc1: "Atlas 2000 DK A2",
|
||||
csmc2: "PCIE-AI-NPU",
|
||||
csmc3: "华为",
|
||||
csmc4: "1.2",
|
||||
csmc5: "已连接",
|
||||
},
|
||||
{
|
||||
csmc: "192.168.1.44",
|
||||
csms: "思源220",
|
||||
csmc1: "Atlas 2000 DK A2",
|
||||
csmc2: "PCIE-AI-NPU",
|
||||
csmc3: "华为",
|
||||
csmc4: "1.2",
|
||||
csmc5: "已连接",
|
||||
},
|
||||
{
|
||||
csmc: "192.168.1.66",
|
||||
csms: "RTX4090",
|
||||
csmc1: "Atlas 2000 DK A2",
|
||||
csmc2: "PCIE-AI-NPU",
|
||||
csmc3: "华为",
|
||||
csmc4: "1.2",
|
||||
csmc5: "已连接",
|
||||
},
|
||||
];
|
||||
|
||||
/** 表单提交 */
|
||||
const handleSubmit = useThrottleFn(() => {
|
||||
loading.value = true;
|
||||
setTimeout(() => {
|
||||
ElMessage.success("修改用户成功");
|
||||
loading.value = false;
|
||||
closeBack();
|
||||
}, 1000);
|
||||
}, 3000);
|
||||
|
||||
/** 返回默认页面 */
|
||||
function closeBack() {
|
||||
router.replace({ path: "/operatorLibrary/calculate" });
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
//handleQuery();
|
||||
});
|
||||
</script>
|
||||
<style scope>
|
||||
.button-scope {
|
||||
position: fixed;
|
||||
width: calc(100% - 220px);
|
||||
bottom: 0px;
|
||||
}
|
||||
.buttonml-55 {
|
||||
margin-left: 55px;
|
||||
}
|
||||
</style>
|
|
@ -3,7 +3,7 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container">
|
||||
<template #header> 新增算子参数 </template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
|
|
|
@ -48,8 +48,8 @@
|
|||
<template #default="scope">
|
||||
<el-button
|
||||
text type="primary" size="small"
|
||||
@click="openDialog('user-form', scope.row.id)"
|
||||
><i-ep-edit />查看参数</el-button
|
||||
@click="openDialogView('user-form', scope.row.id)"
|
||||
><i-ep-view />查看参数</el-button
|
||||
>
|
||||
<el-button text type="primary" size="small" @click="handleDelete(scope.row)"
|
||||
><i-ep-delete />删除</el-button
|
||||
|
@ -173,6 +173,10 @@ async function openDialog(type: string, id?: number) {
|
|||
router.replace({ path: "/operatorLibrary/calculateParamEdit" });
|
||||
}
|
||||
|
||||
async function openDialogView(type: string, id?: number) {
|
||||
router.replace({ path: "/operatorLibrary/calculateParamView" });
|
||||
}
|
||||
|
||||
/** 下载导入模板 */
|
||||
function downloadTemplate() {
|
||||
ElMessage.success("下载模板成功");
|
||||
|
|
|
@ -0,0 +1,178 @@
|
|||
<!-- 用户管理 -->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container">
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
v-loading="loading"
|
||||
label-width="100px"
|
||||
size="small"
|
||||
>
|
||||
<el-form-item label="参数名称" prop="username"> 目标分类模型 </el-form-item>
|
||||
<el-form-item label="算子类型" prop="nickname33">
|
||||
前处理/缩放算子</el-form-item
|
||||
>
|
||||
<el-form-item label="参数说明" prop="nickname33">
|
||||
<el-input
|
||||
v-model="formData.usernamedd1"
|
||||
:disabled="true"
|
||||
placeholder="请输入数据集名称"
|
||||
:rows="3"
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="算子参数" prop="nickname33">
|
||||
<el-input
|
||||
v-model="formData.usernamedd2"
|
||||
:disabled="true"
|
||||
placeholder="请输入数据集名称"
|
||||
:rows="12"
|
||||
type="textarea"
|
||||
/>
|
||||
</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 @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,
|
||||
usernamedd1: "参数说明说明参数",
|
||||
usernamedd2: `{
|
||||
"name" : "图像缩放算子",
|
||||
"uni_id" : "OPER_1234567890",
|
||||
"version" : 100,
|
||||
"main_type" : "pre_process",
|
||||
"sub_type" : "clip",
|
||||
"cmpt_hardware_type" : "atlas200i",
|
||||
"parameters" : {}
|
||||
}
|
||||
{
|
||||
"name" : "图像缩放算子",
|
||||
"uni_id" : "OPER_1234567890",
|
||||
"version" : 100,
|
||||
"main_type" : "pre_process",
|
||||
"sub_type" : "clip",
|
||||
"cmpt_hardware_type" : "atlas200i",
|
||||
"parameters" : {}
|
||||
}
|
||||
{
|
||||
"name" : "图像缩放算子",
|
||||
"uni_id" : "OPER_1234567890",
|
||||
"version" : 100,
|
||||
"main_type" : "pre_process",
|
||||
"sub_type" : "clip",
|
||||
"cmpt_hardware_type" : "atlas200i",
|
||||
"parameters" : {}
|
||||
}`,
|
||||
});
|
||||
|
||||
// 校验规则
|
||||
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: "异腾310",
|
||||
csmc1: "Atlas 2000 DK A2",
|
||||
csmc2: "PCIE-AI-NPU",
|
||||
csmc3: "华为",
|
||||
csmc4: "1.2",
|
||||
csmc5: "已连接",
|
||||
},
|
||||
{
|
||||
csmc: "192.168.1.44",
|
||||
csms: "思源220",
|
||||
csmc1: "Atlas 2000 DK A2",
|
||||
csmc2: "PCIE-AI-NPU",
|
||||
csmc3: "华为",
|
||||
csmc4: "1.2",
|
||||
csmc5: "已连接",
|
||||
},
|
||||
{
|
||||
csmc: "192.168.1.66",
|
||||
csms: "RTX4090",
|
||||
csmc1: "Atlas 2000 DK A2",
|
||||
csmc2: "PCIE-AI-NPU",
|
||||
csmc3: "华为",
|
||||
csmc4: "1.2",
|
||||
csmc5: "已连接",
|
||||
},
|
||||
];
|
||||
|
||||
/** 表单提交 */
|
||||
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>
|
|
@ -3,25 +3,27 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-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">
|
||||
<template #header
|
||||
><svg-icon icon-class="pause" style="width: 20px; height: 20px" />数据集基本信息
|
||||
</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>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form-item label="数据集版本" prop="roleIds">
|
||||
<el-input
|
||||
|
@ -31,17 +33,17 @@
|
|||
/>
|
||||
</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-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>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form-item label="数据标签" prop="roleId2s">
|
||||
<el-input
|
||||
|
@ -51,36 +53,36 @@
|
|||
/>
|
||||
</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-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>
|
||||
<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>
|
||||
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-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"
|
||||
|
@ -89,29 +91,34 @@
|
|||
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-col :lg="12" :xs="24"> </el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card style="margin-top: 12px;">
|
||||
<template #header
|
||||
><svg-icon icon-class="pause" style="width: 20px; height: 20px" />图片信息<strong
|
||||
style="color: #409eff"
|
||||
>(10)</strong
|
||||
>
|
||||
</template>
|
||||
<el-form>
|
||||
<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>
|
||||
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-form>
|
||||
</el-card>
|
||||
<el-card class="button-scope">
|
||||
<div class="buttonml-55">
|
||||
<el-button type="primary"><i-ep-upload-filled />上传图片</el-button>
|
||||
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
|
||||
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
|
||||
</div>
|
||||
|
@ -160,21 +167,68 @@ const rules = reactive({
|
|||
],
|
||||
});
|
||||
|
||||
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 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(() => {
|
||||
|
@ -204,7 +258,7 @@ onMounted(() => {
|
|||
.buttonml-55 {
|
||||
margin-left: 55px;
|
||||
}
|
||||
.el-upload--picture-card{
|
||||
.el-upload--picture-card {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container" v-loading="loading">
|
||||
<template #header>升级计算设备信息</template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
|
|
|
@ -3,18 +3,15 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container" v-loading="loading">
|
||||
<template #header>添加网络设备</template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />未注册网络设备</template>
|
||||
<el-row>
|
||||
<el-col :lg="16" :xs="24">
|
||||
<el-col :lg="24" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
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" />
|
||||
|
@ -25,9 +22,44 @@
|
|||
<el-table-column prop="csmc4" label="服务程序版本" align="left" />
|
||||
<el-table-column prop="csmc5" label="连接状态" align="left" />
|
||||
</el-table>
|
||||
<el-divider content-position="left"
|
||||
<!-- <el-divider content-position="left"
|
||||
><strong style="color: #409eff">设备信息</strong></el-divider
|
||||
>
|
||||
<el-form-item label="设备ID号" prop="username">
|
||||
<el-input
|
||||
v-model="formData.username"
|
||||
:readonly="!!formData.id"
|
||||
placeholder="请输入设备ID号"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="设备名称" prop="nickname">
|
||||
<el-input v-model="formData.nickname" placeholder="请输入设备名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="设备标签" prop="nickname22">
|
||||
<el-input v-model="formData.nickname22" placeholder="请输入设备标签" />
|
||||
</el-form-item>
|
||||
<el-form-item label="详细信息" prop="nickname33">
|
||||
<el-input
|
||||
v-model="formData.nickname33"
|
||||
:rows="2"
|
||||
type="textarea"
|
||||
placeholder="请输入详细信息"
|
||||
/>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :lg="12" :xs="24"> </el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="form-container" v-loading="loading" style="margin-top: 12px;">
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form-item label="设备ID号" prop="username">
|
||||
<el-input
|
||||
v-model="formData.username"
|
||||
|
|
|
@ -3,18 +3,15 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container" v-loading="loading">
|
||||
<template #header>添加PCIE设备</template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />添加PCIE设备</template>
|
||||
<el-row>
|
||||
<el-col :lg="16" :xs="24">
|
||||
<el-col :lg="24" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-divider content-position="left"
|
||||
><strong style="color: #409eff">未注册PCIE设备</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="PCLE设备序号" align="left" />
|
||||
|
@ -25,9 +22,20 @@
|
|||
<el-table-column prop="csmc4" label="服务程序版本" align="left" />
|
||||
<el-table-column prop="csmc5" label="连接状态" align="left" />
|
||||
</el-table>
|
||||
<el-divider content-position="left"
|
||||
><strong style="color: #409eff">设备信息</strong></el-divider
|
||||
>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :lg="12" :xs="24"> </el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="form-container" v-loading="loading" style="margin-top: 12px;">
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form-item label="设备ID号" prop="username">
|
||||
<el-input
|
||||
v-model="formData.username"
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container">
|
||||
<template #header>查看计算设备信息</template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
|
@ -13,9 +13,6 @@
|
|||
label-width="100px"
|
||||
size="small"
|
||||
>
|
||||
<el-divider content-position="left"
|
||||
><strong style="color: #409eff">计算设备基本信息</strong></el-divider
|
||||
>
|
||||
<el-form-item label="设备名称" prop="username"> 目标分类模型 </el-form-item>
|
||||
<el-form-item label="设备型号" prop="nickname">
|
||||
前置算子/缩放算子
|
||||
|
|
|
@ -3,18 +3,15 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container" v-loading="loading">
|
||||
<template #header>添加工具链</template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-col :lg="24" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
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"
|
||||
|
@ -27,9 +24,21 @@
|
|||
<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>
|
||||
</el-col>
|
||||
<el-col :lg="12" :xs="24">
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="form-container" v-loading="loading" style="margin-top: 12px;">
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
ref="userFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form-item label="工具链名称" prop="username">
|
||||
<el-input
|
||||
v-model="formData.username"
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<div class="app-container">
|
||||
<!-- 用户新增/编辑表单 -->
|
||||
<el-card shadow="never" class="form-container">
|
||||
<template #header>查看第三方工具信息</template>
|
||||
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
|
||||
<el-row>
|
||||
<el-col :lg="12" :xs="24">
|
||||
<el-form
|
||||
|
@ -13,9 +13,6 @@
|
|||
label-width="100px"
|
||||
size="small"
|
||||
>
|
||||
<el-divider content-position="left"
|
||||
><strong style="color: #409eff">工具链基本信息</strong></el-divider
|
||||
>
|
||||
<el-form-item label="工具链名称" prop="username"> 目标分类模型 </el-form-item>
|
||||
<el-form-item label="工具链标签" prop="nickname22">
|
||||
<div class="flex gap-2">
|
||||
|
|
Loading…
Reference in New Issue