diff --git a/src/api/ManageApi/index.js b/src/api/ManageApi/index.js
new file mode 100644
index 0000000..f2eb4b0
--- /dev/null
+++ b/src/api/ManageApi/index.js
@@ -0,0 +1,25 @@
+import request from '@/utils/request';
+
+// 企业--基本信息==展示
+export function getBasicInformationById(id) {
+    return request({
+        url: `/gysl/basicInformation/${id}`,
+        method: 'get'
+    });
+}
+
+// 企业--基本信息==修改
+export function updateBasicInformation(data) {
+  return request({
+        url: `/gysl/basicInformation/edit`,
+        method: 'post',
+  })
+}
+
+// 通过主键查询单条基本信息（企业规划信息）
+export function getProgrammeInformationById(id) {
+  return request({
+      url: `/gysl/planInformation/{id}`,
+      method: 'get'
+  });
+}
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Basic.vue b/src/views/components/ProjectDetails/Basic.vue
index f6314e1..66a5bb8 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;">
+                <el-button type="primary" size="mini" 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;">
+                <el-button type="primary" size="mini" 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> 
@@ -22,145 +22,187 @@
             <div class="picturediv"></div>
             <div class="descriptionsdiv">
                 <el-descriptions class="margin-top" :column="3" border>
-                    <el-descriptions-item>
-                        <template slot="label">                          
-                            项目名称
-                        </template>
-                        THi SIP高端装备工业港
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                           
-                            项目法人单位              
-                        </template>
-                        泰凌医药（中国)有限公司
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                            
-                            项目法人单位性质
-                        </template>
-                        项目法人单位性质
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                           
-                          施工单位
-                        </template>
-                        kooriookami
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                         
-                            设计单位
-                        </template>
-                        18100000000
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                           
-                            总投资额（万元）
-                        </template>
-                        苏州市
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                          
-                            所属功能区
-                        </template>
-                        kooriookami
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                        
-                            建设起止时间
-                        </template>
-                        18100000000
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                      
-                            现状分类
-                        </template>
-                        苏州市
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                          
-                            建设地点
-                        </template>
-                        kooriookami
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                          
-                            重点发展产业
-                        </template>
-                        18100000000
-                    </el-descriptions-item>
-                    <el-descriptions-item>
+                    <el-descriptions-item 
+                    v-for="(item, index) in descriptions" 
+                    :key="index"
+                    :span="item.label === '项目法人单位简介' ? 3 : 1">
                         <template slot="label">
-                            
-                            建设模式
+                            {{ item.label }}
                         </template>
-                        苏州市
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                         
-                            项目标签
-                        </template>
-                        kooriookami
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                   
-                            项目负责人
-                        </template>
-                        18100000000
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                    
-                            联系方式
-                        </template>
-                        苏州市
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                         
-                            施工许可证发放时间
-                        </template>
-                        kooriookami
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                           
-                            竣工验收时间
-                        </template>
-                        18100000000
-                    </el-descriptions-item>
-                    <el-descriptions-item>
-                        <template slot="label">                           
-                        </template>                      
-                    </el-descriptions-item>
-                    <!-- 最后一行 -->
-                    <el-descriptions-item  class="two-row-item" :span="3">
-                        <template slot="label">                         
-                            项目法人单位简介
-                        </template>
-                        江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
-                        江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
-                        江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
-                    </el-descriptions-item>
-                    <el-descriptions-item  class="two-row-item" :span="3">
-                        <template slot="label">                        
-                            项目简介
-                        </template>
-                        江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
-                        江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
-                        江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
+                        {{ item.value }}
                     </el-descriptions-item>
                 </el-descriptions>
             </div>
         </div>
+        <!-- 添加或编辑项目对话框 -->
+        <el-dialog :title="title" :visible.sync="dialogVisible" width="500px" append-to-body>
+            <el-form :model="form" label-width="120px">
+                <el-form-item label="项目名称">
+                    <el-input v-model="form.name"></el-input>
+                </el-form-item>
+                <el-form-item label="项目法人单位">
+                    <el-input v-model="form.xmfrdwxz"></el-input>
+                </el-form-item>
+                <el-form-item label="项目法人单位性质">
+                    <el-input v-model="form.nature"></el-input>
+                </el-form-item>
+                <el-form-item label="施工单位">
+                    <el-input v-model="form.sgdw"></el-input>
+                </el-form-item>
+                <el-form-item label="设计单位">
+                    <el-input v-model="form.sjdw"></el-input>
+                </el-form-item>
+                <el-form-item label="总投资额（万元）">
+                    <el-input v-model="form.ztze"></el-input>
+                </el-form-item>
+                <el-form-item label="所属功能区">
+                    <el-input v-model="form.ssgnq"></el-input>
+                </el-form-item>
+                <el-form-item label="建设起止时间">
+                    <el-input v-model="form.begainTime"></el-input>
+                </el-form-item>
+                <el-form-item label="现状分类">
+                    <el-input v-model="form.xzfl"></el-input>
+                </el-form-item>
+                <el-form-item label="建设地点">
+                    <el-input v-model="form.jsdd"></el-input>
+                </el-form-item>
+                <el-form-item label="重点发展产业">
+                    <el-input v-model="form.prioritize"></el-input>
+                </el-form-item>
+                <el-form-item label="建设模式">
+                    <el-input v-model="form.jsms"></el-input>
+                </el-form-item>
+                <el-form-item label="项目标签">
+                    <el-input v-model="form.label"></el-input>
+                </el-form-item>
+                <el-form-item label="项目负责人">
+                    <el-input v-model="form.projectLeader"></el-input>
+                </el-form-item>
+                <el-form-item label="联系方式">
+                    <el-input v-model="form.phone"></el-input>
+                </el-form-item>
+                <el-form-item label="施工许可证发放时间">
+                    <el-input v-model="form.issuingTime"></el-input>
+                </el-form-item>
+                <el-form-item label="竣工验收时间">
+                    <el-input v-model="form.acceptanceTime"></el-input>
+                </el-form-item>
+                <el-form-item label="项目法人单位简介">
+                    <el-input v-model="form.unitIntroduction" type="textarea"></el-input>
+                </el-form-item>
+                <el-form-item label="项目简介">
+                    <el-input v-model="form.introduction" type="textarea"></el-input>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="saveForm">确 定</el-button>
+            </span>
+        </el-dialog>
     </div>
 </template>
 
 <script>
-    export default {
-        props: {
+import { getBasicInformationById, updateBasicInformation } from '@/api/ManageApi/index';
+
+export default {
+    props: {
         size: {
             type: String,
             default: 'mini'
+        },
+        id: {
+            type: Number,
+            required: true
         }
+    },
+    data() {
+        return {
+            descriptions: [],
+            dialogVisible: false,
+            title: '编辑项目',
+            form: {
+                name: '',
+                xmfrdwxz: '',
+                nature: '',
+                sgdw: '',
+                sjdw: '',
+                ztze: '',
+                ssgnq: '',
+                begainTime: '',
+                xzfl: '',
+                jsdd: '',
+                prioritize: '',
+                jsms: '',
+                label: '',
+                projectLeader: '',
+                phone: '',
+                issuingTime: '',
+                acceptanceTime: '',
+                unitIntroduction: '',
+                introduction: ''
+            }
+        };
+    },
+    created() {
+        this.fetchData();
+    },
+    methods: {
+        fetchData() {
+            getBasicInformationById(this.id)
+                .then(response => {
+                    const data = response.data;
+                    this.descriptions = [
+                        { label: '项目名称', value: data.name },
+                        { label: '项目法人单位', value: data.xmfrdwxz },
+                        { label: '项目法人单位性质', value: data.nature },
+                        { label: '施工单位', value: data.sgdw },
+                        { label: '设计单位', value: data.sjdw },
+                        { label: '总投资额（万元）', value: data.ztze },
+                        { label: '所属功能区', value: data.ssgnq },
+                        { label: '建设起止时间', value: data.begainTime },
+                        { label: '现状分类', value: data.xzfl },
+                        { label: '建设地点', value: data.jsdd },
+                        { label: '重点发展产业', value: data.prioritize },
+                        { label: '建设模式', value: data.jsms },
+                        { label: '项目标签', value: data.label },
+                        { label: '项目负责人', value: data.projectLeader },
+                        { label: '联系方式', value: data.phone },
+                        { label: '施工许可证发放时间', value: data.issuingTime },
+                        { label: '竣工验收时间', value: data.acceptanceTime },
+                        { label: '项目法人单位简介', value: data.unitIntroduction },
+                        { label: '项目简介', value: data.introduction }
+                    ];
+                    // 初始化表单数据
+                    this.form = { ...data };
+                })
+                .catch(error => {
+                    console.error('There was an error fetching the data!', error);
+                });
         },
+        edit() {
+            this.dialogVisible = true;
+        },
+        exportData() {
+            // 导出逻辑
+        },
+        saveForm() {
+            updateBasicInformation(this.form)
+                .then(response => {
+                    console.log('Data saved successfully:', response.data);
+                    this.$message.success('数据保存成功！');
+                    this.dialogVisible = false;
+                    // 刷新数据
+                    this.fetchData();
+                })
+                .catch(error => {
+                    console.error('There was an error saving the data!', error);
+                    this.$message.error('数据保存失败，请重试！');
+                });
+        }
     }
+};
 </script>
 
 <style scoped>
@@ -217,12 +259,14 @@
     height: 25rem;
     background-color: lightblue;
 }
-.descriptionsdiv{
+
+.descriptionsdiv {
     width: 79rem;
     margin-left: 1rem;
-    height: 25.31rem;
+    height: auto; 
 }
-.two-row-item{
-    height: 20rem;
+
+.two-row-item {
+    height: auto; 
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Models.vue b/src/views/components/ProjectDetails/Models.vue
index 08b1e92..a100f97 100644
--- a/src/views/components/ProjectDetails/Models.vue
+++ b/src/views/components/ProjectDetails/Models.vue
@@ -22,9 +22,9 @@
                     <table class="custom-table">
                         <tr v-for="(row, index) in tableData" :key="index">
                             <td class="left-column">{{ row.left }}</td>
-                            <td class="right-columns">{{ row.right1 }}</td>
-                            <td class="right-columns">{{ row.right2 }}</td>
-                            <td class="right-columns">{{ row.right3 }}</td>
+                            <td class="right-columns"><span class="label-color">{{ row.label1 }}</span> {{ row.right1 }}</td>
+                            <td class="right-columns"><span class="label-color">{{ row.label2 }}</span> {{ row.right2 }}</td>
+                            <td class="right-columns"><span class="label-color">{{ row.label3 }}</span> {{ row.right3 }}</td>
                         </tr>
                     </table>
                 </div>
@@ -35,25 +35,25 @@
 
 <script>
 export default {
-  name: "CustomTable",
-  data() {
-    return {
-      tableData: [
-        { left: "环保安全", right1: "危化品等级：7.65", right2: "生产火灾危险等级：丙类", right3: "环境保护：无" },
-        { left: "设备载重", right1: "设备载重：无", right2: "", right3: "" },
-        { left: "垂直交通", right1: "货梯要求：原材料质量是否<3吨", right2: "货梯要求：1人/15m³", right3: "" },
-        { left: "减震措施", right1: "加工精度：纳米级", right2: "减震措施：无", right3: "" },
-        { left: "工艺需求", right1: "生产类型：无", right2: "层高要求：无", right3: "" },
-      ],
-      props: {
-        size: {
-            type: String,
-            default: 'mini'
-        }
+    name: "CustomTable",
+    data() {
+        return {
+            tableData: [
+                { left: "环保安全", label1: "危险等级：", right1: "7.65", label2: "生产火灾危险等级：", right2: "丙类", label3: "环境保护： ", right3: "无" },
+                { left: "设备载重", label1: "设备载重：", right1: "无", label2: "", right2: "", label3: "", right3: "" },
+                { left: "垂直交通", label1: "货梯要求：", right1: "原材料质量是否<3吨", label2: "货梯要求：", right2: "1人/15m³", label3: "", right3: "" },
+                { left: "减震措施", label1: "加工精度：", right1: "纳米级", label2: "减震措施：", right2: "无", label3: "", right3: "" },
+                { left: "工艺需求", label1: "生产类型：", right1: "无", label2: "层高要求：", right2: "无", label3: "", right3: "" },
+            ],
+            props: {
+                size: {
+                    type: String,
+                    default: 'mini'
+                }
+            },
+        };
+
     },
-    };
-    
-  },
 };
 
 </script>
@@ -122,25 +122,30 @@ export default {
 .two-row-item {
     height: 20rem;
 }
+
 .custom-table {
-  width: 100%;
-  border-collapse: collapse;
-  border: 1px solid #ccc;
+    width: 100%;
+    border-collapse: collapse;
+    border: 1px solid #E6EAF2;
 }
 
 .custom-table th,
 .custom-table td {
     padding: 8px;
     text-align: left;
-    border-top: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
+    border-top: 1px solid #E6EAF2;
+    border-bottom: 1px solid #E6EAF2;
 }
 
 .left-column {
-  border-right: 1px solid #ccc;
+    border-right: 1px solid #E6EAF2;
+    background-color: #F4F7FE;
 }
 
 .right-columns {
-  border-right: none;
+    border-right: none;
+}
+.label-color{
+    color: #808080;
 }
 </style>
diff --git a/src/views/components/ProjectDetails/Programme.vue b/src/views/components/ProjectDetails/Programme.vue
index 64b6872..b7222fe 100644
--- a/src/views/components/ProjectDetails/Programme.vue
+++ b/src/views/components/ProjectDetails/Programme.vue
@@ -31,7 +31,7 @@
                         <template slot="label">                           
                             容积率              
                         </template>
-                        泰凌医药（中国)有限公司
+                        泰凌医药（中国）有限公司
                     </el-descriptions-item>
                     <el-descriptions-item>
                         <template slot="label">                            
diff --git a/src/views/manage/details/index.vue b/src/views/manage/details/index.vue
index 05bfc4f..5e6b6f3 100644
--- a/src/views/manage/details/index.vue
+++ b/src/views/manage/details/index.vue
@@ -9,29 +9,53 @@
             </el-menu>
         </div>
         <!-- 基本信息 -->
-        <Basic id="basic"></Basic>
+        <div id="basic">
+            <Basic :id="1"></Basic>
+        </div>
         <!-- 规划信息 -->
-        <Programme id="programme"></Programme>
+        <div id="programme">
+            <Programme :id="1"></Programme>
+        </div>
         <!-- 建筑信息 -->
-        <Buildings id="buildings"></Buildings>
+        <div id="buildings">
+            <Buildings></Buildings>
+        </div>
         <!-- 要素模型信息 -->
-        <Models id="models"></Models>
+        <div id="models">
+            <Models></Models>
+        </div>
         <!-- 月度进展信息 -->
-        <Months id="months"></Months>
+        <div id="months">
+            <Months></Months>
+        </div>
         <!-- 企业入驻信息 -->
-        <Companyenter id="companyenter"></Companyenter>
+        <div id="companyenter">
+            <Companyenter></Companyenter>
+        </div>
         <!-- 项目画像 -->
-        <Projectpicture id="projectpicture"></Projectpicture>
+        <div id="projectpicture">
+            <Projectpicture></Projectpicture>
+        </div>
         <!-- 项目图例 -->
-        <Projectpicturetwo id="projectpicturetwo"></Projectpicturetwo>
+        <div id="projectpicturetwo">
+            <Projectpicturetwo></Projectpicturetwo>
+        </div>
         <!-- 项目巡礼 -->
-        <Projectgift id="projectgift"></Projectgift>
+        <div id="projectgift">
+            <Projectgift></Projectgift>
+        </div>
         <!-- 现场实况 -->
-        <Liver id="liver"></Liver>
+        <div id="liver">
+            <Liver></Liver>
+        </div>
         <!-- 项目备忘录 -->
-        <Memo id="memo"></Memo>
+        <div id="memo">
+            <Memo></Memo>
+        </div>
         <!-- 其他信息 -->
-        <Memo id="others"></Memo>
+        <div id="others">
+            <Memo></Memo>
+        </div>
         <!-- 返回顶部 -->
         <!-- <el-backtop target=".backtop"></el-backtop> -->
     </div>