title,返回

src/views/components/ProjectDetails/Basic.vue

@@ -7,11 +7,11 @@
                 <span>基本信息</span>
             </div>
             <div class="topright">
-                <el-button type="primary" size="mini" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="edit">
+                <el-button type="primary" size="medium" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="edit">
                     <img src="../../../assets/images/detailsicon/icon-bj@2x.png" alt="编辑" style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
                     编辑
                 </el-button> 
-                <el-button type="primary" size="mini" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="exportData">
+                <el-button type="primary" size="medium" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="exportData">
                     <img src="../../../assets/images/detailsicon/icon-dc@2x.png" alt="编辑" style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
                     导出
                 </el-button> 
@@ -110,10 +110,10 @@ export default {
     props: {
         size: {
             type: String,
-            default: 'mini'
+            default: ''
         },
         id: {
-            type: Number,
+            type: [Number, String],
             required: true
         }
     },

src/views/components/ProjectDetails/Title.vue

@@ -0,0 +1,59 @@
+<template>
+    <div class="container">
+        <!-- 顶部信息 -->
+        <div class="containertop">
+            <h3>{{ name }}</h3>
+        </div>
+    </div>
+</template>
+
+<script>
+import { getBasicInformationById } from '@/api/ManageApi/index';
+
+export default {
+    props: {
+        size: {
+            type: String,
+            default: 'mini'
+        },
+        id: {
+            type: [Number, String],
+            required: true
+        }
+    },
+    data() {
+        return {
+            name: '' 
+        };
+    },
+    created() {
+        this.fetchData();
+    },
+    methods: {
+        fetchData() {
+            getBasicInformationById(this.id)
+                .then(response => {
+                    const data = response.data;
+                    this.name = data.name; 
+                })
+                .catch(error => {
+                    console.error('There was an error fetching the data!', error);
+                });
+        },
+        edit() {
+            this.dialogVisible = true;
+        },
+        exportData() {
+            // 导出逻辑
+        },
+    }
+};
+</script>
+
+<style scoped>
+.containertop {
+    text-align: center;
+    margin-bottom: 1rem;
+}
+
+</style>

src/views/manage-info/index.vue

@@ -1,20 +1,32 @@
 <template>
+    <div>
+        <!-- 标题 -->
+        <div class="containerheadone">
+            <Title :id="projectId"></Title>
+            <el-button type="primary" size="medium" plain
+                style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;"
+                @click="goBack">
+                返回
+            </el-button>
+        </div>
         <div class="containerbody">
             <!-- 目录 -->
             <div class="containerhead">
-            <el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection" class="custom-menu">
+                <el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection"
-                <el-menu-item v-for="(item, index) in sections" :key="index" :index="item.id" class="custom-menu-item">
+                    class="custom-menu">
+                    <el-menu-item v-for="(item, index) in sections" :key="index" :index="item.id"
+                        class="custom-menu-item">
                         {{ item.label }}
                     </el-menu-item>
                 </el-menu>
             </div>
             <!-- 基本信息 -->
             <div id="basic">
-            <Basic :id="1"></Basic>
+                <Basic :id="projectId"></Basic>
             </div>
             <!-- 规划信息 -->
             <div id="programme">
-            <Programme :id="1"></Programme>
+                <Programme :id="projectId"></Programme>
             </div>
             <!-- 建筑信息 -->
             <div id="buildings">
@@ -59,9 +71,11 @@
             <!-- 返回顶部 -->
             <!-- <el-backtop target=".backtop"></el-backtop> -->
         </div>
+    </div>
 </template>
 
 <script>
+import Title from '../components/ProjectDetails/Title.vue';
 import Basic from '../components/ProjectDetails/Basic.vue';
 import Buildings from '../components/ProjectDetails/Buildings.vue';
 import Companyenter from '../components/ProjectDetails/companyenter.vue';
@@ -76,6 +90,7 @@ import Projectpicturetwo from '../components/ProjectDetails/Projectpicturetwo.vu
 
 export default {
     components: {
+        Title,
         Basic,
         Buildings,
         Companyenter,
@@ -104,10 +119,23 @@ export default {
                 { id: 'liver', label: '现场实况' },
                 { id: 'memo', label: '项目备忘录' },
                 { id: 'others', label: '其他信息' }
-            ]
+            ],
+            projectId: null
         };
     },
+    created() {
+        this.projectId = this.$route.params.id;
+        this.loadData();
+    },
     methods: {
+        loadData() {
+            // 根据 projectId 加载数据的逻辑
+            console.log('Loading data for project ID:', this.projectId);
+            // 例如：调用 API 获取项目详情
+            // getProjectDetail(this.projectId).then(response => {
+            //     this.projectDetail = response.data;
+            // });
+        },
         scrollToSection(id) {
             this.activeSection = id;
             const element = document.getElementById(id);
@@ -117,6 +145,9 @@ export default {
         },
         scrollToTop() {
             window.scrollTo({ top: 0, behavior: 'smooth' });
+        },
+        goBack() {
+            this.$router.go(-1); // 返回上一个页面
         }
     }
 };
@@ -133,6 +164,15 @@ export default {
     overflow: auto;
 }
 
+.containerheadone {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+    padding: 0 1rem 0 .7rem;
+}
+
 .containerhead {
     display: flex;
     justify-content: space-between;
@@ -143,7 +183,6 @@ export default {
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
 }
 
-
 .custom-menu {
     margin: 1rem;
     display: flex;

src/views/manage/index.vue

@@ -86,7 +86,7 @@
         <el-table-column label="总用地面积（平方米）" align="center" prop="postSort" />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template slot-scope="scope">
-            <el-button size="mini" type="text" icon="el-icon-view" @click="getInfo"
+            <el-button size="mini" type="text" icon="el-icon-view" @click="getInfo(scope.row)"
               v-hasPermi="['system:post:detail']">详情</el-button>
             <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
               v-hasPermi="['system:post:edit']">修改</el-button>
@@ -201,7 +201,7 @@ export default {
         // 是否显示弹出层（用户导入）
         open: false,
         // 弹出层标题（用户导入）
-        title: "移动应用程序资产导入",
+        title: "导入",
         // 是否禁用上传
         isUploading: false,
         // 是否更新已经存在的用户数据
@@ -209,7 +209,7 @@ export default {
         // 设置上传的请求头部
         // headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/tc/assetApp/importData"
+        // url: process.env.VUE_APP_BASE_API + "/tc/assetApp/importData"
         // url: location.origin + "/api/tc/assetApp/importData"
       },
     };
@@ -297,9 +297,10 @@ export default {
       });
     },
     /** 详情按钮操作 */
-    getInfo() {
+    getInfo(row) {
       this.$store.commit("SET_CRUMBS", this.$route.meta.title + "详情");
-      this.$router.push("/manage-info"); 
+      const postIds = row.postId || this.ids;
+      this.$router.push({ path: `/manage-info/${postIds}` }); 
     },
     /** 提交按钮 */
     submitForm: function () {