选项卡搜索启用 隐藏搜索条件

src/views/morePage/stock/index.vue

@@ -1,207 +1,207 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      v-show="showSearch"
-      label-width="100px"
-      size="mini"
-    >
-      <el-row>
-        <el-col :span="6">
-          <el-form-item label="客户名称" prop="refno1">
-            <el-select
-              v-model="queryParams.refno1"
-              placeholder="请输入客户名称"
-              clearable
-              size="small"
-              filterable
-            >
-              <el-option
-                v-for="(dict, index) in factIdOptions"
-                :key="index.fId"
-                :label="dict.fName"
-                :value="dict.fId"
-              />
-            </el-select> </el-form-item
-        ></el-col>
-        <el-col :span="6">
-          <el-form-item label-width="100px" label="业务类型" prop="rbillId">
-            <el-select
-              v-model="queryParams.rbillId"
-              placeholder="请选择业务类型"
-              clearable
-              size="small"
-              multiple
-            >
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label-width="100px" label="提单号" prop="refno3">
-            <el-input
-              v-model="queryParams.refno3"
-              placeholder="请输入提单号"
-              clearable
-              size="small"
-              @keyup.enter.native="handleQuery"
-              style="max-width: 187px"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label-width="100px" label="系统编号" prop="billNo">
-            <el-input
-              v-model="queryParams.billNo"
-              placeholder="请输入系统编号"
-              clearable
-              size="small"
-              @keyup.enter.native="handleQuery"
-              style="max-width: 187px"
-            />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-collapse-transition>
-        <div v-show="show">
-          <el-row>
-            <el-col :span="6">
-              <el-form-item
-                label-width="100px"
-                label="请核人"
-                prop="sendUserId"
-              >
-                <el-select
-                  v-model="queryParams.sendUserId"
-                  placeholder="请选择请核人"
-                  clearable
-                  size="small"
-                  multiple
-                >
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item
-                label-width="100px"
-                label="审核人"
-                prop="auditUserId"
-              >
-                <el-select
-                  v-model="queryParams.auditUserId"
-                  placeholder="请输入审核人"
-                  clearable
-                  size="small"
-                  multiple
-                >
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item
-                label-width="100px"
-                label="提交日期"
-                prop="sendTime"
-              >
-                <el-date-picker
-                  v-model="queryParams.sendTime"
-                  size="small"
-                  @keyup.enter.native="handleQuery"
-                  style="max-width: 187px"
-                  type="datetimerange"
-                  align="right"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  :default-time="['00:00:00', '23:59:59']"
-                >
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item
-                label-width="100px"
-                label="业务日期"
-                prop="billTime"
-              >
-                <el-date-picker
-                  v-model="queryParams.billTime"
-                  placeholder="请输入业务日期"
-                  clearable
-                  size="small"
-                  @keyup.enter.native="handleQuery"
-                  style="max-width: 187px"
-                  type="date"
-                >
-                </el-date-picker> </el-form-item
-            ></el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="6"
-              ><el-form-item
-                label-width="100px"
-                label="审核日期"
-                prop="auditOpTime"
-              >
-                <el-date-picker
-                  v-model="queryParams.auditOpTime"
-                  placeholder="请输入审核日期"
-                  clearable
-                  size="small"
-                  @keyup.enter.native="handleQuery"
-                  style="max-width: 187px"
-                  type="date"
-                >
-                </el-date-picker></el-form-item
-            ></el-col>
-          </el-row>
-        </div>
-      </el-collapse-transition>
-    </el-form>
+<!--    <el-form-->
+<!--      :model="queryParams"-->
+<!--      ref="queryForm"-->
+<!--      v-show="showSearch"-->
+<!--      label-width="100px"-->
+<!--      size="mini"-->
+<!--    >-->
+<!--      <el-row>-->
+<!--        <el-col :span="6">-->
+<!--          <el-form-item label="客户名称" prop="refno1">-->
+<!--            <el-select-->
+<!--              v-model="queryParams.refno1"-->
+<!--              placeholder="请输入客户名称"-->
+<!--              clearable-->
+<!--              size="small"-->
+<!--              filterable-->
+<!--            >-->
+<!--              <el-option-->
+<!--                v-for="(dict, index) in factIdOptions"-->
+<!--                :key="index.fId"-->
+<!--                :label="dict.fName"-->
+<!--                :value="dict.fId"-->
+<!--              />-->
+<!--            </el-select> </el-form-item-->
+<!--        ></el-col>-->
+<!--&lt;!&ndash;        <el-col :span="6">&ndash;&gt;-->
+<!--&lt;!&ndash;          <el-form-item label-width="100px" label="业务类型" prop="rbillId">&ndash;&gt;-->
+<!--&lt;!&ndash;            <el-select&ndash;&gt;-->
+<!--&lt;!&ndash;              v-model="queryParams.rbillId"&ndash;&gt;-->
+<!--&lt;!&ndash;              placeholder="请选择业务类型"&ndash;&gt;-->
+<!--&lt;!&ndash;              clearable&ndash;&gt;-->
+<!--&lt;!&ndash;              size="small"&ndash;&gt;-->
+<!--&lt;!&ndash;              multiple&ndash;&gt;-->
+<!--&lt;!&ndash;            >&ndash;&gt;-->
+<!--&lt;!&ndash;            </el-select>&ndash;&gt;-->
+<!--&lt;!&ndash;          </el-form-item>&ndash;&gt;-->
+<!--&lt;!&ndash;        </el-col>&ndash;&gt;-->
+<!--        <el-col :span="6">-->
+<!--          <el-form-item label-width="100px" label="提单号" prop="refno3">-->
+<!--            <el-input-->
+<!--              v-model="queryParams.refno3"-->
+<!--              placeholder="请输入提单号"-->
+<!--              clearable-->
+<!--              size="small"-->
+<!--              @keyup.enter.native="handleQuery"-->
+<!--              style="max-width: 187px"-->
+<!--            />-->
+<!--          </el-form-item>-->
+<!--        </el-col>-->
+<!--        <el-col :span="6">-->
+<!--          <el-form-item label-width="100px" label="系统编号" prop="billNo">-->
+<!--            <el-input-->
+<!--              v-model="queryParams.billNo"-->
+<!--              placeholder="请输入系统编号"-->
+<!--              clearable-->
+<!--              size="small"-->
+<!--              @keyup.enter.native="handleQuery"-->
+<!--              style="max-width: 187px"-->
+<!--            />-->
+<!--          </el-form-item>-->
+<!--        </el-col>-->
+<!--      </el-row>-->
+<!--      <el-collapse-transition>-->
+<!--        <div v-show="show">-->
+<!--          <el-row>-->
+<!--            <el-col :span="6">-->
+<!--              <el-form-item-->
+<!--                label-width="100px"-->
+<!--                label="请核人"-->
+<!--                prop="sendUserId"-->
+<!--              >-->
+<!--                <el-select-->
+<!--                  v-model="queryParams.sendUserId"-->
+<!--                  placeholder="请选择请核人"-->
+<!--                  clearable-->
+<!--                  size="small"-->
+<!--                  multiple-->
+<!--                >-->
+<!--                </el-select>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="6">-->
+<!--              <el-form-item-->
+<!--                label-width="100px"-->
+<!--                label="审核人"-->
+<!--                prop="auditUserId"-->
+<!--              >-->
+<!--                <el-select-->
+<!--                  v-model="queryParams.auditUserId"-->
+<!--                  placeholder="请输入审核人"-->
+<!--                  clearable-->
+<!--                  size="small"-->
+<!--                  multiple-->
+<!--                >-->
+<!--                </el-select>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="6">-->
+<!--              <el-form-item-->
+<!--                label-width="100px"-->
+<!--                label="提交日期"-->
+<!--                prop="sendTime"-->
+<!--              >-->
+<!--                <el-date-picker-->
+<!--                  v-model="queryParams.sendTime"-->
+<!--                  size="small"-->
+<!--                  @keyup.enter.native="handleQuery"-->
+<!--                  style="max-width: 187px"-->
+<!--                  type="datetimerange"-->
+<!--                  align="right"-->
+<!--                  start-placeholder="开始日期"-->
+<!--                  end-placeholder="结束日期"-->
+<!--                  :default-time="['00:00:00', '23:59:59']"-->
+<!--                >-->
+<!--                </el-date-picker>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="6">-->
+<!--              <el-form-item-->
+<!--                label-width="100px"-->
+<!--                label="业务日期"-->
+<!--                prop="billTime"-->
+<!--              >-->
+<!--                <el-date-picker-->
+<!--                  v-model="queryParams.billTime"-->
+<!--                  placeholder="请输入业务日期"-->
+<!--                  clearable-->
+<!--                  size="small"-->
+<!--                  @keyup.enter.native="handleQuery"-->
+<!--                  style="max-width: 187px"-->
+<!--                  type="date"-->
+<!--                >-->
+<!--                </el-date-picker> </el-form-item-->
+<!--            ></el-col>-->
+<!--          </el-row>-->
+<!--          <el-row>-->
+<!--            <el-col :span="6"-->
+<!--              ><el-form-item-->
+<!--                label-width="100px"-->
+<!--                label="审核日期"-->
+<!--                prop="auditOpTime"-->
+<!--              >-->
+<!--                <el-date-picker-->
+<!--                  v-model="queryParams.auditOpTime"-->
+<!--                  placeholder="请输入审核日期"-->
+<!--                  clearable-->
+<!--                  size="small"-->
+<!--                  @keyup.enter.native="handleQuery"-->
+<!--                  style="max-width: 187px"-->
+<!--                  type="date"-->
+<!--                >-->
+<!--                </el-date-picker></el-form-item-->
+<!--            ></el-col>-->
+<!--          </el-row>-->
+<!--        </div>-->
+<!--      </el-collapse-transition>-->
+<!--    </el-form>-->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button size="mini" @click="handleQuery">全部</el-button></el-col
+        <el-button size="mini" @click="handleQuery('')">全部</el-button></el-col
       >
       <el-col :span="1.5">
-        <el-button size="mini" @click="handleQuery">待审业务</el-button></el-col
+        <el-button size="mini" @click="handleQuery('S')">待审业务</el-button></el-col
       >
       <el-col :span="1.5">
-        <el-button size="mini" @click="handleQuery">审核中</el-button></el-col
+        <el-button size="mini" @click="handleQuery('N')">审核中</el-button></el-col
       >
       <el-col :span="1.5">
-        <el-button size="mini" @click="handleQuery">审核通过</el-button></el-col
+        <el-button size="mini" @click="handleQuery('A')">审核通过</el-button></el-col
       >
 
       <div class="tabSetting">
         <div style="margin-right: 20px">
-          <el-button
-            type="cyan"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
+<!--          <el-button-->
+<!--            type="cyan"-->
+<!--            icon="el-icon-search"-->
+<!--            size="mini"-->
+<!--            @click="handleQuery()"-->
+<!--            >搜索</el-button-->
+<!--          >-->
           <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
             >重置</el-button
           >
-          <el-button
-            v-show="show"
-            @click="show = !show"
-            icon="el-icon-arrow-up"
-            size="mini"
-            >展开</el-button
-          >
-          <el-button
-            v-show="!show"
-            @click="show = !show"
-            icon="el-icon-arrow-down"
-            size="mini"
-            >展开</el-button
-          >
+<!--          <el-button-->
+<!--            v-show="show"-->
+<!--            @click="show = !show"-->
+<!--            icon="el-icon-arrow-up"-->
+<!--            size="mini"-->
+<!--            >展开</el-button-->
+<!--          >-->
+<!--          <el-button-->
+<!--            v-show="!show"-->
+<!--            @click="show = !show"-->
+<!--            icon="el-icon-arrow-down"-->
+<!--            size="mini"-->
+<!--            >展开</el-button-->
+<!--          >-->
         </div>
-        <right-toolbar
-          :showSearch.sync="showSearch"
-          @queryTable="getList"
-        ></right-toolbar>
+<!--        <right-toolbar-->
+<!--          :showSearch.sync="showSearch"-->
+<!--          @queryTable="getList"-->
+<!--        ></right-toolbar>-->
         <div style="margin: 0 12px">
           <el-tooltip
             class="item"
@@ -598,7 +598,14 @@ export default {
       this.drag = false;
     },
     /** 搜索按钮操作 */
-    handleQuery() {
+    handleQuery(audit) {
+      if (audit) {
+        this.queryParams.auditStatus = audit
+      } else {
+        this.queryParams.auditStatus = null
+      }
+      console.log(audit)
+      console.log(this.queryParams.auditStatus)
       this.queryParams.pageNum = 1;
       this.getList(this.queryParams);
     },