过滤器修改

src/views/projectManage/bugList/bugindex.vue

@@ -364,7 +364,7 @@
                     </div>
                   </div>
                   <div align="right">
-                    <span class="save-search" @click="showSaveSearch = true">保存筛选项</span>
+                    <el-button type="primary" class="save-search" size="mini" @click="showSaveSearch = true">保存筛选项</el-button>
                     <el-button type="primary" size="mini" @click="curIndex = 1;getBugList()">筛 选</el-button>
                     <el-button size="mini" @click="resetQuery()">重 置</el-button>
                   </div>
@@ -373,8 +373,10 @@
             </el-form>
           </el-col>
           <el-row v-if="filterList.length && filterList.length>0" type="flex" justify="space-between" class="filter">
-            <el-col :span="12" class="mine-filter">
+            <el-col :span="2">
               <span>我的过滤器：</span>
+            </el-col>
+            <el-col :span="20" class="mine-filter">
               <span v-for="item in filterList" :key="item.id" class="filter-item" @click="getFilterItem(item.id)">
                 <el-tooltip class="item" effect="dark" :content="item.name" placement="bottom">
                   <span>{{ item.name }}</span>
@@ -950,11 +952,7 @@ export default {
   background-color: #7ED321;
 }
 .save-search {
-  color: #909399;
-  font-size: 14px;
-  margin-right: 10px;
-  font-weight: 500;
-  cursor: pointer;
+  float: left;
 }
 .filter {
   font-size: 14px;
@@ -963,12 +961,15 @@ export default {
   color: #606266;
   cursor: pointer;
   .mine-filter {
-    overflow: hidden;
-    text-overflow:ellipsis;
-    white-space: nowrap;
     .filter-item {
+      display: inline-block;
+      width: 15%;
       color: #409EFF;
       margin-right: 15px;
+      overflow: hidden;
+      text-overflow:ellipsis;
+      white-space: nowrap;
+      margin-bottom: 5px;
     }
   }
 }