qinzhipeng_v@didiglobal.com 4 سال پیش
والد
کامیت
5804cc3a20
1فایلهای تغییر یافته به همراه81 افزوده شده و 2 حذف شده
  1. 81 2
      src/views/projectManage/bugList/details/bugTableDialog.vue

+ 81 - 2
src/views/projectManage/bugList/details/bugTableDialog.vue

@@ -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>