优化

src/views/mqTest/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <iframe src="http://10.96.84.100:8888/mq/list" style="width:100%;height: -webkit-fill-available;" scrolling="yes" frameborder="0" />
+    <iframe src="http://10.96.84.100:8888/mq/list" style="width:100%;" :height="iframeHeight" scrolling="yes" frameborder="0" />
   </div>
 </template>
 
@@ -13,9 +13,9 @@ export default {
     }
   },
   mounted() {
-    // var height = window.innerHeight > document.body.clientHeight ? window.innerHeight : document.body.clientHeight
-    // console.log(height, 'cdc')
-    // this.iframeHeight = height + 'px'
+    var height = window.innerHeight > document.body.clientHeight ? window.innerHeight : document.body.clientHeight
+    console.log(height, 'cdc')
+    this.iframeHeight = height + 'px'
   }
 }
 </script>

src/views/quality/components/drawerAll.vue

@@ -6,13 +6,14 @@
         <!-- <timeline :data="list" @update="getTimeLine" /> -->
       </div>
       <div style="height: calc(100vh - 295px); overflow: scroll; overflow-x: hidden;">
+        <div class="qz-drawer-H">需求等级为p1的需求</div>
         <el-table :data="tableData" style="width: 100%;" :header-cell-style="{ 'color':'rgba(74,74,74,1)','font-size':'14px','font-weight':'500' }" class="integration-num">
           <el-table-column label="优先级" min-width="100">
             <template slot-scope="scope">
               <div class="div_priority" :style="{background: priorityColors[scope.row.priority % priorityColors.length]}">{{ 'P'+scope.row.priority }}</div>
             </template>
           </el-table-column>
-          <el-table-column label="需求名称'" min-width="250">
+          <el-table-column label="需求名称" min-width="250">
             <template slot-scope="scope">
               <div class="drawer-id">{{ scope.row.requirementDisplayId }}</div>
               <el-tooltip v-if="scope.row.name.length >= 15" class="item" effect="dark" :content="scope.row.name" placement="top">
@@ -119,7 +120,12 @@ export default {
     },
     getTimeLine(val) {
       console.log(val, 'vfvdv')
-      this.getTableData(this.Statistics.yaxis[0].idList[val.value])
+      const data = this.Statistics.yaxis[0].idList[val.value]
+      if (data[0]) {
+        this.getTableData(this.Statistics.yaxis[0].idList[val.value])
+      } else {
+        this.tableData = []
+      }
     },
     async getTableData(taskIdList) {
       const data = {
@@ -190,6 +196,12 @@ export default {
   overflow: hidden;
   overflow-x: auto;
 }
+.qz-drawer-H {
+  font-size: 16px;
+  font-weight: 500;
+  margin: 0 30px;
+  color: #333333;
+}
 >>> :focus{outline:0;}
 .integration-num {
   margin: 20px 30px;