From e29cbbc4ca7651dda80a710e3ab4044bc49d3544 Mon Sep 17 00:00:00 2001
From: yanfeiyong <2060201549@qq.com>
Date: Fri, 7 Mar 2025 11:22:22 +0800
Subject: [PATCH] =?UTF-8?q?title,=E8=BF=94=E5=9B=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/ProjectDetails/Basic.vue |   8 +-
 src/views/components/ProjectDetails/Title.vue |  59 +++++++
 src/views/manage-info/index.vue               | 157 +++++++++++-------
 src/views/manage/index.vue                    |  11 +-
 4 files changed, 167 insertions(+), 68 deletions(-)
 create mode 100644 src/views/components/ProjectDetails/Title.vue

diff --git a/src/views/components/ProjectDetails/Basic.vue b/src/views/components/ProjectDetails/Basic.vue
index 66a5bb8..061e50d 100644
--- a/src/views/components/ProjectDetails/Basic.vue
+++ b/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
         }
     },
diff --git a/src/views/components/ProjectDetails/Title.vue b/src/views/components/ProjectDetails/Title.vue
new file mode 100644
index 0000000..dea9ba9
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/views/manage-info/index.vue b/src/views/manage-info/index.vue
index 06a3218..c268557 100644
--- a/src/views/manage-info/index.vue
+++ b/src/views/manage-info/index.vue
@@ -1,67 +1,81 @@
 <template>
-    <div class="containerbody">
-        <!-- 目录 -->
-        <div class="containerhead">
-            <el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection" 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 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 id="basic">
-            <Basic :id="1"></Basic>
+        <div class="containerbody">
+            <!-- 目录 -->
+            <div class="containerhead">
+                <el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection"
+                    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="projectId"></Basic>
+            </div>
+            <!-- 规划信息 -->
+            <div id="programme">
+                <Programme :id="projectId"></Programme>
+            </div>
+            <!-- 建筑信息 -->
+            <div id="buildings">
+                <Buildings></Buildings>
+            </div>
+            <!-- 要素模型信息 -->
+            <div id="models">
+                <Models></Models>
+            </div>
+            <!-- 月度进展信息 -->
+            <div id="months">
+                <Months></Months>
+            </div>
+            <!-- 企业入驻信息 -->
+            <div id="companyenter">
+                <Companyenter></Companyenter>
+            </div>
+            <!-- 项目画像 -->
+            <div id="projectpicture">
+                <Projectpicture></Projectpicture>
+            </div>
+            <!-- 项目图例 -->
+            <div id="projectpicturetwo">
+                <Projectpicturetwo></Projectpicturetwo>
+            </div>
+            <!-- 项目巡礼 -->
+            <div id="projectgift">
+                <Projectgift></Projectgift>
+            </div>
+            <!-- 现场实况 -->
+            <div id="liver">
+                <Liver></Liver>
+            </div>
+            <!-- 项目备忘录 -->
+            <div id="memo">
+                <Memo></Memo>
+            </div>
+            <!-- 其他信息 -->
+            <div id="others">
+                <Memo></Memo>
+            </div>
+            <!-- 返回顶部 -->
+            <!-- <el-backtop target=".backtop"></el-backtop> -->
         </div>
-        <!-- 规划信息 -->
-        <div id="programme">
-            <Programme :id="1"></Programme>
-        </div>
-        <!-- 建筑信息 -->
-        <div id="buildings">
-            <Buildings></Buildings>
-        </div>
-        <!-- 要素模型信息 -->
-        <div id="models">
-            <Models></Models>
-        </div>
-        <!-- 月度进展信息 -->
-        <div id="months">
-            <Months></Months>
-        </div>
-        <!-- 企业入驻信息 -->
-        <div id="companyenter">
-            <Companyenter></Companyenter>
-        </div>
-        <!-- 项目画像 -->
-        <div id="projectpicture">
-            <Projectpicture></Projectpicture>
-        </div>
-        <!-- 项目图例 -->
-        <div id="projectpicturetwo">
-            <Projectpicturetwo></Projectpicturetwo>
-        </div>
-        <!-- 项目巡礼 -->
-        <div id="projectgift">
-            <Projectgift></Projectgift>
-        </div>
-        <!-- 现场实况 -->
-        <div id="liver">
-            <Liver></Liver>
-        </div>
-        <!-- 项目备忘录 -->
-        <div id="memo">
-            <Memo></Memo>
-        </div>
-        <!-- 其他信息 -->
-        <div id="others">
-            <Memo></Memo>
-        </div>
-        <!-- 返回顶部 -->
-        <!-- <el-backtop target=".backtop"></el-backtop> -->
     </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;
diff --git a/src/views/manage/index.vue b/src/views/manage/index.vue
index d9bde58..52eae46 100644
--- a/src/views/manage/index.vue
+++ b/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 () {