Prechádzať zdrojové kódy

BuildDeploy.vue 添加对 appName 的模糊搜索

reghao 3 mesiacov pred
rodič
commit
a9dc80ec39
1 zmenil súbory, kde vykonal 20 pridanie a 3 odobranie
  1. 20 3
      src/views/devops/app/BuildDeploy.vue

+ 20 - 3
src/views/devops/app/BuildDeploy.vue

@@ -6,7 +6,7 @@
         <el-select
           v-model="queryInfo.env"
           placeholder="环境"
-          style="margin-left: 5px"
+          style="margin-left: 5px; width: 10%"
           @change="onSelectChange"
         >
           <el-option
@@ -19,7 +19,7 @@
         <el-select
           v-model="queryInfo.appType"
           placeholder="类型"
-          style="margin-left: 5px"
+          style="margin-left: 5px; width: 10%"
           @change="onSelectChange"
         >
           <el-option
@@ -29,7 +29,16 @@
             :value="item.value"
           />
         </el-select>
-        <el-button type="success" icon="el-icon-refresh" style="margin-left: 5px" @click="onRefresh">刷新</el-button>
+        <el-input
+          v-model="queryInfo.appName"
+          style="margin :5px; width: 20%"
+          clearable
+          placeholder="输入应用名(回车搜索)"
+          @clear="onClear"
+          @keyup.enter.native="onSearch"
+        />
+<!--        <el-button type="success" icon="el-icon-search" style="margin-left: 5px" @click="onSearch">查询</el-button>-->
+        <el-button type="text" style="margin-left: 5px" @click="onRefresh">刷新</el-button>
         <el-button type="text" style="margin-left: 5px" @click="handleBuildTask">构建任务</el-button>
         <el-button type="text" style="margin-left: 5px" @click="handleResetStat">重置状态</el-button>
       </el-row>
@@ -583,6 +592,7 @@ export default {
       queryInfo: {
         env: 'test',
         appType: '',
+        appName: '',
         pn: 1
       },
       // 屏幕宽度, 为了控制分页条的大小
@@ -867,7 +877,14 @@ export default {
         this.$message.error(error.message)
       })
     },
+    onClear() {
+      this.getData()
+    },
+    onSearch() {
+      this.getData()
+    },
     onRefresh() {
+      this.queryInfo.appName = ''
       this.getData()
     },
     onSelectChange() {