项目详情的里组件模块

src/layout/components/breadword.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="navbar">
     <div class="navbarleft">
-      <!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
-      @toggleClick="toggleSideBar"  /> -->
+      <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
+      @toggleClick="toggleSideBar"  />
       <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" />
       <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
     </div>
@@ -13,7 +13,7 @@
 import { mapGetters } from 'vuex'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
-// import Hamburger from '@/components/Hamburger'
+import Hamburger from '@/components/Hamburger'
 import Screenfull from '@/components/Screenfull'
 import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
@@ -24,7 +24,7 @@ export default {
   components: {
     Breadcrumb,
     TopNav,
-    // Hamburger,
+    Hamburger,
     Screenfull,
     SizeSelect,
     Search,
@@ -55,6 +55,9 @@ export default {
     }
   },
   methods: {
+    // toggleSideBar() {
+    //   this.$store.dispatch('app/toggleSideBar')
+    // },
     async logout() {
       this.$confirm('确定注销并退出系统吗？', '提示', {
         confirmButtonText: '确定',
@@ -92,7 +95,7 @@ export default {
   }
 
   .hamburger-container {
-    display: none;
+    display: none;//                                                                      控制隐藏
     line-height: 46px;
     height: 100%;
     float: left;

src/layout/index.vue

@@ -7,9 +7,8 @@
     
     <!-- 主内容区域 -->
     <div class="main-container">
-      <!-- 侧边栏，仅在侧边栏未隐藏时显示 -->
+      <!-- 左侧边栏，仅在侧边栏未隐藏时显示 -->
       <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
-      
       <!-- 右侧内容区域 -->
       <div :class="{'content-container': true, 'sidebarHide': sidebar.hide}">
          <div class="breadword-container"><Breadword></Breadword> </div>
@@ -98,6 +97,7 @@ export default {
   .main-container {
     display: flex;
     border-radius: 1rem;
+    margin-right: .3rem;
     flex: 1;
     overflow: hidden;
     background-color: #FAFAFA;

src/views/components/ProjectDetails/Basic.vue

@@ -0,0 +1,29 @@
+<template>
+    <div class="container">
+        <div class="containertop">
+            <div class="topleft">
+                <img src="" alt="">
+                <span>基本信息</span>
+            </div>
+            <div class="topright">
+                <el-button type="primary" icon="el-icon-search" size="medium" plain style="border: none;"> 导入</el-button>
+                <el-button type="primary" icon="el-icon-search" size="medium"> 导出</el-button>
+            </div>
+        </div>
+        <div>123</div>
+    </div>
+</template>
+
+<script>
+
+</script>
+
+<style scoped>
+.container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    ;
+    gap: 2rem;
+}
+</style>

src/views/components/analysis/map.vue

@@ -12,7 +12,7 @@
 .mapcontain{
     width: 100%;
     height: 19rem;
-    background-image: url(../../assets/images/map@2x.png);
+    background-image: url(../../../assets/images/map@2x.png);
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }

src/views/index.vue

@@ -61,12 +61,12 @@
 </template>
 
 <script>
-import AllArea from '@/views/components/all.vue'
-import FunctionArea from '@/views/components/function.vue'
-import InvestArea from '@/views/components/invest.vue'
-import Message from '@/views/components/message.vue'
-import ProjectList from '@/views/components/projectList.vue'
-import MapArea from '@/views/components/map.vue'
+import AllArea from '@/views/components/analysis/all.vue'
+import FunctionArea from '@/views/components/analysis/function.vue'
+import InvestArea from '@/views/components/analysis/invest.vue'
+import Message from '@/views/components/analysis/message.vue'
+import ProjectList from '@/views/components/analysis/projectList.vue'
+import MapArea from '@/views/components/analysis/map.vue'
 
 export default {
   name: "Pc2FbEcharts",

src/views/manage/details/index.vue

@@ -0,0 +1,25 @@
+<template>
+        <Basic></Basic>
+
+</template>
+
+<script>
+import Basic from '../../components/ProjectDetails/Basic.vue';
+
+export default {
+    components: {
+        Basic,
+    },
+    data() {
+        return {};
+    },
+    mounted() {
+
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style scoped></style>

src/views/manage/message/index.vue

@@ -1,3 +0,0 @@
-<template>
-    <div>123</div>
-</template>