update code

main
haha 2024-07-26 22:56:44 +08:00
parent 1b6dca100a
commit 3da7053984
11 changed files with 2122 additions and 1035 deletions

View File

@ -54,6 +54,7 @@
"color": "^4.2.3", "color": "^4.2.3",
"echarts": "^5.5.0", "echarts": "^5.5.0",
"element-plus": "^2.7.2", "element-plus": "^2.7.2",
"js-md5": "^0.8.3",
"lodash-es": "^4.17.21", "lodash-es": "^4.17.21",
"net": "^1.0.2", "net": "^1.0.2",
"nprogress": "^0.2.0", "nprogress": "^0.2.0",

View File

@ -1 +1,57 @@
function init(){var s=location.search;var url="";var onnxModelName="";if(s.indexOf("=")>=0){url=s.substring(s.indexOf("=")+1);if(url.toLocaleLowerCase().indexOf(".onnx")>=0){onnxModelName=url.substring(url.lastIndexOf("/")+1)}else{console.error("使用方法:onnx.html?url=[onnx路径]");return}}else{console.error("使用方法:onnx.html?url=[onnx路径]");return}document.body.title=onnxModelName;var http=new XMLHttpRequest;http.responseType="arraybuffer";http.open("GET",url);http.onload=function(){if(http.status==200){var reader=proto.protobuf.Reader.create(new Uint8Array(http.response));var onnxProtoModel=window.proto.onnx.ModelProto.decode(reader);let{locations,graphs}=window.getExternalLocations(onnxProtoModel);let model=new window.onnx.Model(onnxProtoModel,graphs,new Map);let host=window;let view=new window.View(host);view.start().then(data=>{view.open(model,onnxModelName)}).catch(err=>{console.log(err)});window.mainView=view}};http.send()}function exportImg(file,blob){const element=this.document.createElement("a");element.download=file;element.href=URL.createObjectURL(blob);this.document.body.appendChild(element);element.click();this.document.body.removeChild(element)}function toggleMenu(){let el=document.getElementById("menu");if(el.style.display=="none"){el.style.display="block";updateState()}else{el.style.display="none"}}function doToggle(att){mainView.toggle(att);updateState()}function updateState(){var op=mainView.options;document.getElementById("opAtt").innerText=op.attributes?"Hide Attributes":"Show Attributes";document.getElementById("opWeight").innerText=op.weights?"Hide Weights":"Show Weights";document.getElementById("opName").innerText=op.names?"Hide Names":"Show Names";document.getElementById("opDir").innerText=op.direction=="vertical"?"Show Horizontal":"Show Vertical";document.getElementById("opMouse").innerText=op.mousewheel=="scroll"?"Mouse Wheel: Zoom":"Mouse Wheel: Scroll"}init(); function init() {
var s = location.search;
var url = "";
var onnxModelName = "";
if (s.indexOf("=") >= 0) {
url = s.substring(s.indexOf("=") + 1);
} else {
console.error("使用方法:onnx.html?id=[模型ID]")
return;
}
document.body.title = onnxModelName;
var accessToken = localStorage.getItem("accessToken");
var http = new XMLHttpRequest();
http.responseType = "json"
http.open('GET', MODELDOWNLOADAPI + `${url}/download`);
http.setRequestHeader("Authorization", accessToken);
http.onload = function () {
if (http.status == 200) {
var reader = proto.protobuf.Reader.create(base64ToUint8Array(http.response.data.file_content));
var onnxProtoModel = window.proto.onnx.ModelProto.decode(reader);
let { locations, graphs } = window.getExternalLocations(onnxProtoModel);
let model = new window.onnx.Model(onnxProtoModel, graphs, new Map());
let host = window;
let view = new window.View(host);
view.start().then((data) => {
view.open(model, onnxModelName);
}).catch((err) => {
console.log(err);
})
window.mainView = view;
}
};
http.send();
}
function base64ToUint8Array(base64String) {
try {
let padding = '='.repeat((4 - base64String.length % 4) % 4);
let base64 = (base64String + padding)
.replace(/\-/g, '+')
.replace(/_/g, '/');
let rawData = atob(base64);
let outputArray = new Uint8Array(rawData.length);
for (let i = 0; i < rawData.length; ++i) {
outputArray[i] = rawData.charCodeAt(i);
}
return outputArray;
}
catch (e) {
throw e;
}
}
init();

File diff suppressed because it is too large Load Diff

View File

@ -1,34 +1,35 @@
import request from "@/utils/request"; import request from "@/utils/request";
//获取任务列表 //获取任务列表
const tasks=()=>{ const tasks = () => {
return request({ return request({
url:'/tasks', url: '/tasks',
method:'get' method: 'get'
}) })
} }
//获取可用的设备状态 //获取可用的设备状态
const availableDevices=()=>{ const availableDevices = (data) => {
return request({ return request({
url:'/tasks/available_devices', url: '/tasks/available_devices',
method:'get' method: 'get',
params: data
}) })
} }
//获取正在执行的任务 //获取正在执行的任务
const running=()=>{ const running = () => {
return request({ return request({
url:'/tasks/running', url: '/tasks/running',
method:'get' method: 'get'
}) })
} }
//创建推理任务 //创建推理任务
const addTask=(data)=>{ const addTask = (data) => {
return request({ return request({
url:'/tasks', url: '/tasks',
method: 'post', method: 'post',
data:data data: data
}) })
} }
export default{ export default {
tasks, tasks,
availableDevices, availableDevices,
running, running,

View File

@ -81,12 +81,11 @@
<span class="sp-label">输入参数:</span> <span class="sp-label">输入参数:</span>
<div class="div-param"> <div class="div-param">
<div v-if="info.param.inputs.length > 1" class="div-navs"> <div v-if="info.param.inputs.length > 1" class="div-navs">
<span v-for="(it, idx) in info.param.inputs" @click="doInputSelected(idx)" :key="idx" <span v-for="(it, idx) in info.param.inputs" @click="doInputSelected(idx)" :key="idx" class="sp-nav"
class="sp-nav" :class="it.selected ? 'active' : ''">{{ it.input_id }}</span> :class="it.selected ? 'active' : ''">{{ it.input_id }}</span>
</div> </div>
<span class="sp-text sp-paramter scroll"> <span class="sp-text sp-paramter scroll">
<span v-for="(it, idx) in info.param.inputs " :key="idx" v-show="it.selected" <span v-for="(it, idx) in info.param.inputs " :key="idx" v-show="it.selected" class="param-item">
class="param-item">
<paramShow :paramInfo="it"></paramShow> <paramShow :paramInfo="it"></paramShow>
</span> </span>
</span> </span>
@ -96,13 +95,12 @@
<span class="sp-label">输出参数:</span> <span class="sp-label">输出参数:</span>
<div class="div-param"> <div class="div-param">
<div v-if="info.param.outputs.length > 1" class="div-navs"> <div v-if="info.param.outputs.length > 1" class="div-navs">
<span v-for="(it, idx) in info.param.outputs" @click="doOutputSelected(idx)" <span v-for="(it, idx) in info.param.outputs" @click="doOutputSelected(idx)" :key="idx" class="sp-nav"
:key="idx" class="sp-nav" :class="it.selected ? 'active' : ''">{{ it.output_id :class="it.selected ? 'active' : ''">{{ it.output_id
}}</span> }}</span>
</div> </div>
<span class="sp-text sp-paramter scroll"> <span class="sp-text sp-paramter scroll">
<span v-for="(it, idx) in info.param.outputs " :key="idx" v-show="it.selected" <span v-for="(it, idx) in info.param.outputs " :key="idx" v-show="it.selected" class="param-item">
class="param-item">
<paramShow :paramInfo="it"></paramShow> <paramShow :paramInfo="it"></paramShow>
</span> </span>
</span> </span>
@ -170,14 +168,14 @@ const doNodeClick = (node) => {
onMounted(() => { onMounted(() => {
loadData(); loadData();
}); });
const doInputSelected=idx=>{ const doInputSelected = idx => {
info.param.inputs.forEach((it,i)=>{ info.param.inputs.forEach((it, i) => {
it.selected=i==idx; it.selected = i == idx;
}); });
} }
const doOutputSelected=idx=>{ const doOutputSelected = idx => {
info.param.outputs.forEach((it,i)=>{ info.param.outputs.forEach((it, i) => {
it.selected=i==idx; it.selected = i == idx;
}); });
} }
</script> </script>
@ -190,10 +188,11 @@ const doOutputSelected=idx=>{
} }
.detail-content { .detail-content {
.sp-text{ .sp-text {
display: inline-block; display: inline-block;
margin-left:4px; margin-left: 4px;
} }
.sp-paramter { .sp-paramter {
height: 100px; height: 100px;
border: solid 1px #409EFF; border: solid 1px #409EFF;
@ -257,7 +256,7 @@ const doOutputSelected=idx=>{
.sp-text { .sp-text {
flex-grow: 1; flex-grow: 1;
display: block; display: block;
margin-left:4px; margin-left: 4px;
} }
.div-param { .div-param {

View File

@ -20,12 +20,12 @@
<el-table v-loading="loading" :data="info.data" stripe @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="info.data" stripe @selection-change="handleSelectionChange">
<el-table-column label="模型名称" align="left" prop="model_name" /> <el-table-column label="模型名称" align="left" prop="model_name" />
<el-table-column label="网络名称" align="left" prop="modl_net_type" width="120"/> <el-table-column label="网络名称" align="left" prop="modl_net_type" width="120" />
<el-table-column label="模型类型" align="left" prop="modl_main_type_name"> <el-table-column label="模型类型" align="left" prop="modl_net_type">
<template #default="{row}">{{ row.modl_main_type_name }}/{{row.modl_sub_type_name }}</template> <template #default="{ row }">{{ row.modl_main_type_name }}/{{ row.modl_sub_type_name }}</template>
</el-table-column> </el-table-column>
<el-table-column label="版本" align="left" prop="connection_version" /> <el-table-column label="版本" align="left" prop="connection_version" />
<el-table-column label="互联名称" align="left" prop="connection_name" width="120"/> <el-table-column label="互联名称" align="left" prop="connection_name" width="120" />
<el-table-column label="互联说明" align="left" prop="connection_desc" /> <el-table-column label="互联说明" align="left" prop="connection_desc" />
<el-table-column label="互联创建时间" width="120" align="left" prop="create_time" /> <el-table-column label="互联创建时间" width="120" align="left" prop="create_time" />
<el-table-column label="创建用户" width="100" align="left" prop="user_name" /> <el-table-column label="创建用户" width="100" align="left" prop="user_name" />
@ -38,15 +38,13 @@
<el-table-column label="操作" fixed="right" align="center" width="270"> <el-table-column label="操作" fixed="right" align="center" width="270">
<template #default="scope"> <template #default="scope">
<template v-if="scope.row.connection_created"> <template v-if="scope.row.connection_created">
<el-button text type="primary" size="small" @click="doShowDetail(scope.row)"><i-ep-edit />查看</el-button>
<el-button text type="primary" size="small" <el-button text type="primary" size="small"
@click="doShowDetail(scope.row)"><i-ep-edit />查看</el-button> @click="doEdit(scope.row.connection_id)"><i-ep-link />修改互联</el-button>
<el-button text type="primary" size="small"
@click="doEdit(scope.row.connection_id)"><i-ep-link/>修改互联</el-button>
<el-button text type="primary" size="small" @click="handleDelete(scope.row)"><i-ep-delete />删除</el-button> <el-button text type="primary" size="small" @click="handleDelete(scope.row)"><i-ep-delete />删除</el-button>
</template> </template>
<template v-else> <template v-else>
<el-button text type="primary" size="small" <el-button text type="primary" size="small" @click="doAdd(scope.row)"></el-button>
@click="doAdd(scope.row)">新建互联</el-button>
</template> </template>
</template> </template>
</el-table-column> </el-table-column>
@ -72,13 +70,13 @@ const removeIds = ref([]); // 删除用户ID集合 用于批量删除
const queryParams = reactive<any>({ const queryParams = reactive<any>({
page_num: 1, page_num: 1,
page_size: 10, page_size: 10,
connection_name:'' connection_name: ''
}); });
const dateTimeRange = ref(""); const dateTimeRange = ref("");
const total = ref(100); // const total = ref(100); //
const info=reactive({ const info = reactive({
total:0, total: 0,
data:[] data: []
}) })
watch(dateTimeRange, (newVal) => { watch(dateTimeRange, (newVal) => {
if (newVal) { if (newVal) {
@ -90,15 +88,15 @@ watch(dateTimeRange, (newVal) => {
/** 查询 */ /** 查询 */
function handleQuery() { function handleQuery() {
loading.value = true; loading.value = true;
ConnApi.list(queryParams).then(d=>{ ConnApi.list(queryParams).then(d => {
loading.value = false; loading.value = false;
info.total=d.data?.total||0; info.total = d.data?.data?.total || 0;
info.data=d.data?.data||[]; info.data = d.data?.data?.connection_list || [];
}); });
} }
function doUploadModel(){ function doUploadModel() {
router.push({ path: "/modelMgr/uploadModel" }); router.push({ path: "/modelMgr/uploadModel" });
} }
@ -125,24 +123,24 @@ function handleDelete(row: { [key: string]: any }) {
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
}).then(function () { }).then(function () {
ConnApi.deleteConnect(row.connection_id).then(d=>{ ConnApi.deleteConnect(row.connection_id).then(d => {
if(d.data.code==0){ if (d.data.code == 0) {
ElMessage.success("删除互联成功"); ElMessage.success("删除互联成功");
} }
}); });
}); });
} }
const doShowDetail=(row:any)=>{ const doShowDetail = (row: any) => {
router.push({path:"/connection/detail",query:{id:row.connection_id}}) router.push({ path: "/connection/detail", query: { id: row.connection_id } })
} }
const doEdit=(row:any)=>{ const doEdit = (row: any) => {
router.push({path:"/connection/edit",query:{id:row.connection_id,type:'edit'}}) router.push({ path: "/connection/edit", query: { id: row.connection_id, type: 'edit' } })
} }
const doAdd=(row:any)=>{ const doAdd = (row: any) => {
router.push({path:"/connection/edit",query:{id:row.connection_id,type:'add'}}) router.push({ path: "/connection/edit", query: { id: row.connection_id, type: 'add' } })
} }
@ -153,19 +151,21 @@ onMounted(() => {
<style scoped lang='scss'> <style scoped lang='scss'>
.search-container{ .search-container {
display:flex; display: flex;
} }
.card-footer{
.card-footer {
position: fixed; position: fixed;
width: calc(100% - 215px); width: calc(100% - 215px);
bottom: 0px; bottom: 0px;
:deep(.el-card__body){
padding:0px; :deep(.el-card__body) {
.el-pagination{ padding: 0px;
.el-pagination {
justify-content: end; justify-content: end;
} }
} }
} }
</style> </style>

View File

@ -100,7 +100,7 @@ defineExpose({
}) })
const initData = () => { const initData = () => {
OperApi.list().then(d => { OperApi.list({ page_num: 1, page_size: 100 }).then(d => {
let tmps = (d.data?.data?.operator_list || []).map(it => { let tmps = (d.data?.data?.operator_list || []).map(it => {
it.show = true; it.show = true;
it.text = it.operator_name; it.text = it.operator_name;
@ -186,6 +186,7 @@ onMounted(() => {
&.item4 { &.item4 {
background: #A7BEE7; background: #A7BEE7;
} }
&.item5 { &.item5 {
background: #4C8DD1; background: #4C8DD1;
} }

View File

@ -8,12 +8,12 @@
<tr> <tr>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">模型名称:</span> <span class="sp-title">模型名称:</span>
<span class="sp-text">{{modelInfo.info.model_name}}</span> <span class="sp-text">{{ modelInfo.info.model_name }}</span>
</td> </td>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">模型类型:</span> <span class="sp-title">模型类型:</span>
<span class="sp-text">{{modelInfo.info.modl_main_type_name}} <span class="sp-text">{{ modelInfo.info.modl_main_type_name }}
/{{modelInfo.info.modl_sub_type_name}} /{{ modelInfo.info.modl_sub_type_name }}
</span> </span>
</td> </td>
</tr> </tr>
@ -21,13 +21,13 @@
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">模型版本:</span> <span class="sp-title">模型版本:</span>
<span class="sp-text"> <span class="sp-text">
{{modelInfo.info.model_version}} {{ modelInfo.info.model_version }}
</span> </span>
</td> </td>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">版本描述:</span> <span class="sp-title">版本描述:</span>
<span class="sp-text"> <span class="sp-text">
{{modelInfo.info.model_desc}} {{ modelInfo.info.model_desc }}
</span> </span>
</td> </td>
</tr> </tr>
@ -35,25 +35,25 @@
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">模型网络:</span> <span class="sp-title">模型网络:</span>
<span class="sp-text"> <span class="sp-text">
{{modelInfo.info.modl_net_type}} {{ modelInfo.info.model_net_type }}
</span> </span>
</td> </td>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">上传用户:</span> <span class="sp-title">上传用户:</span>
<span class="sp-text"> {{modelInfo.info.user_name}}</span> <span class="sp-text"> {{ modelInfo.info.user_name }}</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">算法框架:</span> <span class="sp-title">算法框架:</span>
<span class="sp-text"> <span class="sp-text">
{{modelInfo.info.modl_framework}} {{ modelInfo.info.modl_framework }}
</span> </span>
</td> </td>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">上传时间:</span> <span class="sp-title">上传时间:</span>
<span class="sp-text"> <span class="sp-text">
{{modelInfo.info.create_time}} {{ modelInfo.info.create_time }}
</span> </span>
</td> </td>
</tr> </tr>
@ -61,13 +61,15 @@
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">文件格式:</span> <span class="sp-title">文件格式:</span>
<span class="sp-text"> <span class="sp-text">
{{modelInfo.info.modl_file_type}} {{ modelInfo.info.modl_file_type }}
</span> </span>
</td> </td>
<td style="width: 50%;"> <td style="width: 50%;">
<span class="sp-title">网络配置:</span> <span class="sp-title">网络配置:</span>
<span class="sp-text sp-file"> <span class="sp-text sp-file">
<a style="line-height:24px;"ref="#"><el-icon><Document /></el-icon></a> <a style="line-height:24px;" ref="#"><el-icon>
<Document />
</el-icon></a>
</span> </span>
</td> </td>
</tr> </tr>
@ -76,7 +78,7 @@
<el-card style="margin-top: 12px;"> <el-card style="margin-top: 12px;">
<template #header> <template #header>
<svg-icon icon-class="pause" style="width:20px;height:20px;" />可适配算子</template> <svg-icon icon-class="pause" style="width:20px;height:20px;" />可适配算子</template>
<el-button v-for="(it,idx) in modelInfo.opers" :key="idx">{{ it.oper_type_name }}</el-button> <el-button v-for="(it, idx) in modelInfo.opers" :key="idx">{{ it.operator_name }}</el-button>
</el-card> </el-card>
<el-card style="margin-top: 12px;margin-bottom:60px;"> <el-card style="margin-top: 12px;margin-bottom:60px;">
@ -84,7 +86,8 @@
<svg-icon icon-class="pause" style="width:20px;height:20px;" /> <svg-icon icon-class="pause" style="width:20px;height:20px;" />
模型结构</template> 模型结构</template>
<div style="position: relative;min-height:50vh;" class="scroll"> <div style="position: relative;min-height:50vh;" class="scroll">
<iframe frameborder="0" scrolling="no" :src="url" style="width:100%;height:100%;position: absolute;top:0px;"></iframe> <iframe frameborder="0" scrolling="no" :src="url"
style="width:100%;height:100%;position: absolute;top:0px;"></iframe>
</div> </div>
</el-card> </el-card>
<el-card class="card-footer"> <el-card class="card-footer">
@ -97,61 +100,69 @@
import ModelApi from '@/api/models' import ModelApi from '@/api/models'
import request from 'axios' import request from 'axios'
const router = useRouter(); const router = useRouter();
const route =useRoute() const route = useRoute()
let url=ref("") let url = ref("")
let modelInfo=reactive({ let modelInfo = reactive({
info:{}, info: {},
opers:[] opers: []
}) })
const initData=()=>{ const initData = () => {
let id=route.query.id; let id = route.query.id;
let ajaxs=[]; let ajaxs = [];
ajaxs.push(ModelApi.findOne(id)) ajaxs.push(ModelApi.findOne(id))
ajaxs.push(ModelApi.adaptOperators(id)); ajaxs.push(ModelApi.adaptOperators(id));
request.all(ajaxs).then(res=>{ request.all(ajaxs).then(res => {
modelInfo.info=res[0].data?.data||{}; modelInfo.info = res[0].data?.data || {};
modelInfo.opers=res[1].data?.data?.adapt_operator_list||[]; modelInfo.opers = res[1].data?.data?.adapt_operator_list || [];
}); });
}; };
onMounted(()=>{ onMounted(() => {
url.value="./onnx/onnx.html?url=/ai/siamRPN_192.onnx"; let id = route.query.id;
url.value = "./onnx/onnx.html?id=" + id;
initData(); initData();
}); });
const doBack=()=>{ const doBack = () => {
if(route.query.from=='simulation'){ if (route.query.from == 'simulation') {
router.push({path:"/simulationEvaluation/index"}) router.push({ path: "/simulationEvaluation/index" })
return; return;
} }
router.push({path:"/modelMgr/index"}) router.push({ path: "/modelMgr/index" })
} }
</script> </script>
<style scoped lang='scss'> <style scoped lang='scss'>
.model-detail{ .model-detail {
:deep(.el-card__header){ :deep(.el-card__header) {
padding:8px 4px; padding: 8px 4px;
display: flex; display: flex;
align-items: center align-items: center
} }
} }
.sp-file{
color:#29d; .sp-file {
color: #29d;
} }
.tb-base-info{
.tb-base-info {
line-height: 30px; line-height: 30px;
:deep(span){
:deep(span) {
font-size: 14px; font-size: 14px;
} }
} }
:deep(.svg-icon){
margin-right:8px; :deep(.svg-icon) {
margin-right: 8px;
} }
.card-footer{
.card-footer {
position: fixed; position: fixed;
width: calc(100% - 215px); width: calc(100% - 215px);
bottom: 0px; bottom: 0px;
:deep(.el-card__body){
padding:10px; :deep(.el-card__body) {
.el-pagination{ padding: 10px;
.el-pagination {
justify-content: end; justify-content: end;
} }
} }

View File

@ -28,51 +28,52 @@
import connApi from '@/api/connection' import connApi from '@/api/connection'
const loading = ref(false); const loading = ref(false);
const modelSelection = ref("")//id const modelSelection = ref("")//id
const info=reactive({ const info = reactive({
data:[] data: []
}) })
const queryParams = reactive({ const queryParams = reactive({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
connection_name:'' connection_name: ''
}); });
const total = ref(100); // const total = ref(100); //
const handleChange = (row) => { const handleChange = (row) => {
modelSelection.value = row.id + ""; modelSelection.value = row.id + "";
} }
const doRowClick=(row)=>{ const doRowClick = (row) => {
modelSelection.value=row.id+""; modelSelection.value = row.id + "";
} }
/** 查询 */ /** 查询 */
function handleQuery(a) { function handleQuery(a) {
if(a){ if (a) {
queryParams.pageSize=a.limit; queryParams.pageSize = a.limit;
queryParams.pageNum=a.page; queryParams.pageNum = a.page;
} }
//ElMessage.success(""); //ElMessage.success("");
loading.value = true; loading.value = true;
connApi.list(queryParams).then(d=>{ connApi.list(queryParams).then(d => {
loading.value=false; loading.value = false; debugger
info.data=(d.data?.data||[]).map(it=>{ info.data = (d.data?.data?.connection_list || []).map(it => {
it.id=it.connection_id;
it.modelType=it.modl_main_type_name+"/"+it.modl_sub_type_name; it.id = it.model_id;
it.modelType = it.modl_net_type;
return it; return it;
}); });
total.value=d.data?.total||0; total.value = d.data?.data?.total || 0;
}); });
} }
const checkForm=()=>{ const checkForm = () => {
if(modelSelection.value){ if (modelSelection.value) {
let tmps=info.data.filter(d=>d.id==modelSelection.value); let tmps = info.data.filter(d => d.id == modelSelection.value);
return tmps.length>0?tmps[0]:null; return tmps.length > 0 ? tmps[0] : null;
} }
return null; return null;
}; };
onMounted(()=>{ onMounted(() => {
handleQuery(); handleQuery();
}); });

View File

@ -117,6 +117,7 @@ const doChoiceSuccess = item => {
function handleQuery() { function handleQuery() {
loading.value = true; loading.value = true;
let m = props.modelInfo; let m = props.modelInfo;
debugger
taskApi taskApi
.availableDevices({ .availableDevices({
connection_id: m.connection_id, connection_id: m.connection_id,

View File

@ -6045,6 +6045,11 @@ js-base64@^2.1.9:
resolved "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4" resolved "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4"
integrity sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ== integrity sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==
js-md5@^0.8.3:
version "0.8.3"
resolved "https://registry.npmmirror.com/js-md5/-/js-md5-0.8.3.tgz#921bab7efa95bfc9d62b87ee08a57f8fe4305b69"
integrity sha512-qR0HB5uP6wCuRMrWPTrkMaev7MJZwJuuw4fnwAzRgP4J4/F8RwtodOKpGp4XpqsLBFzzgqIO42efFAyz2Et6KQ==
js-tokens@^4.0.0: js-tokens@^4.0.0:
version "4.0.0" version "4.0.0"
resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"