sxyanzhu
/
AIManage
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update code

main
haha 2024-08-01 23:46:40 +08:00
parent 1b6cba1a1c
commit 67498e433f
10 changed files with 686 additions and 486 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/JsonViewDlg/index.vue 100644
View File

@ -0,0 +1,30 @@
<template>
<el-dialog v-model="info.show" :title="info.title" :close-on-press-escape="false" :close-on-click-modal="false"
align-center append-to-body :width="info.width" modal-class="choice-tool-param-dlg">
<json-viewer :value="info.data" copyable boxed sort theme="my-json-view jv-light" />
<template #footer>
<div style="padding-right: var(--el-dialog-padding-primary);text-align: center;">
<el-button type="primary" @click="info.show = false">关闭</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
const info = reactive({
title: 'Json View',
show: false,
width: '960px',
data: null
})
const showDialog = opt => {
info.title = opt.title || info.title;
info.width = opt.width || info.width;
info.show = true;
info.data = opt.data || {};
}
defineExpose({
showDialog
})
</script>

1
src/typings/components.d.ts vendored
View File

@ -98,6 +98,7 @@ declare module "vue" {
SingleUpload: (typeof import("./../components/Upload/SingleUpload.vue"))["default"];
SizeSelect: (typeof import("./../components/SizeSelect/index.vue"))["default"];
SvgIcon: (typeof import("./../components/SvgIcon/index.vue"))["default"];
JsonViewDlg: (typeof import("./../components/JsonViewDlg/index.vue"))["default"];
TableSelect: (typeof import("./../components/TableSelect/index.vue"))["default"];
TagsView: (typeof import("./../layout/components/TagsView/index.vue"))["default"];
ThemeColorPicker: (typeof import("./../layout/components/Settings/components/ThemeColorPicker.vue"))["default"];

55
src/views/connection/edit.vue
View File

@ -128,12 +128,14 @@
import nodePanel from './nodePanel.vue'
import editFlow from './editFlow.vue'
import ConnApi from '@/api/connection'
import ModelApi from '@/api/models'
import EditParamDlg from './editParamDlg.vue'
import paramShow from './paramShow.vue'
const router = useRouter();
const editForm = ref(ElForm)
const route = useRoute()
const upForm = reactive({
model_id: '',
model_name: '',
model_version: '',
connection_name: '',
@ -152,6 +154,7 @@ const info = reactive({
connInfo: null,
nodes: [],
editObj: null,
type: '',
})
const selNode = reactive({
info: null,
@ -327,6 +330,7 @@ const doSave = () => {
editForm.value?.validate(valid => {
if (valid) {
let postData = {
model_id: upForm.model_id,
connection_name: upForm.connection_name,
connection_label: upForm.connection_label,
connection_desc: upForm.connection_desc,
@ -335,13 +339,22 @@ const doSave = () => {
operator_connection_nodes: flowData.nodes,
operator_connection_edges: flowData.edges
};
if (info.type == "add") {
ConnApi.add(postData).then(d => {
if (d.data.code == 0) {
ElMessage.success("增加模型成功!");
ElMessage.success("增加互联成功!");
router.push({ path: "/connection/index" })
}
});
} else {
let id = route.query.id;
ConnApi.updatAll(id, postData).then(d => {
if (d.data.code == 0) {
ElMessage.success("修改互联成功!");
router.push({ path: "/connection/index" })
}
});
}
}
});
@ -349,19 +362,51 @@ const doSave = () => {
const doCancel = () => {
router.push({ path: "/connection/index" })
}
const initData = () => {
const initConnData = () => {
let id = route.query.id;
ConnApi.detail(id).then(d => {
info.connInfo = d.data?.data || {};
upForm.model_id = info.connInfo.model_id;
upForm.model_name = info.connInfo.model_name;
upForm.model_version = info.connInfo.model_version;
upForm.model_name = info.connInfo.model_name;
upForm.model_name = info.connInfo.model_name;
upForm.connection_name = info.connInfo.connection_name;
upForm.connection_label = "";
upForm.connection_desc = info.connInfo.connection_desc;
});
};
const initEditData = () => {
let id = route.query.id;
ConnApi.detail(id).then(d => {
info.connInfo = d.data?.data || {};
upForm.model_id = info.connInfo.model_id;
upForm.model_name = info.connInfo.model_name;
upForm.model_version = info.connInfo.model_version;
upForm.connection_name = info.connInfo.connection_name;
upForm.connection_label = "";
upForm.connection_desc = info.connInfo.connection_desc;
});
}
const initData = () => {
let id = route.query.id;
ModelApi.findOne(id).then(d => {
upForm.model_id = d.data.data.model_id;
upForm.model_name = d.data.data.model_name;
upForm.model_version = d.data.data.model_version;
});
}
onMounted(() => {
if (route.query.type == "edit") {
info.type = "edit"
initEditData();
} else if (route.query.type == "addByConn") {
info.type = "add"
initConnData();
} else {
info.type = "add"
initData();
window.xapp = getCurrentInstance();
}
});
</script>
<style scoped lang='scss'>

38
src/views/connection/index.vue
View File

@ -1,7 +1,9 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="search-container">
<div class="search-container" style="position: relative;">
<el-button type="primary" @click="doAddByModel"
style="position: absolute;left:10px;"><i-ep-plus />新建互联</el-button>
<el-form ref="queryFormRef" :model="queryParams" :inline="true" style="flex-grow: 1;text-align: right;">
<el-form-item label="" prop="connection_name">
<el-input v-model="queryParams.connection_name" placeholder="请输入互联名将，标签，模型名称" clearable style="width: 250px"
@ -29,23 +31,16 @@
<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="100" align="left" prop="user_name" />
<el-table-column label="状态" width="100" align="left" prop="connection_created">
<el-table-column label="操作" fixed="right" align="center" width="320">
<template #default="scope">
<el-button type="success" size="small" v-if="scope.row.connection_created">已互联</el-button>
<el-button type="info" size="small" v-else plain>未互联</el-button>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="270">
<template #default="scope">
<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" style="margin:0px;"
@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>
</template>
<template v-else>
<el-button text type="primary" size="small" @click="doAdd(scope.row)">新建互联</el-button>
</template>
<el-button text type="primary" size="small" @click="doAdd(scope.row)"
style="margin:0px;"><i-ep-plus />新建互联</el-button>
<el-button text type="primary" size="small" @click="handleDelete(scope.row)"
style="margin:0px;"><i-ep-delete />删除</el-button>
</template>
</el-table-column>
</el-table>
@ -54,6 +49,7 @@
<pagination v-if="info.total > 0" v-model:total="info.total" v-model:page="queryParams.page_num"
v-model:limit="queryParams.page_size" @pagination="handleQuery" />
</el-card>
<selectModelDlg ref="selModelDlg" @success="doSelectSuccess"></selectModelDlg>
</div>
</template>
@ -61,10 +57,11 @@
import { UserQuery } from "@/api/user/model";
import ConnApi from '@/api/connection'
import selectModelDlg from './selectModelDlg.vue'
const queryFormRef = ref(ElForm); // 查询表单
const router = useRouter();
const selModelDlg = ref();
const loading = ref(false); // 加载状态
const removeIds = ref([]); // 删除用户ID集合 用于批量删除
const queryParams = reactive<any>({
@ -85,6 +82,9 @@ watch(dateTimeRange, (newVal) => {
}
});
const doAddByModel = () => {
selModelDlg.value.showDialog();
}
/** 查询 */
function handleQuery() {
loading.value = true;
@ -134,13 +134,15 @@ function handleDelete(row: { [key: string]: any }) {
const doShowDetail = (row: any) => {
router.push({ path: "/connection/detail", query: { id: row.connection_id } })
}
const doSelectSuccess = (row: any) => {
router.push({ path: "/connection/edit", query: { id: row.model_id, type: 'addByModel' } })
}
const doEdit = (row: any) => {
router.push({ path: "/connection/edit", query: { id: row.connection_id, type: 'edit' } })
}
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: 'addByConn' } })
}

54
src/views/connection/selectModelDlg.vue 100644
View File

@ -0,0 +1,54 @@
<template>
<el-dialog v-model="info.show" :title="info.title" :close-on-press-escape="false" :close-on-click-modal="false"
align-center append-to-body :width="info.width" modal-class="choice-model-dlg">
<el-table v-loading="info.loading" :data="info.data" stripe>
<el-table-column label="模型名称" align="left" prop="model_name" width="300" />
<el-table-column label="网络名称" align="left" prop="model_network" v-if="1 == 2" />
<el-table-column label="模型类型" align="left" prop="modl_main_type_name" />
<el-table-column label="版本" align="left" prop="model_version" />
<el-table-column label="说明" align="left" prop="model_desc" />
<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="操作" fixed="right" width="120">
<template #default="scope">
<el-button text type="primary" size="small" @click="doCreateConn(scope.row)"><i-ep-edit />新建互联</el-button>
</template>
</el-table-column>
</el-table>
</el-dialog>
</template>
<script setup>
import ModelApi from '@/api/models'
const emit = defineEmits(['success'])
const info = reactive({
title: '模型选择',
show: false,
width: '960px',
data: null,
loading: false
})
const showDialog = opt => {
info.show = true;
loadData();
}
const doCreateConn = row => {
emit("success", row)
}
const loadData = () => {
info.loading = true
ModelApi.list({
page_num: 1,
page_size: 100
}).then(d => {
info.loading = false
info.data = d.data.data.model_list || [];
})
}
defineExpose({
showDialog
})
</script>

12
src/views/dashboard/index.vue
View File

@ -41,7 +41,8 @@
<div class="dev-row3">
<div class="device-state">
<img style="position: relative;top: -10px;left:-10px;" :src="'images/state/' + it.working_state + '.png'" />
<img style="position: relative;top: -10px;left:-10px;"
:src="'images/state/' + it.working_state + '.png'" />
<div
style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">
{{ getState(it.working_state) }}</div>
@ -60,7 +61,9 @@
<span>{{ it.memory_usage }}MB</span>
</div>
<div class="chart-line">
<div class="chart-line-inline" :style="'width:' + (it.memory_usage*100.0/it.memory_total) + '%'"></div>
<div class="chart-line-inline"
:style="'width:' + (it.memory_usage * 100.0 / it.memory_total) + '%'">
</div>
</div>
<div class="chart-item-title">
@ -162,7 +165,8 @@ const loadDevice=()=>{
});
}
const loadInfo = () => {
InfoApi.statistics().then(d => {
InfoApi.statistics().then(res => {
let d = res.data
topInfos.value = [
{ title: '模型总数', count: d.data.total_model_count, ucnt: d.data.user_model_count, clsName: 'c1', icon: "images/nav/nav1.png" },
{ title: '算子总数', count: d.data.total_operator_count, ucnt: d.data.user_operator_count, clsName: 'c1', icon: "images/nav/nav2.png" },
@ -241,6 +245,7 @@ onMounted(() => {
.right-panel {
min-width: 240px;
max-width: 240px;
padding-left: 8px;
}
@ -304,6 +309,7 @@ onMounted(() => {
.right-panel {
min-width: 300px;
max-width: 300px;
padding-left: 12px;
}

54
src/views/dashboard/index2.vue
View File

@ -25,7 +25,8 @@
</template>
<el-scrollbar max-height="504px">
<el-row :gutter="20">
<el-col :span="isSmallScreen?8:6" v-for="it in devInfos" :key="it.id" class="dev-item" style="margin-bottom: 20px;">
<el-col :span="isSmallScreen ? 8 : 6" v-for="it in devInfos" :key="it.id" class="dev-item"
style="margin-bottom: 20px;">
<el-card shadow="hover">
<template #header>
<div class="dev-title">{{ it.name }}
@ -40,8 +41,11 @@
<div class="dev-row3">
<div class="device-state">
<img style="position: relative;top: -10px;left:-10px;" :src="'images/state/'+it.state+'.png'"/>
<div style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;" >{{getState(it.state) }}</div>
<img style="position: relative;top: -10px;left:-10px;"
:src="'images/state/' + it.state + '.png'" />
<div
style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">
{{ getState(it.state) }}</div>
</div>
<div class="dev-chart">
<div class="chart-item-title">
@ -186,6 +190,7 @@
position: relative;
min-width: 960px;
padding: 0px 24px;
&.is-small {
padding: 0px 12px;
}
@ -225,54 +230,67 @@
&.is-small {
.dev-row3 {
padding: 0px !important;
.device-state {
width: 80px !important;
}
}
.right-panel {
min-width: 240px;
max-width: 240px;
padding-left: 8px;
}
.model-flow {
.card-item {
width: 100px;
}
.row-1 {
.line {
width: calc(20% - 100px);
top: 10px;
}
}
.row-3 {
.line {
width: calc(20% - 100px);
}
.card-center {
.card-center-item {
width: 100px;
&:first-child {
&::after {
left: 50px;
}
&::before {
left: 50px;
}
}
&:last-child {
&::after {
left: -20px;
}
&::before {
left: 51px;
}
}
}
}
.card-item {
&.line-top {
&::after {
left: 50px;
}
&::before {
left: 48px;
}
@ -281,10 +299,13 @@
}
}
}
.right-panel {
min-width: 300px;
max-width: 300px;
padding-left: 12px;
}
.el-card__body {
padding: 10px 10px;
}
@ -335,15 +356,18 @@
.el-card__header {
border-bottom: 1px solid #ebeef5;
}
.el-card__body {
.el-scrollbar {
padding: 10px;
}
}
}
.el-card__header {
padding: 8px;
border: none;
.row2-top {
position: relative;
@ -356,10 +380,13 @@
}
}
.el-card__body {
padding: 0px;
.el-scrollbar {
padding: 0px 10px;
.el-scrollbar__bar.is-horizontal {
display: none;
}
@ -394,22 +421,28 @@
box-shadow: var(--el-box-shadow-light);
border-radius: 8px;
padding: 10px;
.dev-row3 {
display: flex;
padding: 12px;
align-items: center;
.device-state {
width: 100px;
text-align: center;
}
.state-text {
font-size: 16px;
&.state0 {
color: var(--el-color-primary);
}
&.state1 {
color: var(--el-color-warning);
}
&.state2 {
color: var(--el-color-danger);
}
@ -419,24 +452,29 @@
flex-grow: 1;
position: relative;
top: -10px;
.chart-item-title {
margin: 12px 0px 0px;
font-size: 12px;
position: relative;
span {
&:first-child {
font-weight: bold;
}
&:last-child {
position: absolute;
right: 0px;
}
}
}
.chart-line {
background-color: #ccc;
height: 8px;
border-radius: 4px;
.chart-line-inline {
background-color: var(--el-color-primary);
height: 8px;
@ -450,23 +488,28 @@
}
}
}
.proc-card {
margin-top: 20px;
padding: 8px;
.el-card__header {
padding: 8px;
border: none;
}
.el-card__body {
background: #EEF7FE;
border-radius: 8px;
height: 300px;
}
&.server-status {
background: #EEF7FE;
padding: 8px;
.el-card__header{
}
.el-card__header {}
.el-card__body {
background: #fff;
box-shadow: var(--el-box-shadow-light);
@ -475,4 +518,3 @@
}
}
</style>

10
src/views/model/index.vue
View File

@ -21,8 +21,8 @@
<el-table v-loading="loading" :data="tableData" stripe @selection-change="handleSelectionChange">
<el-table-column label="模型名称" align="left" prop="model_name" width="300" />
<el-table-column label="网络名称" align="left" prop="model_network" />
<el-table-column label="模型类型" align="left" prop="modl_sub_type_name" />
<el-table-column label="网络名称" align="left" prop="model_network" v-if="1 == 2" />
<el-table-column label="模型类型" align="left" prop="modl_main_type_name" />
<el-table-column label="版本" align="left" prop="model_version" />
<el-table-column label="说明" width="300" align="left" prop="model_desc" />
<el-table-column label="上传时间" width="120" align="left" prop="create_time" />
@ -31,8 +31,7 @@
<template #default="scope">
<el-button text type="primary" size="small"
@click="doShowModelDetail(scope.row)"><i-ep-edit />查看</el-button>
<el-button text type="primary" size="small"
@click="doconnection()"><i-ep-link/>互联</el-button>
<el-button text type="primary" size="small" @click="doconnection()"><i-ep-link />互联</el-button>
<el-button text type="primary" size="small" @click="handleDelete(scope.row)"><i-ep-delete />删除</el-button>
</template>
</el-table-column>
@ -157,12 +156,15 @@ onMounted(() => {
.search-container {
display: flex;
}
.card-footer {
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body) {
padding: 0px;
.el-pagination {
justify-content: end;
}

11
src/views/model/modelDetail.vue
View File

@ -67,7 +67,7 @@
<td style="width: 50%;">
<span class="sp-title">网络配置:</span>
<span class="sp-text sp-file">
<a style="line-height:24px;" ref="#"><el-icon>
<a style="line-height:24px;" @click="showModelParameters"><el-icon>
<Document />
</el-icon>查看配置文件</a>
</span>
@ -94,6 +94,7 @@
<el-button type="primary" @click="doBack">返回</el-button>
</el-card>
</div>
<JsonViewDlg ref="jsonDlg"></JsonViewDlg>
</template>
<script setup>
@ -102,10 +103,18 @@ import request from 'axios'
const router = useRouter();
const route = useRoute()
let url = ref("")
const jsonDlg = ref()
let modelInfo = reactive({
info: {},
opers: []
})
const showModelParameters = () => {
jsonDlg.value.showDialog({
title: '查看网络配置',
width: '800px',
data: modelInfo.info.model_parameters
})
}
const initData = () => {
let id = route.query.id;
let ajaxs = [];

15
src/views/model/uploadModel.vue
View File

@ -105,7 +105,8 @@
</el-form-item>
</el-col>
<el-col :span="12" style="position: relative;">
<el-button v-if="upForm.model_parameters" style="position: absolute;left:240px;z-index:999">
<el-button v-if="upForm.model_parameters" style="position: absolute;left:240px;z-index:999"
@click="showModelParameters">
<i-ep-view />
查看配置</el-button>
<el-form-item label="网络配置" prop="model_parameters">
@ -126,7 +127,7 @@
</el-row>
</el-form>
</div>
<div class="div-log">
<div class="div-log" v-if="1 == 2">
<div style="font-weight: bold;font-size:14px;padding:10px 10px">分割日志</div>
<el-card class="split-log">
<div v-for="(it, idx) in logList" :key="idx" class="log-item">
@ -140,7 +141,7 @@
<el-button @click="doBack">取消</el-button>
</el-card>
</div>
<JsonViewDlg ref="jsonDlg"></JsonViewDlg>
</template>
<script setup>
@ -159,6 +160,7 @@ let listOpt = reactive({
})
let fileList = ref([])
const uploadRef1 = ref()
let jsonDlg = ref()
const doSave = () => {
uploadForm.value?.validate((valid) => {
@ -192,6 +194,13 @@ let upForm = reactive({
]
})
const showModelParameters = () => {
jsonDlg.value.showDialog({
title: '查看网络配置',
width: '800px',
data: upForm.model_parameters
})
}
const logList = reactive([{
date: '2024-05-06 18:34:36', log: '系统已启动编译'
}, { date: '2024-05-06 18:34:36', log: '系统正在分割目标文件' },