title,返回

1 month ago · e29cbbc4ca
parent 6728f709c4
commit e29cbbc4ca
4 changed files with 167 additions and 68 deletions
--- 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
        }
    },
--- a/src/views/components/ProjectDetails/Title.vue
+++ 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>
--- a/src/views/manage-info/index.vue
+++ b/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-item v-for="(item, index) in sections" :key="index" :index="item.id" class="custom-menu-item">
+                <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="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;
--- 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 () {