周期统计点击跳转

src/views/projectManage/projectList/css/index.css

@@ -48,9 +48,6 @@
 .bgborder .rotate {
   transform: rotate(270deg);
 }
-.bgborder .el-tabs__nav-wrap::after {
-  background-color: #FFFFFF !important;
-}
 
 .bgborder .el-row .el-col {
   margin: 10px 0;

src/views/quality/components/developmentCycle.vue

@@ -1,7 +1,7 @@
 <template>
   <section>
     <div class="chart-contain">
-      <normal-echart v-if="echartsOption" :chart-id="id" :option="echartsOption" />
+      <normal-echart v-if="echartsOption" :chart-id="id" :option="echartsOption" @onClick="toLink" />
     </div>
   </section>
 </template>
@@ -20,6 +20,11 @@ export default {
       type: Array,
       default: () => [],
       required: false
+    },
+    type: {
+      type: String,
+      default: '',
+      required: false
     }
   },
   data() {
@@ -86,6 +91,13 @@ export default {
           }
         }]
       }
+    },
+    toLink(params) {
+      if (this.type === 'require') {
+        this.$router.push({ name: '需求详情', query: { id: params.data[2] }})
+      } else if (this.type === 'task') {
+        this.$router.push({ name: '任务详情', query: { id: params.data[2] }})
+      }
     }
   }
 }

src/views/quality/requireStatistics.vue

@@ -136,7 +136,7 @@
           <i class="el-icon-warning-outline" />
           <span>仅统计状态已变更“已排期”且排期不为空的需求；横坐标表示需求交付日期，纵坐标代表研发交付周期（研发、联调、上线类型排期的总周期)</span>
         </div>
-        <development-cycle :chart-data="developmentCycleData" />
+        <development-cycle :chart-data="developmentCycleData" type="require" />
       </div>
       <div class="chart-item">
         <h3>需求分布图</h3>
@@ -463,7 +463,7 @@ export default {
   .defect-main {
     padding: 20px 20px 0 20px;
     height:100%;
-    width:calc(100%-10px);
+    width:auto;
     background:#ffffff;
     margin: 10px;
     border-radius: 4px;
@@ -578,7 +578,7 @@ export default {
 }
 .charts-main {
   padding-bottom: 20px;
-  width:calc(100%-10px);
+  width:auto;
   background:#ffffff;
   margin: 10px;
   border-radius: 4px;

src/views/quality/taskStatistics.vue

@@ -128,7 +128,7 @@
           <i class="el-icon-warning-outline" />
           <span>仅统计状态已变更“已排期”且排期不为空的任务；横坐标表示任务交付日期，纵坐标代表研发交付周期（研发、联调、上线类型排期的总周期)</span>
         </div>
-        <development-cycle :chart-data="developmentCycleData" />
+        <development-cycle :chart-data="developmentCycleData" type="task" />
       </div>
       <div class="chart-item">
         <h3>任务分布图</h3>
@@ -487,7 +487,7 @@ export default {
   .defect-main {
     padding: 20px 20px 0 20px;
     height:100%;
-    width:calc(100%-10px);
+    width:auto;
     background:#ffffff;
     margin: 10px;
     border-radius: 4px;
@@ -602,7 +602,7 @@ export default {
 }
 .charts-main {
   padding-bottom: 20px;
-  width:calc(100%-10px);
+  width:auto;
   background:#ffffff;
   margin: 10px;
   border-radius: 4px;