From 7015c6a1e2e2d26637d3c9054081374c6b4889b1 Mon Sep 17 00:00:00 2001
From: yanfeiyong <2060201549@qq.com>
Date: Wed, 5 Mar 2025 10:53:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E8=AF=A6=E6=83=85=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/detailsicon/icon-bj@2x.png  | Bin 0 -> 588 bytes
 src/assets/images/detailsicon/icon-dc@2x.png  | Bin 0 -> 368 bytes
 .../images/detailsicon/icon-关闭@2x.png       | Bin 0 -> 728 bytes
 src/assets/images/icon-bf@2x.png              | Bin 0 -> 5835 bytes
 src/views/components/ProjectDetails/Basic.vue |  10 +-
 .../components/ProjectDetails/Buildings.vue   | 225 +++++++++++++++--
 .../ProjectDetails/Companyenter.vue           | 228 ++++++++++++++++--
 src/views/components/ProjectDetails/Liver.vue |  87 ++++++-
 src/views/components/ProjectDetails/Memo.vue  | 130 ++++++++--
 .../components/ProjectDetails/Models.vue      | 164 +++++++++++--
 .../components/ProjectDetails/Months.vue      | 170 +++++++++++--
 .../components/ProjectDetails/Programme.vue   | 162 +++++++++++--
 .../components/ProjectDetails/Projectgift.vue |  85 ++++++-
 .../ProjectDetails/Projectpicture.vue         | 199 +++++++++++++--
 14 files changed, 1287 insertions(+), 173 deletions(-)
 create mode 100644 src/assets/images/detailsicon/icon-bj@2x.png
 create mode 100644 src/assets/images/detailsicon/icon-dc@2x.png
 create mode 100644 src/assets/images/detailsicon/icon-关闭@2x.png
 create mode 100644 src/assets/images/icon-bf@2x.png

diff --git a/src/assets/images/detailsicon/icon-bj@2x.png b/src/assets/images/detailsicon/icon-bj@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c89832474b8bdd7e54ed1c192fb46969bbcdc2b
GIT binary patch
literal 588
zcmV-S0<-;zP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px%21!IgR7gv;md|n1KorKmw@esLiPeF*fy@j}1#vnE6|fQokPebmKpMcPgE$p9
zt^i$ZxFsE|#EBV3@8Oj#M_#WIDS@5QL8IN@x9`6Q&s<?_GzonK(NF{#5pD|Ri=Rnw
zXVLUj{u^!jN~tLUeGel8_+mZ|E}taefnOHP*97zwz4#20krgeNUw0O8;lg~lNP@I(
zMHuI|)-r)iItlpQLdkr*AJqlkYICBLx&k3>El`IGa7Vxd!08ISEfQ*@NvUtk?^!DW
z7tYMbHcP@dKU)IMU6DcbYg)!Z=;l#@CV1r%S46m&t#1!z{_vo{WAI935Svp#eW}Mm
zK$FFIzgeIy{9YutKG&;|Al)nYI86e747$Q=L502fOD-Y{_g3<A;BGeU2y}&S`+m0`
zwgkGun^M&6OJx@QFZjlSFwU+BbYd&CDx#(?+xF(w`O<<g%5RC#7v^Y@1j)aGmlh1Q
z>HSg4*cV@CY^qqd!8Kiq-f1%urKWbn9&=FTuhV|LJ*UmEqD`t1()rheL-$ZupYLSR
zAl{UCG9MpAp*BMS`lQr*5*dN0oKC(XYG=Wx{5u2|YI}SStH)WpMPy_5+q?JvsBP&~
zjW>swK_mrHx=h>Ik0h|eWwXjZ36uln!6o2`)|-#kH86Vxq`pAcN$Zhl1w7WSc3Pfd
aj{X8=?O8wwfVlVo0000<MNUMnLSTZ7J_;oO

literal 0
HcmV?d00001

diff --git a/src/assets/images/detailsicon/icon-dc@2x.png b/src/assets/images/detailsicon/icon-dc@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..6195fb3fc2346a019adc41bd16711ceb78c7ba87
GIT binary patch
literal 368
zcmV-$0gwKPP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG00001b5ch_0Itp)
z=>Px$DoI2^R47xek-bU-Q4odCtm_X3%&K5z5yc|xHsTX#uOya1i|lQ+P_VG~0gPZN
zaY4kw!lbj)2M{~g6rw3CY$Ul7@?+LJas!dwRZ=<K4Cg!Nzz|}S%D;>yjHyco2TfJW
zRlT`(SV9r~@{Q@tFI@px)prK2{pb5N+^z(DT?BB1+yZbMHc<*Yk6!X90;Kb`l<Kq^
zpQD||IIJ`g9rhBKcblkJfP`gshs>w*=~uE{c}9dy2ABMzwXTJ>sOwq??*z&+;E^L_
zS1If<RJr0!R{sKY1A>t;3=}lL%#`&{C(8Yv@r0g<`;j5y(*FRCkQdtZp_t75qz+10
z*m$2E8U6}<Z|3b6U<=s-<AgwW@vldA;za=4<hb$xgna<!Ab^23z=dz`eU=usPhIB#
O0000<MNUMnLSTYZ0-`bi

literal 0
HcmV?d00001

diff --git a/src/assets/images/detailsicon/icon-关闭@2x.png b/src/assets/images/detailsicon/icon-关闭@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e6b87dcf4ad1048235d2c4ac44193d1505b891b
GIT binary patch
literal 728
zcmV;}0w?{6P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px%l1W5CR9HvNm@kYPK^Vo~xs`zFDtfNxitB-CQEh@KsMZz7x|0`3NEKiZR|oDC
zmKs89uvBuW$_9l4d9r;MCYhVEyEC)13tvK({WtsDH{bhab}j&X#cAUa0Dr#$JOJ3r
zI2UICsLJyTz)x|IfVTj=(~9`t)2ZT^M+tZXAa`bf#CcMZfGq(283GdN8v&aDUY;r7
z0|DOyxV8mswOW_+`Fy+CZ0JOzD3{AQ-}k-gbo$J>QX^XezWLYRAB<W)TuivpXw=;8
zcKcebcE4OM_qy#6ZZ?}W^Z9%(2!i|Zc>L$cy^jRE1n@<-Vfi{fWU*KTp67WckTM+a
zE0s#4upS^FOAJemRWuq6e=?agbs<%_IOPe*NaSQ)NK-gb2f0mT6gChCX#*z%TIZph
z7h#aLa55nOI~h?_$acH^eJ~i*=~fdXi5C|+$o)Ei*H%tZZjvFzDH}LdK_}fTfI6Md
zRj=3kEcPR6U8E+mg1peluqWr7O9k0h3BboB-K-j7I2``ycDr@mI;lQeRWOlR!rU5H
zf}#XD256;XTq&`IJO*eyvc$m&g=`?h06D{EU5pJ~I9tdtK&|1gSS)(0)haM8!m5&m
zLg6k<i73EW!z7sx%8->x<t}V483)L&=1eE_tB;WD^?GkISruwAJ*w5J-|zSNO?))s
z0C^KX2RPd~N$3C)>>Yr&ry$e?)G|#PFJJ=5=W`fjA<ryK0W(+91~Ai{v;`FIrg2hT
zcuE3DNY=?uX|C-g1tcUDq>|RlCsB@b0Vvw%Cj&vbbrvoG1=Q7H<Z-g*m<FIzMbiY7
zL0=sTys_i60F?8Q`AJxAwN`br29#l`CLv!O$`x}~K=a&_+J6CrA(U2#l)HQY0000<
KMNUMnLSTaWN<B6J

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-bf@2x.png b/src/assets/images/icon-bf@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b97cc756b59a94ca5ac7b9739f33acffb920981c
GIT binary patch
literal 5835
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
VOel^<EHnTB002ovPDHLkV1lK8k#qn6

literal 0
HcmV?d00001

diff --git a/src/views/components/ProjectDetails/Basic.vue b/src/views/components/ProjectDetails/Basic.vue
index ff62c6d..d15a72a 100644
--- a/src/views/components/ProjectDetails/Basic.vue
+++ b/src/views/components/ProjectDetails/Basic.vue
@@ -7,8 +7,14 @@
                 <span>基本信息</span>
             </div>
             <div class="topright">
-                <el-button type="primary" icon="el-icon-edit" size="mini" plain style="border: none;"> 编辑</el-button>
-                <el-button type="primary" icon="el-icon-upload2" size="mini" plain style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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>
         <!-- 内容区 -->
diff --git a/src/views/components/ProjectDetails/Buildings.vue b/src/views/components/ProjectDetails/Buildings.vue
index 619b09e..5d74987 100644
--- a/src/views/components/ProjectDetails/Buildings.vue
+++ b/src/views/components/ProjectDetails/Buildings.vue
@@ -7,26 +7,167 @@
                 <span>建筑信息</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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">
+            <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false"
+                @close="handleClose(tag)">
+                {{ tag }}
+            </el-tag>
+            <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
+                @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
+            </el-input>
+            <el-button v-else class="button-new-tag" size="small" @click="showInput">+</el-button>
+        </div>
+        <!-- 内容区 -->
+        <div class="content">
+            <div class="descriptionsdiv">
+                <el-descriptions class="margin-top" :column="4" :size="size" 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>
+                        <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>
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
 <script>
+  export default {
+    data() {
+      return {
+        dynamicTags: ['标签一', '标签二', '标签三'],
+        inputVisible: false,
+        inputValue: ''
+      };
+    },
+    methods: {
+      handleClose(tag) {
+        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      },
 
+      showInput() {
+        this.inputVisible = true;
+        this.$nextTick(_ => {
+          this.$refs.saveTagInput.$refs.input.focus();
+        });
+      },
+
+      handleInputConfirm() {
+        let inputValue = this.inputValue;
+        if (inputValue) {
+          this.dynamicTags.push(inputValue);
+        }
+        this.inputVisible = false;
+        this.inputValue = '';
+      }
+    }
+  }
 </script>
 
 <style scoped>
@@ -35,29 +176,37 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
-    gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
     padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +218,38 @@
     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 2rem 0  2rem;
+}
+.el-tag + .el-tag {
+    margin-left: 10px;
+  }
+  .button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+  }
 </style>
diff --git a/src/views/components/ProjectDetails/Companyenter.vue b/src/views/components/ProjectDetails/Companyenter.vue
index 38b1d3b..87409e3 100644
--- a/src/views/components/ProjectDetails/Companyenter.vue
+++ b/src/views/components/ProjectDetails/Companyenter.vue
@@ -7,26 +7,185 @@
                 <span>企业入驻信息</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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" :size="size" 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>
+                        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>
+            </div>
+        </div>
+        <!-- 内容区 -->
+        <div class="content">
+            <div class="descriptionsdiv">
+                <el-table
+        :data="tableData"
+        style="width: 100%">
+        <el-table-column
+          prop="name"
+          label="项目名称"
+          width="210">
+          <template slot-scope="scope">
+            <span style="color: #2B62F1;">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="状态"
+          width="200">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="当月完成投资"
+          width="240">
+          <template slot-scope="scope">
+            <span style="color: #2B62F1;">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="累计完成投资"
+          width="220">
+          <template slot-scope="scope">
+            <span style="color: #2B62F1;">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="data"
+          label='截止目前累计建成面积(平方米)'
+          width="260"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="data"
+          label='贷款额度(万元)'
+          width="200">
+        </el-table-column>
+        <el-table-column
+          prop="data"
+          label='项目进展详情'
+          width="140">
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="状态"
+          width="80">
+          <template slot-scope="scope">
+            <span :style="getStatusColor(scope.row.status)">{{ scope.row.status }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
 <script>
-
+export 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>
@@ -35,29 +194,37 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
-    gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
     padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +236,21 @@
     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;
+}
 </style>
diff --git a/src/views/components/ProjectDetails/Liver.vue b/src/views/components/ProjectDetails/Liver.vue
index 8d27a2b..53f6e1e 100644
--- a/src/views/components/ProjectDetails/Liver.vue
+++ b/src/views/components/ProjectDetails/Liver.vue
@@ -21,12 +21,38 @@
                 style="border: none;"> 导出</el-button>
             </div>
         </div>
-        <div>123</div>
+        <!-- 视频 -->
+        <div class="image-container">
+            <div v-for="(image, index) in images" :key="index" class="image-box">
+                <img :src="image.src" alt="项目录像" class="image">
+                <!-- 关闭按钮 -->
+                <div class = "close-button" @click="removeImage(index)"> 
+                    <img src="../../../assets/images/detailsicon/icon-关闭@2x.png" alt="">
+                </div>
+                <!-- 播放按钮 -->
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
-
+export default {
+    data() {
+        return {
+            images: [
+                { src: '' },
+                { src: '' },
+                { src: '' },
+                // 添加更多图片
+            ]
+        };
+    },
+    methods: {
+        removeImage(index) {
+            this.images.splice(index, 1);
+        }
+    }
+};
 </script>
 
 <style scoped>
@@ -35,29 +61,34 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+    padding: 1rem;
     gap: 1rem;
+    overflow: auto;
 }
-.containertop{
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
-    padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +100,38 @@
     font-style: normal;
     text-transform: none;
 }
-</style>
+
+.image-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
+.image-box {
+    position: relative;
+    width: 21.75rem;
+    height: 12.44rem;
+    background-color: #f0f0f0;
+    border-radius: 0.5rem;
+    overflow: hidden;
+}
+
+.image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.close-button {
+    width: 1.25rem;
+    height: 1.25rem;
+    position: absolute;
+    top: 0.2rem;
+    right: 0.2rem;
+}
+.close-button img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Memo.vue b/src/views/components/ProjectDetails/Memo.vue
index e29d384..c1dd0ad 100644
--- a/src/views/components/ProjectDetails/Memo.vue
+++ b/src/views/components/ProjectDetails/Memo.vue
@@ -7,26 +7,81 @@
                 <span>项目备忘录</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" icon="el-icon-edit" size="mini" plain style="border: none;"> 导入</el-button>
+                <el-button type="primary" icon="el-icon-upload" size="mini" plain style="border: none;"> 导出</el-button>
+            </div>
+        </div>
+        <div class="content">
+            <div class="descriptionsdiv">
+                <el-form :model="form" @submit.native.prevent="onSubmit">
+                    <el-form-item>
+                        <el-col :span="11">
+                            <el-date-picker type="date" placeholder="选择日期" v-model="form.date1"
+                                style="width: 100%;"></el-date-picker>
+                        </el-col>
+                    </el-form-item>
+                </el-form>
+            </div>
+            <div class="descriptionsdiv">
+                <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false"
+                    @close="handleClose(tag)">
+                    {{ tag }}
+                </el-tag>
+                <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
+                    @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
+                </el-input>
+                <el-button v-else class="button-new-tag" size="small" @click="showInput">+ New Tag</el-button>
+
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
 <script>
+export default {
+    data() {
+        return {
+            dynamicTags: ['标签一', '标签二', '标签三'],
+            inputVisible: false,
+            inputValue: '',
+            form: {
+                name: '',
+                region: '',
+                date1: null, // 确保初始值为 null 或者一个默认日期
+                date2: '',
+                delivery: false,
+                type: [],
+                resource: '',
+                desc: ''
+            }
+        };
+    },
+    methods: {
+        onSubmit() {
+            console.log('submit!');
+            console.log(this.form); // 确保在提交时可以正确读取 form 数据
+        },
+        handleClose(tag) {
+            this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+        },
+
+        showInput() {
+            this.inputVisible = true;
+            this.$nextTick(_ => {
+                this.$refs.saveTagInput.$refs.input.focus();
+            });
+        },
 
+        handleInputConfirm() {
+            let inputValue = this.inputValue;
+            if (inputValue) {
+                this.dynamicTags.push(inputValue);
+            }
+            this.inputVisible = false;
+            this.inputValue = '';
+        }
+    }
+};
 </script>
 
 <style scoped>
@@ -35,11 +90,19 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
     gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
@@ -47,17 +110,20 @@
     border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +135,28 @@
     font-style: normal;
     text-transform: none;
 }
-</style>
+
+.descriptionsdiv {
+    width: 100%;
+    margin-left: 1rem;
+    height: auto;
+}
+
+.el-tag+.el-tag {
+    margin-left: 10px;
+}
+
+.button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+.input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Models.vue b/src/views/components/ProjectDetails/Models.vue
index 1758b1a..9097225 100644
--- a/src/views/components/ProjectDetails/Models.vue
+++ b/src/views/components/ProjectDetails/Models.vue
@@ -4,24 +4,122 @@
         <div class="containertop">
             <div class="topleft">
                 <img src="../../../assets/images/detailsicon/1.png" alt="">
-                <span>要素模型信息</span>
+                <span>五要素模型信息</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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="content">
+            <div class="descriptionsdiv">
+                <el-descriptions class="margin-top" :column="4" :size="size" 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>
+                        <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>
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
@@ -35,29 +133,37 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
-    gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
     padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +175,18 @@
     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;
+}
 </style>
diff --git a/src/views/components/ProjectDetails/Months.vue b/src/views/components/ProjectDetails/Months.vue
index 3696f1b..e31a1eb 100644
--- a/src/views/components/ProjectDetails/Months.vue
+++ b/src/views/components/ProjectDetails/Months.vue
@@ -7,26 +7,130 @@
                 <span>月度进展信息</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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="content">
+            <div class="descriptionsdiv">
+                <el-table
+        :data="tableData"
+        style="width: 100%">
+        <el-table-column
+          prop="name"
+          label="项目名称"
+          width="210">
+          <template slot-scope="scope">
+            <span style="color: #2B62F1;">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="状态"
+          width="200">
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="当月完成投资"
+          width="240">
+          <template slot-scope="scope">
+            <span style="color: #2B62F1;">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="累计完成投资"
+          width="220">
+          <template slot-scope="scope">
+            <span style="color: #2B62F1;">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="data"
+          label='截止目前累计建成面积(平方米)'
+          width="260"
+          >
+        </el-table-column>
+        <el-table-column
+          prop="data"
+          label='贷款额度(万元)'
+          width="200">
+        </el-table-column>
+        <el-table-column
+          prop="data"
+          label='项目进展详情'
+          width="140">
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="状态"
+          width="80">
+          <template slot-scope="scope">
+            <span :style="getStatusColor(scope.row.status)">{{ scope.row.status }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
 <script>
-
+export 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>
@@ -35,29 +139,37 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
-    gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
     padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +181,18 @@
     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;
+}
 </style>
diff --git a/src/views/components/ProjectDetails/Programme.vue b/src/views/components/ProjectDetails/Programme.vue
index e71de26..12bce7d 100644
--- a/src/views/components/ProjectDetails/Programme.vue
+++ b/src/views/components/ProjectDetails/Programme.vue
@@ -7,21 +7,119 @@
                 <span>规划信息</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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="content">
+            <div class="descriptionsdiv">
+                <el-descriptions class="margin-top" :column="4" :size="size" 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>
+                        <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>
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
@@ -35,29 +133,37 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
-    gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
     padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +175,18 @@
     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;
+}
 </style>
diff --git a/src/views/components/ProjectDetails/Projectgift.vue b/src/views/components/ProjectDetails/Projectgift.vue
index 84ccb7e..b22354e 100644
--- a/src/views/components/ProjectDetails/Projectgift.vue
+++ b/src/views/components/ProjectDetails/Projectgift.vue
@@ -21,12 +21,36 @@
                 style="border: none;"> 导出</el-button>
             </div>
         </div>
-        <div>123</div>
+        <!-- 图片盒子容器 -->
+        <div class="image-container">
+            <div v-for="(image, index) in images" :key="index" class="image-box">
+                <img :src="image.src" alt="项目图片" class="image">
+                <div class = "close-button" @click="removeImage(index)"> 
+                    <img src="../../../assets/images/detailsicon/icon-关闭@2x.png" alt="">
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
-
+export default {
+    data() {
+        return {
+            images: [
+                { src: '' },
+                { src: '' },
+                { src: '' },
+                // 添加更多图片
+            ]
+        };
+    },
+    methods: {
+        removeImage(index) {
+            this.images.splice(index, 1);
+        }
+    }
+};
 </script>
 
 <style scoped>
@@ -35,29 +59,34 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+    padding: 1rem;
     gap: 1rem;
+    overflow: auto;
 }
-.containertop{
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
-    padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +98,38 @@
     font-style: normal;
     text-transform: none;
 }
-</style>
+
+.image-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
+.image-box {
+    position: relative;
+    width: 21.75rem;
+    height: 12.44rem;
+    background-color: #f0f0f0;
+    border-radius: 0.5rem;
+    overflow: hidden;
+}
+
+.image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.close-button {
+    width: 1.25rem;
+    height: 1.25rem;
+    position: absolute;
+    top: 0.2rem;
+    right: 0.2rem;
+}
+.close-button img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Projectpicture.vue b/src/views/components/ProjectDetails/Projectpicture.vue
index 0025e6f..cb9481c 100644
--- a/src/views/components/ProjectDetails/Projectpicture.vue
+++ b/src/views/components/ProjectDetails/Projectpicture.vue
@@ -7,26 +7,160 @@
                 <span>项目画像</span>
             </div>
             <div class="topright">
-                <el-button 
-                type="primary" 
-                icon="el-icon-edit" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导入</el-button>
-                <el-button 
-                type="primary" 
-                icon="el-icon-upload" 
-                size="mini" 
-                plain 
-                style="border: none;"> 导出</el-button>
+                <el-button type="primary" size="mini" 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="mini" 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="content">
+            <div class="picturediv">
+                <div ref="chart" style="width: 30rem; height: 25rem; margin-left: 2rem;"></div>
+            </div>
+            <div class="descriptionsdiv">
+                <el-descriptions class="margin-top" :column="2" :size="size" border>
+                    <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>
+                        <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>
             </div>
         </div>
-        <div>123</div>
     </div>
 </template>
 
 <script>
+import * as echarts from 'echarts';
+
+export default {
+    mounted() {
+        this.initChart();
+    },
+    methods: {
+        initChart() {
+            const chartDom = this.$refs.chart;
+            const myChart = echarts.init(chartDom);
+
+            const option = {
+                title: {
+                    text: '',
+                    left: 'center'
+                },
+                tooltip: {},
+                legend: {
+                    data: ['本项目', '中位数']
+                },
+                radar: {
+                    // shape: 'circle',
+                    indicator: [
+                        { name: '总投资额', max: 6500 },
+                        { name: '首层层高', max: 16000 },
+                        { name: '二层及以上楼面荷载', max: 30000 },
+                        { name: '首层地面荷载', max: 38000 },
+                        { name: '二层及以上楼面荷载', max: 52000 },
+                        { name: '层数', max: 25000 }
+                    ]
+                },
+                series: [
+                    {
+                        name: 'Budget vs spending',
+                        type: 'radar',
+                        data: [
+                            {
+                                value: [4200, 3000, 20000, 35000, 50000, 18000],
+                                name: '本项目'
+                            },
+                            {
+                                value: [5000, 14000, 28000, 26000, 42000, 21000],
+                                name: '中位数'
+                            }
+                        ]
+                    }
+                ]
+            };
 
+            myChart.setOption(option);
+        }
+    }
+};
 </script>
 
 <style scoped>
@@ -35,29 +169,37 @@
     flex-direction: column;
     width: 100%;
     background-color: #FFFFFF;
-    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
+    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177, 177, 177, 0.1);
     border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
-    gap: 1rem;
 }
-.containertop{
+
+.content {
+    padding: 1rem;
+    display: flex;
+}
+
+.containertop {
     height: auto;
     display: flex;
     justify-content: space-between;
     padding: .7rem 0;
-    border-bottom: 1px solid #E5E5E5;
     padding: .5rem;
+    border-bottom: 1px solid #E5E5E5;
 }
-.topleft{
-    width:8rem ;
+
+.topleft {
+    width: 8rem;
     display: flex;
     gap: 0.4rem;
     align-items: center;
 }
-.topleft img{
+
+.topleft img {
     width: 0.81rem;
     height: 0.81rem;
 }
-.topleft span{
+
+.topleft span {
     width: auto;
     height: 0.88rem;
     font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
@@ -69,4 +211,19 @@
     font-style: normal;
     text-transform: none;
 }
+
+.picturediv {
+    width: auto;
+    height: auto;
+}
+
+.descriptionsdiv {
+    width: 52rem;
+    margin-left: 10rem;
+    height: 25.31rem;
+}
+
+.two-row-item {
+    height: 20rem;
+}
 </style>