|
@@ -1,8 +1,66 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<div class="Layout_space_between">
|
|
|
- <div class="bug-Status">快速筛选:<span v-for="item in statusList" :key="item.value">{{ item.name }}</span></div>
|
|
|
- <div class="el-icon-search" />
|
|
|
+ <div class="bug-Status">快速筛选:
|
|
|
+ <span v-for="item in statusList" :key="item.value">
|
|
|
+ <span class="bug-statusList">{{ item.name }}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <el-popover placement="bottom-end" width="400" trigger="click">
|
|
|
+ <div class="bug-query">
|
|
|
+ <div class="bug-queryTitle"> 筛选项 </div>
|
|
|
+ <span class="el-icon-close" />
|
|
|
+ </div>
|
|
|
+ <el-form label-position="left" :model="bugFormQuery" :rules="rules" label-width="100px">
|
|
|
+ <el-form-item label="优先级" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="缺陷状态" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="缺陷等级" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="提报人" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="责任人" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="修复人" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否发生Reopen" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属任务" prop="discoveryStage">
|
|
|
+ <el-select v-model="bugFormQuery.name" filterable placeholder="请选择" style="width:100%;">
|
|
|
+ <el-option v-for="item in statusList" :key="item.code" :label="item.name" :value="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="bug-footer">
|
|
|
+ <svg-icon icon-class="member" />
|
|
|
+ <el-button class="bug-botton">重置</el-button>
|
|
|
+ <el-button class="bug-botton" style="margin-left: 20px;" type="primary">筛选</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <svg-icon slot="reference" icon-class="member" class="bug-Status" />
|
|
|
+ </el-popover>
|
|
|
</div>
|
|
|
<el-table
|
|
|
size="small"
|
|
@@ -102,6 +160,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ bugFormQuery: {},
|
|
|
statusList: [{ value: 0, name: '全部' }, { value: 1, name: '未完成' }, { value: 2, name: '待修复' }, { value: 3, name: '待测试' }, { value: 4, name: '已完成' }],
|
|
|
tableData: [], // tableData
|
|
|
pageSize: 15, // 分页
|
|
@@ -257,4 +316,24 @@ export default {
|
|
|
line-height: 60px;
|
|
|
padding: 0 30px;
|
|
|
}
|
|
|
+ .bug-statusList {
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+ .bug-query {
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ line-height: 40px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #eeeeee;
|
|
|
+ }
|
|
|
+ .bug-queryTitle {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ .bug-footer {
|
|
|
+ text-align: right;
|
|
|
+ border-top: 1px solid #eeeeee;
|
|
|
+ }
|
|
|
+ .bug-botton {
|
|
|
+ margin:10px 0 0;
|
|
|
+ }
|
|
|
</style>
|