UI

src/views/dataBigManage/components/drawerModal/drawerModalData.js

@@ -463,6 +463,13 @@ export const timelineList = {
     '>24小时修复',
     '24未修复'
   ],
+  // 需求数据
+  requirementData: [
+    '新增需求',
+    '上线需求',
+    '延期需求',
+    '紧急需求'
+  ],
   priorityName: [
     '全部',
     'P0&P1',

src/views/dataBigManage/components/drawerModal/index.vue

@@ -15,9 +15,15 @@
       <div v-if="title" @click.stop>{{ title }}<span class="sub-title">{{ subTitle }}</span></div>
     </template>
     <!-- 时间线 -->
-    <div v-if="openDrawer && isTimeLine(1)" class="qz-drawer-padding qz-drawer-header" @click.stop>
+    <div
+      v-if="openDrawer && isTimeLine(1)"
+      class="qz-drawer-padding qz-drawer-header"
+      :style="{paddingTop: !isTimeLine(2) ? '30px':'20px'}"
+      @click.stop
+    >
       <div ref="timeline1" class="qz-drawer-scll">
         <timeline
+
           :num="timelineData.firstActive"
           bgmargin
           :data="timelineData.first"
@@ -276,12 +282,16 @@ export default {
           secondActive = 0
           firstActive = 0
           first = []
+
           this.sourceData.forEach((elm, index) => {
-            if (this.title === elm.label) {
+            if (this.title.indexOf(elm.label) > -1) {
               firstActive = index
             }
             first.push(elm.label)
           })
+          if (this.title.search(/需求/) > -1) {
+            first = timelineList.requirementData.map(e => e)
+          }
         }
         if (this.headerTitle === '效率') {
           secondActive = 0
@@ -454,16 +464,22 @@ export default {
       }
       if (this.headerTitle === '吞吐量') {
         if (this.title.search(/需求/) > -1) {
-          this.loading = true
-          this.ids.length && this.getRequirementList()
+          if (this.ids.length) {
+            this.loading = true
+            this.getRequirementList()
+          }
         }
         if (this.title.search(/任务/) > -1) {
-          this.loading = true
-          this.ids.length && this.getTaskList()
+          if (this.ids.length) {
+            this.loading = true
+            this.getTaskList()
+          }
         }
         if (this.title.search(/项目/) > -1 && this.ids.length) {
-          this.loading = true
-          this.setProjectList()
+          if (this.ids.length) {
+            this.loading = true
+            this.setProjectList()
+          }
         }
       }
       if (this.headerTitle === '效率') {

src/views/dataBigManage/components/throughputModule/index.vue

@@ -20,7 +20,7 @@
             v-for="item in mainData.throughputList"
             :key="item.pointer"
             class="listItem flex-center-between"
-            @click.stop="$emit(
+            @click.stop="item.label !== '人均吞吐量' && $emit(
               'checkDetialModal',
               { list: [...mainData.throughputList], activeLabel: item.label }
             )"
@@ -30,7 +30,10 @@
             <div>
               {{ item.label }}
 <!--              <span :class="Number(item.chainRatio) > 0 ? 'textRed count' : 'textBlue count'">{{ item.countStr }}</span>-->
-              <span :class="isRed(item.label) ? 'textRed count' : 'textBlue count'">{{ item.countStr }}</span>
+              <span
+                :class="isRed(item.label) ? 'textRed count' : 'textBlue count'"
+                :style="{cursor: item.label === '人均吞吐量' ? 'inherit':'pointer'}"
+              >{{ item.countStr }}</span>
               <span>
                 {{ item.label.includes('率') ? '%' : '个' }}
               </span>
@@ -40,7 +43,7 @@
               <span :class="Number(item.chainRatio) > 0 ? 'item-up' : 'item-down'">
                 <i v-if="Number(item.chainRatio) > 0" class="el-icon-caret-top" />
                 <i v-else class="el-icon-caret-bottom" />
-                {{ item.chainRatio }}%
+                <span :style="{cursor: item.label === '人均吞吐量' ? 'inherit':'pointer'}">{{ item.chainRatio }}</span>%
               </span>
             </div>
           </div>