From 96be59a64cc1d8fcaf1034e787717663c68df4a7 Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期一, 26 五月 2025 10:39:58 +0800 Subject: [PATCH] 2025-5-26提交 --- src/views/model/index.vue | 93 ++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 88 insertions(+), 5 deletions(-) diff --git a/src/views/model/index.vue b/src/views/model/index.vue index 9bd969e..f4b8e79 100644 --- a/src/views/model/index.vue +++ b/src/views/model/index.vue @@ -1,14 +1,97 @@ <template> - <div class="kinematic"> - <h2>杩愬姩瀛︽ā鍨�</h2> + <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> -.kinematic { - padding: 20px; +.modelContainer { + width: 100%; + height: 100%; + background-color: #fff; } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.1