待申报按钮

src/views/Business/Bopsel/Selp.vue

 <template>
   <div class="eibs-tab">
-    <c-list-search @form-reset="selpHandleReset" @form-search="selpHandleSearch">
-      <template v-slot="searchSlot">
+    <!-- <c-list-search @form-reset="selpHandleReset" @form-search="selpHandleSearch">
+      <template v-slot="searchSlot"> -->
         <el-form
           class="m-table-search-form"
           ref="paramsForm"
@@ -67,10 +67,24 @@
             </c-col>
               </c-col>
                 
+          <c-col :span="23" style="text-align: right;height:36.8px" v-if="!searchToggle">
+            <el-button size="small" @click="selpHandleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="selpHandleSearch"
+              >查询</el-button
+            >
+            <el-button type="text" @click="searchToggle=true">
+                展开
+              <i class="el-icon-arrow-down"></i>
+            </el-button>
+          </c-col>
            
           </el-row>
 
-          <el-row v-show="searchSlot.searchToggle">
+          <el-row v-show="searchToggle">
             <c-col :span="23" style="margin-left: 9px;">
              <c-col :span="8">
               <el-form-item label="申报号码" prop="bopquep.rptno" style="width: 100%">
@@ -186,11 +200,25 @@
                 </c-select>
               </el-form-item>
             </c-col>
+            <c-col :span="8" style="text-align: right;height:36.8px" v-if="searchToggle">
+            <el-button size="small" @click="selpHandleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="selpHandleSearch"
+              >查询</el-button
+            >
+            <el-button type="text" @click="searchToggle=false">
+                展开
+              <i class="el-icon-arrow-up"></i>
+            </el-button>
+          </c-col>
             </c-col>
           </el-row>
         </el-form>
-      </template>
-    </c-list-search>
+      <!-- </template>
+    </c-list-search> -->
 
     <c-col :span="23" style="margin-left: 9px;">
       <div style="border-bottom: 10px solid rgb(232, 232, 232)">
@@ -377,6 +405,7 @@ export default {
   mixins: [CommonProcess],
   data() {
     return {
+      searchToggle:false,
       stmData: {
         columns: [
           '4 1 "申报号码" 0 ',

src/views/TaskList/index.vue

@@ -109,3 +109,12 @@ export default {
   padding: 3px 15px;
 }
 </style>
+<style>
+.m-table-search-form {
+  position: flex;
+  flex-direction: row;
+}
+.m-table-search-form .el-form-item__content {
+  width: calc(100% - 110px);
+}
+</style>