youhua

src/views/quality/components/requireDrawer.vue

@@ -1,41 +1,42 @@
 <template>
   <el-drawer :title="Statistics.label" :visible.sync="drawer_" :direction="direction" :modal="false" size="100%" :before-close="handleClose">
     <div class="_font">{{ Statistics.total }}</div>
-    <el-table :data="tableData" style="width: 100%" class="integration-num">
-      <el-table-column label="优先级" min-width="180">
-        <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="Statistics.typeStr + '名称'" min-width="250">
-        <template slot-scope="scope">
-          <div v-if="Statistics.typeStr === '缺陷'" class="drawer-id">{{ scope.row.bugId }}</div>
-          <div v-if="Statistics.typeStr === '任务'" class="drawer-id">{{ scope.row.taskIdSting }}</div>
-          <div v-if="Statistics.typeStr === '需求'" class="drawer-id">{{ scope.row.requirementDisplayId }}</div>
-          <el-tooltip v-if="Statistics.typeStr === '需求' && scope.row.name.length >= 15 || Statistics.typeStr === '任务' && scope.row.name.length >= 15" class="item" effect="dark" :content="scope.row.name" placement="top">
-            <div class="drawer-name" @click="jumper(scope.row)">{{ scope.row.name | ellipsis }}</div>
-          </el-tooltip>
-          <div v-else class="drawer-name" @click="jumper(scope.row)">{{ scope.row.name | ellipsis }}</div>
-          <el-tooltip v-if="Statistics.typeStr === '缺陷' && scope.row.bugName.length >= 15" class="item" effect="dark" :content="scope.row.bugName" placement="top">
-            <div class="drawer-name" @click="jumper(scope.row)">{{ scope.row.bugName | ellipsis }}</div>
-          </el-tooltip>
-          <div v-else class="drawer-name" @click="jumper(scope.row)">{{ scope.row.bugName | ellipsis }}</div>
-        </template>
-      </el-table-column>
-      <el-table-column label="状态" min-width="180">
-        <template slot-scope="scope">
-          <div v-if="Statistics.typeStr === '需求'">{{ scope.row.statusName }}</div>
-          <div v-if="Statistics.typeStr === '任务'">{{ scope.row.statusString }}</div>
-          <div v-if="Statistics.typeStr === '缺陷'">{{ querySatus(scope.row.status) }}</div>
-        </template>
-      </el-table-column>
-    </el-table>
+    <div style="height: calc(100vh - 200px); overflow: scroll; overflow-x: hidden;">
+      <el-table :data="tableData" style="width: 100%;" 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="Statistics.typeStr + '名称'" min-width="250">
+          <template slot-scope="scope">
+            <div v-if="Statistics.typeStr === '缺陷'" class="drawer-id">{{ scope.row.bugId }}</div>
+            <div v-if="Statistics.typeStr === '任务'" class="drawer-id">{{ scope.row.taskIdSting }}</div>
+            <div v-if="Statistics.typeStr === '需求'" class="drawer-id">{{ scope.row.requirementDisplayId }}</div>
+            <el-tooltip v-if="Statistics.typeStr === '需求' && scope.row.name.length >= 15 || Statistics.typeStr === '任务' && scope.row.name.length >= 15" class="item" effect="dark" :content="scope.row.name" placement="top">
+              <div class="drawer-name" @click="jumper(scope.row)">{{ scope.row.name | ellipsis }}</div>
+            </el-tooltip>
+            <div v-else class="drawer-name" @click="jumper(scope.row)">{{ scope.row.name | ellipsis }}</div>
+            <el-tooltip v-if="Statistics.typeStr === '缺陷' && scope.row.bugName.length >= 15" class="item" effect="dark" :content="scope.row.bugName" placement="top">
+              <div class="drawer-name" @click="jumper(scope.row)">{{ scope.row.bugName | ellipsis }}</div>
+            </el-tooltip>
+            <div v-else class="drawer-name" @click="jumper(scope.row)">{{ scope.row.bugName | ellipsis }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" min-width="100">
+          <template slot-scope="scope">
+            <div v-if="Statistics.typeStr === '需求'">{{ scope.row.statusName }}</div>
+            <div v-if="Statistics.typeStr === '任务'">{{ scope.row.statusString }}</div>
+            <div v-if="Statistics.typeStr === '缺陷'">{{ querySatus(scope.row.status) }}</div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
     <el-pagination
       style="text-align: center;"
       :current-page.sync="currentPage"
-      :page-sizes="[10]"
       :page-size="10"
-      layout="total, sizes, prev, pager, next, jumper"
+      layout="total, prev, pager, next, jumper"
       :total="total"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"