1

src/views/components/ProjectDetails/Basic.vue

@@ -105,6 +105,7 @@
     </div>
 </template>
 
+
 <script>
 import { getBasicInformationById, updateBasicInformation } from '@/api/ManageApi/index';
 
@@ -187,13 +188,16 @@ export default {
         handleExport() {
             this.download('system/post/export', {
                 ...this.queryParams
-            }, `post_${new Date().getTime()}.xlsx`)
+            }, `post_${new Date().getTime()}.xlsx`);
         },
         edit() {
             this.dialogVisible = true;
         },
         saveForm() {
-            updateBasicInformation(this.form)
+            // 确保 form 数据是一个有效的对象
+            const formData = { ...this.form };
+
+            updateBasicInformation(formData)
                 .then(response => {
                     console.log('Data saved successfully:', response.data);
                     this.$message.success('数据保存成功！');
@@ -210,6 +214,8 @@ export default {
 };
 </script>
 
+
+
 <style scoped>
 .container {
     display: flex;

src/views/components/ProjectDetails/Memo.vue

@@ -8,7 +8,8 @@
             </div>
             <div class="topright">
                 <el-button type="primary" icon="el-icon-edit" size="medium" plain style="border: none;"> 导入</el-button>
-                <el-button type="primary" icon="el-icon-upload" size="medium" plain style="border: none;"> 导出</el-button>
+                <el-button type="primary" icon="el-icon-upload" size="medium" plain style="border: none;">
+                    导出</el-button>
             </div>
         </div>
         <div class="content">
@@ -22,16 +23,22 @@
                     </el-form-item>
                 </el-form>
             </div>
-            <div class="descriptionsdiv">
+            <div class="descriptionsdivnext">
-                <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false"
+                <div class="descriptionditem">
-                    @close="handleClose(tag)">
+                    <div class="itemone">2024-09-28</div>
-                    {{ tag }}
+                    <div class="itemtwo">该项目已完工，需继续更新</div>
-                </el-tag>
+                    <div class="itemthree">2024-09-28</div>
-                <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
+                </div>
-                    @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
+                <div class="descriptionditem">
-                </el-input>
+                    <div class="itemone">2024-09-28</div>
-                <el-button v-else class="button-new-tag" size="small" @click="showInput">+ New Tag</el-button>
+                    <div class="itemtwo">该项目已完工，需继续更新</div>
-
+                    <div class="itemthree">2024-09-28</div>
+                </div>
+                <div class="descriptionditem">
+                    <div class="itemone">2024-09-28</div>
+                    <div class="itemtwo">该项目已完工，需继续更新</div>
+                    <div class="itemthree">2024-09-28</div>
+                </div>
             </div>
         </div>
     </div>
@@ -47,7 +54,7 @@ export default {
             form: {
                 name: '',
                 region: '',
-                date1: null, // 确保初始值为 null 或者一个默认日期
+                date1: null,
                 date2: '',
                 delivery: false,
                 type: [],
@@ -59,7 +66,7 @@ export default {
     methods: {
         onSubmit() {
             console.log('submit!');
-            console.log(this.form); // 确保在提交时可以正确读取 form 数据
+            console.log(this.form);
         },
         handleClose(tag) {
             this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
@@ -99,7 +106,7 @@ export default {
     padding: 1rem;
     display: flex;
     flex-direction: column;
-    gap: 2rem;
+    gap: 1rem;
 }
 
 .containertop {
@@ -159,4 +166,59 @@ export default {
     margin-left: 10px;
     vertical-align: bottom;
 }
+
+.descriptionsdivnext {
+    display: flex;
+    height: 8rem;
+    margin-top: -1rem;
+    gap: 1rem;
+}
+
+.descriptionditem {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: 21.75rem;
+    height: 7rem;
+    background: #FBFCFF;
+    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
+    border: 0.06rem solid #E6E6E6;
+    padding: .5rem;
+}
+
+.itemone {
+    width: 5.88rem;
+    height: 0.88rem;
+    font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+    font-weight: 500;
+    font-size: 0.88rem;
+    color: #3D424C;
+    line-height: 0.88rem;
+    font-style: normal;
+    text-transform: none;
+}
+
+.itemtwo {
+    width: 100%;
+    height: 2rem;
+    font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+    font-weight: 400;
+    font-size: 0.88rem;
+    color: #3D424C;
+    line-height: 0.88rem;
+    font-style: normal;
+    text-transform: none;
+}
+
+.itemthree {
+    width: 6.06rem;
+    height: 0.88rem;
+    font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+    font-weight: 400;
+    font-size: 0.88rem;
+    color: #808080;
+    line-height: 0.88rem;
+    font-style: normal;
+    text-transform: none;
+}
 </style>

src/views/components/ProjectDetails/Others.vue

@@ -0,0 +1,202 @@
+<template>
+    <div class="container">
+      <!-- 顶部信息 -->
+      <div class="containertop">
+        <div class="topleft">
+          <img src="../../../assets/images/detailsicon/1.png" alt="">
+          <span>其他信息</span>
+        </div>
+        <div class="topright">
+          <el-button type="primary" size="medium" plain
+            style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;">
+            <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="medium" plain
+            style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;">
+            <img src="../../../assets/images/detailsicon/icon-dc@2x.png" alt="编辑"
+              style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
+            导出
+          </el-button>
+        </div>
+      </div>
+      <!-- 内容区上方的表格 -->
+      <div class="tagdiv">
+        <div class="descriptionsdiv">
+          <el-descriptions class="margin-top" :column="4" border>
+            <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>
+              苏州市
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    props: {
+      size: {
+        type: String,
+        default: '' // 提供默认值
+      }
+    },
+    data() {
+      return {
+        tableData: [
+          {
+            date: '2016-05-02',
+            name: '大众电脑生成制造基地',
+            address: ' 1518 弄',
+            data: '1000',
+            status: '在建'
+          },
+          {
+            date: '2016-05-04',
+            name: '大众电脑生成制造基地',
+            address: ' 1517 弄',
+            data: '1500',
+            status: '拟建'
+          },
+          {
+            date: '2016-05-01',
+            name: '大众电脑生成制造基地',
+            address: ' 1519 弄',
+            data: '2000',
+            status: '已建'
+          },
+          {
+            date: '2016-05-03',
+            name: '大众电脑生成制造基地',
+            address: ' 1516 弄',
+            data: '2500',
+            status: '在建'
+          }
+        ],
+      }
+    },
+    methods: {
+      getStatusColor(status) {
+        switch (status) {
+          case '在建':
+            return 'color: #2DD29F;';
+          case '拟建':
+            return 'color: #F08445;';
+          case '已建':
+            return 'color: #2B62F1;';
+        }
+      }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    background-color: #FFFFFF;
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
+    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+  }
+  
+  .content {
+    padding: 1rem;
+    display: flex;
+  }
+  
+  .containertop {
+    height: auto;
+    display: flex;
+    justify-content: space-between;
+    padding: .7rem 0;
+    padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
+  }
+  
+  .topleft {
+    width: 8rem;
+    display: flex;
+    gap: 0.4rem;
+    align-items: center;
+  }
+  
+  .topleft img {
+    width: 0.81rem;
+    height: 0.81rem;
+  }
+  
+  .topleft span {
+    width: auto;
+    height: 0.88rem;
+    font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+    font-weight: 500;
+    font-size: 0.88rem;
+    color: #3D424C;
+    line-height: 0.88rem;
+    text-align: right;
+    font-style: normal;
+    text-transform: none;
+  }
+  
+  .picturediv {
+    width: 18.31rem;
+    height: 25.31rem;
+    background-color: lightblue;
+  }
+  
+  .descriptionsdiv {
+    width: 100%;
+    margin-left: 1rem;
+    height: auto;
+  }
+  
+  .two-row-item {
+    height: 20rem;
+  }
+  
+  .tagdiv {
+    padding: 1rem 3em 1rem 1rem;
+  }
+  .block{
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 1rem;
+  }
+  </style>
+  

src/views/manage-info/index.vue

@@ -65,8 +65,8 @@
                 <Memo></Memo>
             </div>
             <!-- 其他信息 -->
-            <div id="others">
+            <div class="bottombox" id="others">
-                <Memo></Memo>
+                <Others></Others>
             </div>
             <!-- 返回顶部 -->
             <!-- <el-backtop target=".backtop"></el-backtop> -->
@@ -87,6 +87,7 @@ import Programme from '../components/ProjectDetails/Programme.vue';
 import Projectgift from '../components/ProjectDetails/Projectgift.vue';
 import Projectpicture from '../components/ProjectDetails/Projectpicture.vue';
 import Projectpicturetwo from '../components/ProjectDetails/Projectpicturetwo.vue';
+import Others from '../components/ProjectDetails/Others.vue';
 
 export default {
     components: {
@@ -101,7 +102,8 @@ export default {
         Programme,
         Projectgift,
         Projectpicture,
-        Projectpicturetwo
+        Projectpicturetwo,
+        Others
     },
     data() {
         return {
@@ -219,4 +221,7 @@ export default {
     background-color: #2B62F1;
     border-bottom: none;
 }
+.bottombox{
+    margin-bottom: 1rem;
+}
 </style>