diff --git a/hb_client/src/components/Gantt/index.vue b/hb_client/src/components/Gantt/index.vue
index 1ba94e5..58df4c5 100644
--- a/hb_client/src/components/Gantt/index.vue
+++ b/hb_client/src/components/Gantt/index.vue
@@ -1,5 +1,18 @@
 <template>
   <div>
+    <el-row style="position: fixed;z-index: 2000;top: 465px;right: 10px;">
+      <el-date-picker
+        v-model="timeRange"
+        type="monthrange"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+        range-separator="至"
+        format="yyyy 年 MM 月"
+        value-format="yyyy-MM"
+        @change="timeRangeChange"
+      >
+      </el-date-picker>
+    </el-row>
     <div class="left" style=" width: 400px ;float: left;border-right: 1px solid #f7f7f7">
       <leftMenu
         :list="list"
@@ -131,7 +144,7 @@
                   }"
                 ></span>
               </template>
-              <template v-if="currentDaySize.value === 2">
+              <template v-if="currentDaySize.value === 5">
                 <span
                   class="dateNum"
                   :class="{
@@ -264,11 +277,11 @@
               <span class="title">工作周期：</span>
               <span>{{ currentProjectMsg.allTime }}天</span>
             </div>
-            <div class="lineMsg">
+            <div class="lineMsg" v-if="currentProjectMsg.per1">
               <span class="title">当前进度：</span>
               <span>{{ currentProjectMsg.per }}</span>
             </div>
-            <div class="lineMsg">
+            <div class="lineMsg" v-if="currentProjectMsg.per1">
               <span class="title">合格数量：</span>
               <span>{{ currentProjectMsg.per1 }}</span>
             </div>
@@ -300,10 +313,12 @@
         type:Array,
         default: () => {
           return []
-        }} ,
+        }
+      } ,
     },
     data() {
       return {
+        leftYear:2021,
         timeRange: [],
         disable: true,
         //当前项是否是子集
@@ -343,7 +358,7 @@
           },
           {
             label: "月",
-            value: 2
+            value: 5
           }
         ],
         //是否显示信息
@@ -374,7 +389,8 @@
       };
     },
     mounted(){
-      debugger;
+      let currentYear = new Date().getFullYear();
+      this.timeRange = [currentYear+'-01',currentYear+'-12'];
       this.list = [...this.proList];
       document.addEventListener("scroll", this.handleScroll);
       this.list=[...this.list];
@@ -383,6 +399,7 @@
       this.setStoneLine();
     },
     computed: {
+
       computedList() {
         let arr = [];
         this.list.forEach(item => {
@@ -412,14 +429,15 @@
       }
     },
     methods: {
+      timeRangeChange(){
+        this.getAllDate();
+        this.handlerCheckList(this.list);
+        this.getDay();
+        this.setStoneLine();
+      },
       TableScrollTop(val) {
         let lineBG = this.$refs.lineBG;
         lineBG.scrollTo(0, val);
-        // lineBG.scrollTo({
-        //   top: val,
-        //   left: 0,
-        //   behavior: "smooth"
-        // });
       },
       handlerBGScroll(e) {
         this.BGScrollTop = this.$refs.chart.scrollTop;
@@ -502,15 +520,14 @@
       },
       // 根据时间计算距离
       computedTimeWidth(startTime, endTime) {
-        debugger;
         if (!endTime) {
-          let left =
-            (Math.floor(startTime - new Date(`${this.currentYear - 1}/01/01`).getTime()) /
+          let leftY = this.leftYear+'-01-01';
+          let leftTime = new Date(leftY).getTime();
+          let left = (Math.floor(startTime - leftTime) /
               (1000 * 60 * 60 * 24)) * this.currentDaySize.value;
           return left;
         } else {
           let width = (Math.floor(endTime - startTime) / (1000 * 60 * 60 * 24)) * this.currentDaySize.value + this.currentDaySize.value;
-          console.log(width);
           return width;
         }
       },
@@ -706,7 +723,7 @@
           (Math.floor(
             new Date(
               `${this.currentYear}/${this.currentMonth}/${this.currentDay}`
-            ).getTime() - new Date(`${this.currentYear - 1}/01/01`).getTime()
+            ).getTime() - new Date(`${this.leftYear}/01/01`).getTime()
             ) /
             (1000 * 60 * 60 * 24)) *
           this.currentDaySize.value - s;
@@ -723,7 +740,7 @@
        */
       computedWithTime(width, time) {
         let startTime = (width / this.currentDaySize.value) * (1000 * 60 * 60 * 24) +
-          new Date(`${this.currentYear - 1}/01/01`).getTime();
+          new Date(`${this.leftYear}/01/01`).getTime();
         let s = new Date(startTime);
         if (time && time == true) {
           return s.getTime();
@@ -882,12 +899,15 @@
       },
       getAllDate() {
         let obj = {}, arr = [];
-       /* let start = new Date(this.timeRange[0]).getFullYear();
-        let end = new Date(this.timeRange[1]).getFullYear();*/
-        /*for (let i = start; i < end + 1; i++) {
+        let start = parseInt(this.timeRange[0].split('-')[0]);
+        let end = parseInt(this.timeRange[1].split('-')[0]);
+        // let end = new Date(this.timeRange[1]).getFullYear();
+        for (let i = start; i < end + 1; i++) {
           arr.push(i)
-        }*/
-        arr = [this.currentYear - 1, this.currentYear, this.currentYear + 1];
+        }
+        this.leftYear = arr[0];
+        // arr = [this.currentYear - 1, this.currentYear, this.currentYear + 1];
+        this.allDays = [];
         arr.forEach(item => {
           obj.year = item;
           obj.days = this.isLeapYear(item) ? 365 : 366;
@@ -914,6 +934,7 @@
         this.allDays.forEach(item => {
           arr = arr.concat(item.month);
         });
+        this.days = [];
         arr.forEach(item => {
           for (var j in item) {
             this.days = this.days.concat(item[j]);
@@ -973,19 +994,16 @@
           case 10:
           case 12:
             return 31;
-            // eslint-disable-next-line no-unreachable
             break;
           case 4:
           case 6:
           case 9:
           case 11:
             return 30;
-            // eslint-disable-next-line no-unreachable
             break;
           case 2:
             day = days == 365 ? 28 : 29;
             return day;
-            // eslint-disable-next-line no-unreachable
             break;
         }
       },
@@ -1148,7 +1166,7 @@
       .toolTip {
         position: fixed;
         right: 0;
-        top: 90px;
+        top: 550px;
         z-index: 999;
 
         .base {
diff --git a/hb_client/src/views/pm/plan.vue b/hb_client/src/views/pm/plan.vue
index 4d114e1..049681e 100644
--- a/hb_client/src/views/pm/plan.vue
+++ b/hb_client/src/views/pm/plan.vue
@@ -203,18 +203,6 @@
           :proList="proList"
         ></gantt>
       </el-tab-pane>
-      <!--<el-row style="position: absolute;z-index: 20000;top: 0;right: 0;">
-        <el-date-picker
-          v-model="timeRange"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          format="yyyy 年 MM 月 dd 日"
-          value-format="yyyy-MM-dd"
-        >
-          &lt;!&ndash;   @change="timeRangeChange"&ndash;&gt;
-        </el-date-picker>
-      </el-row>-->
     </el-tabs>
   </div>
 </template>
@@ -233,7 +221,6 @@
     components: {Pagination,gantt},
     data() {
       return {
-
         orderplan: defaulteorderplan,
         orderList: {
           count: 0,
@@ -259,7 +246,6 @@
           number: [{required: true, message: "请输入", trigger: "blur"}],
 
         },
-        timeRange:[],
         proList:[],
       };
     },