fix bug

src/views/quality/components/cycleStatistic.vue

@@ -111,13 +111,15 @@ export default {
 </script>
 <style lang="scss" scoped>
 .repair-list {
-  display: flex;
-  justify-content: space-between;
   width: 84%;
   margin: 20px auto;
+  display: grid;
+  grid-template-columns: repeat(4,20%);
+  grid-column-gap: 6.666%;
+  grid-row-gap: 20px;
   .repair-item {
     position: relative;
-    width: 16%;
+    width: 100%;
     font-size: 12px;
     font-weight: bold;
     padding: 11px 17px 6px 17px;

src/views/quality/requireStatistics.vue

@@ -111,9 +111,9 @@
         </el-tab-pane>
       </el-tabs>
       <div class="chart-item">
-        <h3 v-show="activeTab === '1'">新增趋势图</h3>
-        <h3 v-show="activeTab === '2'">上线趋势图</h3>
-        <h3 v-show="activeTab === '3'">PRD评审趋势图</h3>
+        <h3 v-for="item in countTitle" v-show="activeTab === item.code+''" :key="'countTab'+item.code">
+          {{ item.msg }}
+        </h3>
         <tendency-chart :chart-data="tendencyData" />
       </div>
       <div class="chart-item">
@@ -293,13 +293,13 @@ export default {
     this.setDate(this.dateType)
     this.getTeamList()
     this.getRequireDirection()
+    this.getRequireCountTitleEnum()
   },
   methods: {
     onSubmit() {
       if (this.activeTab === '2' && this.distributeStatus === 1) {
         this.distributeStatus = 2
       }
-      this.getRequireCountTitleEnum()
       this.getSummary()
       this.getCumulativeFlowDiagram()
       this.getRequireCountTrend()