全流程管理页面头部搜索框优化。

src/components/common/WholeProcessManagement.vue

@@ -1,15 +1,12 @@
 <template>
   <!-- 全流程管理列表组件 -->
   <div id="WholeProcessManagement">
-    <el-form :inline="true" ref="myTaskForm" style="padding: 10px">
-      <el-form-item label="模糊查询">
-        <el-input v-model="allSearchColumn" clearable> </el-input
-      ></el-form-item>
-      <el-form-item style="float: right">
-        <el-button type="primary" @click="onSubmit">查询</el-button>
-        <el-button @click="resetForm()">重置</el-button>
-      </el-form-item>
-    </el-form>
+    <div class="header-search">
+      <el-input style="width: 300px" v-model="allSearchColumn" clearable>
+        <i class="el-icon-search" style="cursor: pointer" @click="onSubmit()" slot="append"></i
+      ></el-input>
+      <el-button @click="resetForm()">重置</el-button>
+    </div>
     <el-table
       v-loading="tableInitLoading"
       :data="tableData"
@@ -156,7 +153,7 @@ export default {
       params.append("cName", cName);
       this.$Post(this.urlsCollection.selectByCNameAType, params).then(
         res => {
-          if (res.code === 200 && res.content.length > 0) {
+          if (res.code === 200 && res.content && res.content.length > 0) {
             this.selectSelectDataMap[keyName] = res.content;
           }
         },
@@ -539,5 +536,14 @@ export default {
     align-items: center;
     justify-content: flex-end;
   }
+  .header-search {
+    width: calc(100% - 40px);
+    margin: 10px 0 10px 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    align-content: center;
+    flex-wrap: nowrap;
+  }
 }
 </style>