优化

src/views/projectManage/bugList/bugindex.vue

@@ -2,7 +2,7 @@
   <div>
     <el-container class="bgColor" @click.native="listenClick()">
       <el-header style="height: auto; margin-top: 1%; padding: 0 1%;">
-        <el-row class="headerBg" style="padding-bottom: 0;">
+        <el-row class="headerBg">
           <el-col :span="24" class="Layout">
             <div class="titFont Layout">
               <span style="margin-left: 20%; width: 100px;  font-size: 22px; font-family:PingFangSC-Medium,PingFang SC;">缺陷</span>
@@ -12,9 +12,9 @@
           <el-col :span="24">
             <el-divider style="color: #EEF0F5;" />
           </el-col>
-          <el-col :span="24" class="Layout" style="margin-left: 1.5%;">
+          <!-- <el-col :span="24" class="Layout" style="margin-left: 1.5%;">
             <el-form :inline="true" label-position="left" :model="formInline" label-width="80px" class="flex_start" style="width: 80%">
-              <el-form-item label=" 业务线">
+              <el-form-item label=" 业务线" class="Layout">
                 <el-select v-model="formInline.bizId" size="small" clearable filterable placeholder="请选择" @change="getBugList()">
                   <el-option v-for="item in bizIdEnumList" :key="item.id" :label="item.bizName" :value="item.id" />
                 </el-select>
@@ -31,9 +31,141 @@
               </el-form-item>
             </el-form>
             <div class="screen" @click="showSelect">{{ goodName }}</div>
+          </el-col> -->
+          <el-col :span="24" class="Layout" style="padding: 1.5% 0.5% 1.5% 1.5%;">
+            <el-form :model="formInline" class="flex_start" style="width: 100%;">
+              <div class="Layout">
+                <div class="queryName">业务线</div>
+                <el-select v-model="formInline.bizId" size="small" clearable filterable placeholder="请选择" @change="getBugList()">
+                  <el-option v-for="item in bizIdEnumList" :key="item.id" :label="item.bizName" :value="item.id" />
+                </el-select>
+              </div>
+              <div class="Layout marginLeft">
+                <div class="queryName">状态</div>
+                <el-select v-model="formInline.status" size="small" style="padding-left: 2px;" clearable filterable placeholder="请选择" @change="getBugList()">
+                  <el-option v-for="item in bugEnumList" :key="item.code" :label="item.name" :value="item.code" />
+                </el-select>
+              </div>
+              <div class="Layout marginLeft">
+                <div class="queryName">优先级</div>
+                <el-select v-model="formInline.priorityLevel" size="small" style="padding-left: 2px;" clearable filterable placeholder="请选择" @change="getBugList()">
+                  <el-option v-for="item in priorityLevelEnumList" :key="item.code" :label="item.name" :value="item.name" />
+                </el-select>
+              </div>
+            </el-form>
+            <div class="screen" @click="showSelect">{{ goodName }}</div>
+          </el-col>
+          <el-col v-if="DetailedScreening" :span="24" class="Layout">
+            <el-form :model="formInline" style="width: 100%;">
+              <el-row style="width: 100%;">
+                <el-col :span="24" class="DetailedScreening" style="width: 100%;padding: 1.5%">
+                  <div class="flex_start">
+                    <div class="Layout">
+                      <div class="queryName">缺陷等级</div>
+                      <el-select v-model="formInline.priority" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in priorityEnumList" :key="item.code" :label="item.name" :value="item.code" />
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">缺陷ID</div>
+                      <el-input v-model="formInline.bugId" size="small" style="width:72% !important;" clearable filterable placeholder="请输入" />
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">所属任务</div>
+                      <el-select v-model="formInline.taskId" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in taskEnumList" :key="item.id" :label="item.name" :value="item.id" />
+                      </el-select>
+                    </div>
+                  </div>
+                  <div style="margin: 1.5% 0;" class="flex_start">
+                    <div class="Layout">
+                      <div class="queryName">提报人</div>
+                      <el-select v-model="formInline.creator" filterable clearable remote reserve-keyword :remote-method="remoteMethod" :loading="loading" size="small" placeholder="请输入姓名或邮箱前缀">
+                        <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
+                          <div style="display: flex;justify-content: start;">
+                            <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
+                            <div style="min-width:80px">{{ item.name }}</div>
+                            <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
+                          </div>
+                        </el-option>
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">责任人</div>
+                      <el-select v-model="formInline.assigner" filterable clearable remote reserve-keyword :remote-method="remoteMethod" :loading="loading" size="small" placeholder="请输入姓名或邮箱前缀">
+                        <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
+                          <div style="display: flex;justify-content: start;">
+                            <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
+                            <div style="min-width:80px">{{ item.name }}</div>
+                            <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
+                          </div>
+                        </el-option>
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">修复人</div>
+                      <el-select v-model="formInline.currentHandler" filterable clearable remote reserve-keyword :remote-method="remoteMethod" :loading="loading" size="small" placeholder="请输入姓名或邮箱前缀">
+                        <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
+                          <div style="display: flex;justify-content: start;">
+                            <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
+                            <div style="min-width:80px">{{ item.name }}</div>
+                            <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
+                          </div>
+                        </el-option>
+                      </el-select>
+                    </div>
+                  </div>
+                  <div style="margin: 1.5% 0;" class="flex_start">
+                    <div class="Layout">
+                      <div class="queryName">修复人</div>
+                      <el-select v-model="formInline.discoveryMeth" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in discoveryMethEnumList" :key="item.code" :label="item.name" :value="item.code" />
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">发现阶段</div>
+                      <el-select v-model="formInline.discoveryStage" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in bugStageEnumList" :key="item.code" :label="item.name" :value="item.code" />
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">修复结果</div>
+                      <el-select v-model="formInline.name" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in repairResultEnumList" :key="item.code" :label="item.name" :value="item.code" />
+                      </el-select>
+                    </div>
+                  </div>
+                  <div style="margin: 1.5% 0;" class="flex_start">
+                    <div class="Layout">
+                      <div class="queryName">端类型</div>
+                      <el-select v-model="formInline.sysType" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in sysTypeEnumList" :key="item.code" :label="item.name" :value="item.code" />
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">客户端</div>
+                      <el-select v-model="formInline.appId" size="small" clearable filterable placeholder="请选择" @change="getClient(formInline.appId)">
+                        <el-option v-for="item in appClient" :key="item.code" :label="item.msg" :value="item.code" />
+                      </el-select>
+                    </div>
+                    <div class="Layout marginLeft">
+                      <div class="queryName">版本</div>
+                      <el-select v-model="formInline.appVersion" size="small" clearable filterable placeholder="请选择">
+                        <el-option v-for="item in Editionlist" :key="item.code" :label="item.msg" :value="item.code" />
+                      </el-select>
+                    </div>
+                  </div>
+                  <div align="right">
+                    <el-button type="primary" size="mini" @click="getBugList()">筛 选</el-button>
+                    <el-button size="mini" @click="resetQuery()">重 置</el-button>
+                  </div>
+                </el-col>
+              </el-row>
+            </el-form>
           </el-col>
         </el-row>
-        <div v-if="DetailedScreening">
+
+        <!-- <div v-if="DetailedScreening">
           <el-form :inline="true" label-position="left" :model="formInline" label-width="80px">
             <el-row class="headerBg" style="padding-top: 0;">
               <el-col :span="24" class="DetailedScreening">
@@ -130,7 +262,7 @@
               </el-col>
             </el-row>
           </el-form>
-        </div>
+        </div> -->
       </el-header>
       <el-main style="padding: 1%">
         <el-row class="headerBg table_v" style=" padding-top: 0px;">

src/views/projectManage/bugList/css/index.css

@@ -40,7 +40,6 @@
 
 .screen {
   font-size: 14px;
-  margin: 0 2.4% 1.5% 0%;
   color: #00A0FF;
   cursor: pointer;
   width: 62px;
@@ -173,7 +172,7 @@
   pointer-events: auto;
 }
 .marginLeft {
-  margin-left: 3%;
+  margin-left: 4%;
 }
 .bgColor .el-table .cell {
   box-sizing: border-box;
@@ -183,4 +182,9 @@
   line-height: 23px;
   padding-right: 10px;
   margin: -6px 0 -2px 0 !important;
+}
+.queryName {
+  width: 80px; 
+  color: #333333; 
+  font-size: 14px;
 }