From 6227519a1bd9007aedae11b77b0b3b1851837c38 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 03 七月 2025 14:41:04 +0800
Subject: [PATCH] 仿真测试页面，模型三位投影模块布局1修改
---
src/views/model/index.vue | 92 ++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 89 insertions(+), 3 deletions(-)
diff --git a/src/views/model/index.vue b/src/views/model/index.vue
index 076d6ce..f4b8e79 100644
--- a/src/views/model/index.vue
+++ b/src/views/model/index.vue
@@ -1,11 +1,97 @@
<template>
- <div class="kinematic">
- <RouterView />
+ <div class="modelContainer">
+ <el-config-provider :locale="zhCn">
+ <el-container class="common-layout">
+ <el-header height="60px">
+ <Header @selectMenu="handMenu" />
+ </el-header>
+ <el-container>
+ <el-aside width="240px">
+ <TreeMenu
+ :menuItem="menuItem"
+ :modelTreeData="modelTreeData"
+ :storeInfo="storeInfo"
+ />
+ </el-aside>
+ <el-main>
+ <RouterView />
+ </el-main>
+ </el-container>
+ </el-container>
+ </el-config-provider>
</div>
</template>
<script setup lang="ts">
+import Header from "@/layout/components/Header.vue";
+import TreeMenu from "@/components/TreeMenu.vue";
+import { ElConfigProvider } from "element-plus";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+import { inject, onMounted, ref, watch } from "vue";
+const MG: any = inject("MG");
+const toolClass: any = inject("toolClass");
+const menuItem = ref("model");
+
+const storeInfo = ref({});
+const modelTreeData = ref([]);
+const handMenu = (key: string) => {
+ console.log(key, "key");
+ menuItem.value = key;
+};
+import { curStoreInfo } from "@/store/index";
+const seleStore = curStoreInfo();
+
+onMounted(async () => {
+ MG.dps5.GetStoreList().then(async (res: any) => {
+ if (res && res.length > 0) {
+ const curList = res.map((item) => {
+ return {
+ ...item,
+ ...item.resourceStoreLinkDto.resourceStore,
+ storeId: item.resourceStoreLinkDto.resourceStore.id,
+ };
+ });
+ const RepositoryList = await MG.dps5.GetStoreRepositoryList({
+ storeIds: [curList[0].storeId],
+ });
+ for (let i = 0; i < curList.length; i++) {
+ const storeItem = curList[i];
+ const dataList = RepositoryList[i];
+ const datas = dataList.map((item) => {
+ return {
+ ...item.resourceStoreAndRepositoryLinkDto.repository,
+ icon: item.resourceStoreAndRepositoryLinkDto.repository.icon,
+ storeId: item.resourceStoreAndRepositoryLinkDto.store.id,
+ linkId: item.resourceStoreAndRepositoryLinkDto.id,
+ linkType: item.resourceStoreAndRepositoryLinkDto.linkType,
+ linkOrder: item.resourceStoreAndRepositoryLinkDto.order,
+ childrenCount:
+ item.resourceStoreAndRepositoryLinkDto.repository.rootChannel
+ .childrenCount,
+ };
+ });
+ storeItem.repositoryList = datas;
+ }
+ console.log(curList, "curList");
+ console.log(toolClass, "toolClass");
+ const temp_store = {
+ storeId: curList[0].storeId,
+ storeData: curList[0],
+ repositoryId: curList[0].repositoryList[0].id,
+ repositoryData: curList[0].repositoryList[0],
+ };
+ storeInfo.value = temp_store;
+ seleStore.setStoreInfo(temp_store);
+ // getTableData();
+ }
+ });
+});
</script>
<style lang="less" scoped>
-</style>
\ No newline at end of file
+.modelContainer {
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+}
+</style>
--
Gitblit v1.9.1