diff --git a/src/views/projectAdmin/dataBoard/homePage/projectInfo.vue b/src/views/projectAdmin/dataBoard/homePage/projectInfo.vue
index ee6a1299..91b59b58 100644
--- a/src/views/projectAdmin/dataBoard/homePage/projectInfo.vue
+++ b/src/views/projectAdmin/dataBoard/homePage/projectInfo.vue
@@ -1,11 +1,151 @@
 <template>
-  <div class="projectInfo">projectInfo</div>
+  <div class="projectInfo">
+    <div class="title">
+      {{ $t('message.companyDiagram.projectInfo') }}
+    </div>
+    <div class="content">
+      <vue-scroll>
+        <div class="listItem">
+          <!-- 项目名称 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.entryName1') }}：
+          </span>
+          <span class="value">{{ projectData.projectName }}</span>
+        </div>
+        <div class="listItem">
+          <!-- 项目地址 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.projectAddress') }}：
+          </span>
+          <span class="value">
+            {{ projectData.provinceName }}{{ projectData.cityName }}
+            {{ projectData.areaName }}{{ projectData.projectAddress }}
+          </span>
+        </div>
+        <div class="listItem">
+          <!-- 项目经理 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.projectManager') }}：
+          </span>
+          <span class="value">{{ projectData.projectManage }}</span>
+        </div>
+        <div class="listItem">
+          <!-- 联系电话 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.telPhone') }}：
+          </span>
+          <span class="value">{{ projectData.projectTel }}</span>
+        </div>
+        <div class="listItem">
+          <!-- 建筑面积 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.buildArea') }}：
+          </span>
+          <span class="value">{{ projectData.projectAcreage }} m²</span>
+        </div>
+        <div class="listItem">
+          <!-- 开工日期 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.buildStartTime') }}：
+          </span>
+          <span class="value">{{ projectData.startWorkDate }}</span>
+        </div>
+        <div class="listItem">
+          <!-- 项目编号 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.projectNo') }}：
+          </span>
+          <span class="value">{{ projectData.projectNumber }}</span>
+        </div>
+        <div class="listItem">
+          <!-- 工程类别 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.projectType') }}：
+          </span>
+          <span
+            class="value"
+            v-for="(item, index) in $t('message.companyDiagram.PROJECTTYPE')"
+            :key="index"
+          >
+            {{ projectData.projectType == item.id ? item.name : '' }}
+          </span>
+        </div>
+        <div class="listItem">
+          <!-- 工程用途 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.projectUse') }}：
+          </span>
+          <span
+            class="value"
+            v-for="(item, index) in $t(
+              'message.companyDiagram.ENGINEERINGPRUPOSE'
+            )"
+            :key="index"
+          >
+            {{ projectData.engineeringPurpose == item.id ? item.name : '' }}
+          </span>
+        </div>
+        <div class="listItem">
+          <!-- 结构类型 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.structureType') }}：
+          </span>
+          <span
+            class="value"
+            v-for="(item, index) in $t('message.companyDiagram.STRUCTURETYPE')"
+            :key="index"
+          >
+            {{ projectData.structureType == item.id ? item.name : '' }}
+          </span>
+        </div>
+        <div class="listItem">
+          <!-- 工程状态 -->
+          <span class="label">
+            {{ $t('message.companyDiagram.projectStatus') }}：
+          </span>
+          <span
+            class="value"
+            v-for="(item, index) in $t('message.companyDiagram.BUILDSTATUS')"
+            :key="index"
+          >
+            {{ projectData.bulidStatus == item.id ? item.name : '' }}
+          </span>
+        </div>
+      </vue-scroll>
+    </div>
+  </div>
 </template>
 
 <script>
-export default {};
+export default {
+  props: ['projectData']
+}
 </script>
 
 <style lang="less" scoped>
-
-</style>>
\ No newline at end of file
+.projectInfo {
+  position: relative;
+  margin-bottom: 25px;
+  height: calc(100% - 2px);
+  width: 100%;
+  .title {
+    position: relative;
+    top: -10px;
+    font-size: 17px;
+    font-weight: bold;
+    text-align: center;
+    color: #6ce9f0;
+  }
+  .content {
+    position: relative;
+    padding: 10px 20px;
+    height: calc(100% - 20px - 24px);
+    z-index: 2;
+    .listItem {
+      .value {
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/dataBoard/index.vue b/src/views/projectAdmin/dataBoard/index.vue
index 9eb5ba5d..14ccfc51 100644
--- a/src/views/projectAdmin/dataBoard/index.vue
+++ b/src/views/projectAdmin/dataBoard/index.vue
@@ -3,143 +3,7 @@
     <div class="fullHeight aside">
       <div class="blockBox">
         <!-- 项目信息 -->
-        <div class="blockTitle">
-          {{ $t('message.companyDiagram.projectInfo') }}
-        </div>
-        <div class="blockContent">
-          <!-- <marquee
-                    class="text"
-                    id="affiche"
-                    align="left"
-                    direction="up"
-                    height="100%"
-                    width="100%"
-                    hspace="10"
-                    vspace="20"
-                    loop="-1"
-                    scrollamount="5"
-                    scrolldelay="100"
-                    onmouseover="this.stop()"
-                    onmouseout="this.start()"
-                    behavior="alternate"
-                    > -->
-          <vue-scroll>
-            <div class="listItem">
-              <!-- 项目名称 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.entryName1') }}：</span
-              >
-              <span class="value">{{ projectData.projectName }}</span>
-            </div>
-            <div class="listItem">
-              <!-- 项目地址 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.projectAddress') }}：</span
-              >
-              <span class="value"
-                >{{ projectData.provinceName }}{{ projectData.cityName
-                }}{{ projectData.areaName
-                }}{{ projectData.projectAddress }}</span
-              >
-            </div>
-            <div class="listItem">
-              <!-- 项目经理 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.projectManager') }}：</span
-              >
-              <span class="value">{{ projectData.projectManage }}</span>
-            </div>
-            <div class="listItem">
-              <!-- 联系电话 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.telPhone') }}：</span
-              >
-              <span class="value">{{ projectData.projectTel }}</span>
-            </div>
-            <div class="listItem">
-              <!-- 建筑面积 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.buildArea') }}：</span
-              >
-              <span class="value">{{ projectData.projectAcreage }} m²</span>
-            </div>
-            <div class="listItem">
-              <!-- 开工日期 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.buildStartTime') }}：</span
-              >
-              <span class="value">{{ projectData.startWorkDate }}</span>
-            </div>
-            <div class="listItem">
-              <!-- 项目编号 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.projectNo') }}：</span
-              >
-              <span class="value">{{ projectData.projectNumber }}</span>
-            </div>
-            <div class="listItem">
-              <!-- 工程类别 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.projectType') }}：</span
-              >
-              <span
-                class="value"
-                v-for="(item, index) in $t(
-                  'message.companyDiagram.PROJECTTYPE'
-                )"
-                :key="index"
-                v-if="projectData.projectType == item.id"
-                >{{ item.name }}</span
-              >
-            </div>
-            <div class="listItem">
-              <!-- 工程用途 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.projectUse') }}：</span
-              >
-              <span
-                class="value"
-                v-for="(item, index) in $t(
-                  'message.companyDiagram.ENGINEERINGPRUPOSE'
-                )"
-                :key="index"
-                v-if="projectData.engineeringPurpose == item.id"
-                >{{ item.name }}</span
-              >
-            </div>
-            <div class="listItem">
-              <!-- 结构类型 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.structureType') }}：</span
-              >
-              <span
-                class="value"
-                v-for="(item, index) in $t(
-                  'message.companyDiagram.STRUCTURETYPE'
-                )"
-                :key="index"
-                v-if="projectData.structureType == item.id"
-                >{{ item.name }}</span
-              >
-            </div>
-            <div class="listItem">
-              <!-- 工程状态 -->
-              <span class="label"
-                >{{ $t('message.companyDiagram.projectStatus') }}：</span
-              >
-              <span
-                class="value"
-                v-for="(item, index) in $t(
-                  'message.companyDiagram.BUILDSTATUS'
-                )"
-                :key="index"
-                v-if="projectData.bulidStatus == item.id"
-                >{{ item.name }}</span
-              >
-            </div>
-          </vue-scroll>
-          <!-- </marquee> -->
-        </div>
+        <ProjectInfo :projectData="projectData"></ProjectInfo>
       </div>
       <div class="blockBox">
         <!-- 人员概况 -->
@@ -798,9 +662,10 @@ import {
   eidtProjectShowConfig,
   queryBySnData
 } from '@/assets/js/api/projectSummary.js'
+import ProjectInfo from './homePage/projectInfo'
 
 export default {
-  components: { devNumChart, airQulityChart },
+  components: { devNumChart, airQulityChart, ProjectInfo },
   data() {
     return {
       COMPANY: '',
@@ -1258,18 +1123,12 @@ export default {
       }
       console.log('当前的参数', data)
       getProjectDetail(data).then((res) => {
-        // console.log(res);
         if (res.code == 200) {
-          console.log('打印一下', res)
           this.projectData = res.result
-          console.log(this.projectData)
-          //   console.log('this.projectData.constructionStage-4*230',this.projectData.constructionStage-4*230)
+          console.log('projectData', this.projectData)
           if (parseInt(this.projectData.constructionStage) > 4) {
             this.$refs['stageScroll'].scrollTo(
-              {
-                x: (this.projectData.constructionStage - 4) * 230
-                // x:'50%'
-              },
+              { x: (this.projectData.constructionStage - 4) * 230 },
               500
             )
           }