diff --git a/src/views/projectAdmin/jlw/planProgress/centerTop.vue b/src/views/projectAdmin/jlw/planProgress/centerTop.vue
index d135be09..839cf98e 100644
--- a/src/views/projectAdmin/jlw/planProgress/centerTop.vue
+++ b/src/views/projectAdmin/jlw/planProgress/centerTop.vue
@@ -65,12 +65,13 @@ export default {
   },
   data() {
     return {
-      dates: ['2020/04', '2020/05'],
+      dates: ['2020/04', '2020/05', '2020/07', '2020/08'],
       projects: [
         {
           pName: '地基与基础工程',
           startTime: '2020/04',
           endTime: '2020/05',
+          gantts: [{ startTime: '', endTime: '', status: '' }],
           children: [
             { pName: '无支护土方工程', startTime: '2020/04', endTime: '2020/05' },
             { pName: '有支护土方工程', startTime: '2020/04', endTime: '2020/05' }
@@ -128,16 +129,20 @@ export default {
 
 <style lang="less" scoped>
 .gantt-chart {
+  height: 100%;
   .table {
+    height: 100%;
+    overflow-x: auto;
     .thead {
-      background-color: #163549;
       border-bottom: 1px solid #234d5f;
       .row {
         display: flex;
         .td {
+          flex-shrink: 0;
           box-sizing: border-box;
           height: 42px;
           line-height: 42px;
+          background-color: #163549;
           .date {
             line-height: 21px;
             border-left: 1px solid #234d5f;
@@ -166,7 +171,6 @@ export default {
       }
     }
     .tbody {
-      background-color: #0a1b2f;
       border-left: 1px solid #234d5f;
       .row-groups {
         position: relative;
@@ -198,9 +202,11 @@ export default {
         .row {
           display: flex;
           .td {
+            flex-shrink: 0;
             box-sizing: border-box;
             height: 42px;
             line-height: 42px;
+            background-color: #0a1b2f;
             border-right: 1px solid #234d5f;
             border-bottom: 1px solid #234d5f;
             .grids {