更新下拉搜索

src/views/qa/Notify.vue

@@ -81,13 +81,13 @@
     <el-dialog title="新增测试流程" :visible.sync="addDialogVisible" width="60%" @close="closeAddDialog">
       <el-form ref="addRobotFormRef" :rules="formRules" :model="pipelineFrom" label-width="150px">
         <el-form-item label="jira项目" prop="dingRobot.jiraProjectKey">
-          <el-select v-model="pipelineFrom.dingRobot.jiraProjectKey" placeholder="请选择Jira项目" @change="getProjectName">
+          <el-select v-model="pipelineFrom.dingRobot.jiraProjectKey" filterable clearable placeholder="请选择Jira项目" @change="getProjectName">
             <el-option v-for="item in jiraProjectList" :key="item.key" :label="item.name" :value="item.key">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="项目名称" prop="dingRobot.projectName">
-          <el-select v-model="pipelineFrom.dingRobot.projectName" placeholder="请选择项目" @change="getDetail">
+          <el-select v-model="pipelineFrom.dingRobot.projectName" filterable clearable placeholder="请选择项目" @change="getDetail">
             <el-option v-for="item in projectNameList" :key="item.id" :label="item.projectName"
               :value="item.projectName">
             </el-option>

src/views/qa/TestDescription.vue

 <template>
-  <div>
-    <el-card>
-      <div>
-        JIRA项目:
-        <el-select v-model="queryModuleInfo.jiraProjectKey" placeholder="请选择JIRA项目" filterable clearable>
-          <el-option v-for="item in jiraProjectList" :key="item.key" :label="item.name" :value="item.key"></el-option>
-        </el-select>
-        项目名称:
-        <el-input v-model="queryModuleInfo.projectName" clearable placeholder="请输入项目名称" style="width: 300px;">
-        </el-input>
-        <el-button type="primary" style="margin-left:10px" icon="el-icon-search" @click="queryData">查询</el-button>
-        <el-button type="primary" icon="el-icon-circle-plus" @click="addTestDesc"
-          v-permission="('qa:testDescription:add')">新增</el-button>
-      </div>
-      <el-table :data="testDescriptionList" border style="width: 100%;margin-top:20px">
-        <el-table-column type='index' width="40px">
-          <template slot-scope="scope">
-            <span>{{(queryModuleInfo.pageNum -1 ) * queryModuleInfo.pageSize + scope.$index + 1}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="projectName" label="项目名" width="150px"></el-table-column>
-        <el-table-column label="服务->分支->负责人">
-          <template slot-scope="scope">
-            <div v-for="item in JSON.parse(scope.row.serviceAndBranch)" :key="item.serviceName">
-              <b>{{ item.serviceName }}</b> ->
-              {{ item.branch }}<b> ->{{ item.developer }}</b>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column label="apollo变更" width="200px">
+  <div style="margin-left:10px">
+    <div>
+      所属项目:
+      <el-select v-model="queryModuleInfo.jiraProjectKey" placeholder="请选择所属项目" filterable clearable>
+        <el-option v-for="item in jiraProjectList" :key="item.key" :label="item.name" :value="item.key"></el-option>
+      </el-select>
+      项目名称:
+      <el-input v-model="queryModuleInfo.projectName" clearable placeholder="请输入项目名称" style="width: 300px;">
+      </el-input>
+      <el-button type="primary" style="margin-left:10px" icon="el-icon-search" @click="queryData">查询</el-button>
+      <el-button type="primary" icon="el-icon-circle-plus" @click="addTestDesc"
+        v-permission="('qa:testDescription:add')">新增</el-button>
+    </div>
+    <el-table :data="testDescriptionList" border style="width: 100%;margin-top:20px" cell-style="height:10px">
+      <el-table-column type='index' width="40px" label="#">
+        <template slot-scope="scope">
+          <span>{{(queryModuleInfo.pageNum -1 ) * queryModuleInfo.pageSize + scope.$index + 1}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="projectName" label="项目名称" width="300px"></el-table-column>
+      <el-table-column label="服务->分支">
+        <template slot-scope="scope">
+          <div v-for="item in JSON.parse(scope.row.serviceAndBranch)" :key="item.serviceName">
+            <b>{{ item.serviceName }}</b> ->
+            {{ item.branch }}<b></b>
+          </div>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="apollo变更" width="200px">
           <template slot-scope="scope">
             <div v-for="item in JSON.parse(scope.row.apollo)" :key="item.projectName">
               <div v-if="item.value.length<=200">
@@ -44,8 +43,8 @@
 
             </div>
           </template>
-        </el-table-column>
-        <el-table-column label="数据库变更" width="150px">
+        </el-table-column> -->
+      <!-- <el-table-column label="数据库变更" width="150px">
           <template slot-scope="scope">
             <div v-for="item in JSON.parse(scope.row.database)" :key="item.db">
               <el-popover placement="top-start" title="sql" width="250" trigger="hover" :content="item.sql">
@@ -53,25 +52,25 @@
               </el-popover>
             </div>
           </template>
-        </el-table-column>
-        <el-table-column prop="jiraProjectName" label="Jira项目" width="95px"></el-table-column>
-        <el-table-column prop="createTime" label="创建时间" width="165px"></el-table-column>
-        <el-table-column label="操作" width="300px">
-          <slot slot-scope="scope">
-            <el-button type="primary" icon="el-icon-view" @click="openPreviewDialog(scope.row)">预览</el-button>
-            <el-button type="warning" icon="el-icon-edit" @click="openEditDialog(scope.row)"
-              v-permission="('qa:testDescription:edit')" style="margin-left:1px">编辑</el-button>
-            <el-button type="danger" icon="el-icon-delete" @click="delTestDescription(scope.row)"
-              v-permission="('qa:testDescription:del')" style="margin-left:1px">删除</el-button>
-          </slot>
-        </el-table-column>
-      </el-table>
-      <!-- 分页 -->
-      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
-        :current-page.sync="queryModuleInfo.pageNum" :page-size="queryModuleInfo.pageSize"
-        layout="total, prev, pager, next" :total="totalNum">
-      </el-pagination>
-    </el-card>
+        </el-table-column> -->
+      <el-table-column prop="jiraProjectName" label="所属项目" width="300px"></el-table-column>
+      <el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column>
+      <el-table-column label="操作" width="300px">
+        <slot slot-scope="scope">
+          <el-button type="primary" icon="el-icon-view" size="small" @click="openPreviewDialog(scope.row)">预览
+          </el-button>
+          <el-button type="warning" icon="el-icon-edit" size="small" @click="openEditDialog(scope.row)"
+            v-permission="('qa:testDescription:edit')" style="margin-left:1px">编辑</el-button>
+          <el-button type="danger" icon="el-icon-delete" size="small" @click="delTestDescription(scope.row)"
+            v-permission="('qa:testDescription:del')" style="margin-left:1px">删除</el-button>
+        </slot>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
+      :current-page.sync="queryModuleInfo.pageNum" :page-size="queryModuleInfo.pageSize"
+      layout="total, prev, pager, next" :total="totalNum">
+    </el-pagination>
     <!-- 新增页面 -->
     <el-dialog title="新增提测文档" :visible.sync="DialogAddVisible" width="70%" @close="closeAddDialog">
       <el-form ref="addTestDescriptionRef" :rules="rules" :model="addTestDescriptionForm" label-width="88px"
@@ -90,7 +89,7 @@
           <el-table :data="serviceAndBranchList" border class="table-style">
             <el-table-column label="服务" width="310">
               <template slot-scope="scope">
-                <el-select v-model="scope.row.serviceName" filterable placeholder="请选择服务"
+                <el-select v-model="scope.row.serviceName" filterable allow-create placeholder="请选择服务"
                   @change="selectServiceModel(scope.row.serviceName)" clearable style="width:280px">
                   <el-option v-for="item2 in serviceList" :key="item2.name" :label="item2.name" :value="item2.name">
                   </el-option>
@@ -99,7 +98,7 @@
             </el-table-column>
             <el-table-column label="分支">
               <template slot-scope="scope">
-                <el-select v-model="scope.row.branch" filterable placeholder="请选择分支" clearable
+                <el-select v-model="scope.row.branch" filterable placeholder="请选择分支" allow-create clearable
                   @focus="focusevent(scope.row.serviceName)" style="width:400px">
                   <el-option v-for="item2 in serviceBranchList" :key="item2.name" :label="item2.name"
                     :value="item2.name"></el-option>
@@ -185,7 +184,7 @@
         <el-form-item label="接口地址:" class="input-style">
           <el-input v-model="addTestDescriptionForm.api"></el-input>
         </el-form-item>
-        <el-form-item label="备注:" class="input-style">
+        <el-form-item label="备 注:" class="input-style">
           <el-input v-model="addTestDescriptionForm.scope" type="textarea" autosize></el-input>
         </el-form-item>
       </el-form>