diff --git a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
index 2bc35db56..b6ae4c56c 100644
--- a/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
+++ b/jero-web/src/views/projectManagement/projectStatusBoard/index.vue
@@ -36,16 +36,19 @@
            <a-range-picker
              :placeholder="[this.$t('startMonth'), this.$t('endMonth')]"
              format="YYYY-MM"
-             class="range-picker"
-             :value="getTime"
+             v-model="getTime"
              :mode="mode2"
              :open="open"
-             show-time
-             @ok="okChange"
              @openChange="openChange"
              @panelChange="panelChange"
              @change="hodeChange"
-           />
+           >
+             <div slot="renderExtraFooter" style="width: 100%;display: block">
+               <div style="text-align: right;width: 100%">
+                   <a @click="okChange">{{$t('determine')}}</a>
+               </div>
+             </div>
+           </a-range-picker>
       </span>
       <div class="box-top-content">
         <div id="main"></div>
@@ -203,6 +206,7 @@
         this.getTimeline()
       },
       hodeChange() {
+        this.getTime = []
         this.startTime = undefined
         this.endTime = undefined
         this.getTimeline()
@@ -267,6 +271,10 @@
             }
           }
         }
+        let num = timeList.length * 3
+        if (num < 31) {
+          num = 31
+        }
         option = {
           legend: {
             data: ['Punch Card'],
@@ -300,7 +308,7 @@
             position: 'top',
             axisLabel: {
               showMinLabel: true,
-              interval: 31,
+              interval: num,
               textStyle: {
                 fontFamily: 'Blue Sky Noto',
                 color: '#000F16',