1. 优化查询

src/views/finance/flowingWaterMr/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="app-container">
+  <div class="app-container app-container-scheduling">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
-      <el-form-item label="订单号" label-width="60px">
+      <el-form-item v-if="queryShow.id" label="订单号" label-width="60px">
         <el-input
           v-model="queryParams.id"
           placeholder="请输入订单号"
@@ -9,8 +9,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('id')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="支付方式">
+      <el-form-item v-if="queryShow.payWay" label-width="80px" label="支付方式">
         <el-select
           v-model="queryParams.payWay"
           placeholder="支付方式"
@@ -24,8 +25,9 @@
               :value="dict.value"
             />
         </el-select>
+        <span @click="clearQuery('payWay')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="变动类型">
+      <el-form-item v-if="queryShow.incomeExpenses" label-width="80px" label="变动类型">
         <el-select
           v-model="queryParams.incomeExpenses"
           placeholder="变动类型"
@@ -39,8 +41,9 @@
             :value="dict.value"
           />
         </el-select>
+        <span @click="clearQuery('incomeExpenses')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="业务类型">
+      <el-form-item v-if="queryShow.businessType" label-width="80px" label="业务类型">
         <el-select
           v-model="queryParams.businessType"
           placeholder="业务类型"
@@ -54,8 +57,9 @@
             :value="dict.value"
           />
         </el-select>
+        <span @click="clearQuery('businessType')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="支付时间">
+      <el-form-item v-if="queryShow.time" label="支付时间" label-width="80px">
           <el-date-picker
             style="width: 230px;"
             v-model="queryParams.time"
@@ -65,8 +69,9 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
+          <span @click="clearQuery('time')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="场次时间" label-width="70px">
+      <el-form-item v-if="queryShow.performDate" label="场次时间" label-width="80px">
           <el-date-picker
             style="width: 250px;"
             v-model="queryParams.performDate"
@@ -77,8 +82,9 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
+          <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="场次" v-if="!multiPerformDate">
+        <el-form-item label="场次" label-width="60px" v-if="!multiPerformDate && queryShow.performDate">
           <el-select
             v-model="queryParams.performTimeId"
             placeholder="场次"
@@ -92,9 +98,21 @@
               :value="dict.id"
             />
           </el-select>
+          <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-dropdown @command="openQuery">
+          <el-button size="mini" type="primary" icon="el-icon-plus"></el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="id">订单号</el-dropdown-item>
+            <el-dropdown-item command="payWay">支付方式</el-dropdown-item>
+            <el-dropdown-item command="incomeExpenses">变动类型</el-dropdown-item>
+            <el-dropdown-item command="businessType">业务类型</el-dropdown-item>
+            <el-dropdown-item command="time">支付时间</el-dropdown-item>
+            <el-dropdown-item command="performDate">场次时间/场次</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <el-button style="margin-left: 10px;" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -235,6 +253,15 @@ export default {
       tableData: {},
       pagePerformTimeList: [], // 场次列表
       multiPerformDate: false,
+
+      queryShow: {
+        id: true,
+        payWay: true,
+        incomeExpenses: false,
+        businessType: false,
+        time: false,
+        performDate: true,
+      },
     };
   },
   created() {
@@ -376,6 +403,33 @@ export default {
         
       }
     },
+
+    clearQuery(key) {
+      this.$set(this.queryShow,key,false)
+    },
+    openQuery(key) {
+      this.$set(this.queryShow,key,true)
+    }
   }
 };
 </script>
+<style scoped lang="scss">
+.app-container-scheduling ::v-deep .el-select__tags {
+    flex-wrap: inherit !important;
+    overflow-x: auto !important;
+}
+.app-container-scheduling ::v-deep .el-form-item__content {
+  position: relative;
+}
+.app-container-scheduling ::v-deep .el-form-item__content .query_clear{
+  position: absolute;
+  top: -15px;
+  right: -10px;
+  display: none;
+  cursor: pointer;
+  z-index: 99;
+}
+.app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
+  display: block;
+}
+</style>

src/views/finance/refundMr/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="app-container">
+  <div class="app-container app-container-scheduling">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="退款单号">
+      <el-form-item v-if="queryShow.refundId" label="退款单号">
         <el-input
           v-model="queryParams.refundId"
           placeholder="请输入退款单号"
@@ -9,8 +9,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('refundId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="原订单号">
+      <el-form-item v-if="queryShow.orderId" label="原订单号">
         <el-input
           v-model="queryParams.orderId"
           placeholder="请输入原订单号"
@@ -18,8 +19,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('orderId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="手机号码">
+      <el-form-item v-if="queryShow.refundMobile" label="手机号码">
         <el-input
           v-model="queryParams.refundMobile"
           placeholder="请输入手机号码"
@@ -27,8 +29,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('refundMobile')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="支付单号">
+      <el-form-item v-if="queryShow.transactionId" label="支付单号">
         <el-input
           v-model="queryParams.transactionId"
           placeholder="请输入支付单号"
@@ -36,8 +39,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('transactionId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="退款状态">
+      <el-form-item v-if="queryShow.status" label="退款状态">
         <el-select
           v-model="queryParams.status"
           placeholder="退款状态"
@@ -51,9 +55,20 @@
             :value="dict.value"
           />
         </el-select>
+        <span @click="clearQuery('status')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-dropdown @command="openQuery">
+          <el-button size="mini" type="primary" icon="el-icon-plus"></el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="refundId">退款单号</el-dropdown-item>
+            <el-dropdown-item command="orderId">原订单号</el-dropdown-item>
+            <el-dropdown-item command="refundMobile">手机号码</el-dropdown-item>
+            <el-dropdown-item command="transactionId">支付单号</el-dropdown-item>
+            <el-dropdown-item command="status">退款状态</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <el-button style="margin-left: 10px;" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -189,7 +204,14 @@ export default {
       ],
       visibleStatus: false,
       newObj: {},
-      visibleType: ''
+      visibleType: '',
+      queryShow: {
+        refundId: true,
+        orderId: true,
+        refundMobile: true,
+        transactionId: true,
+        status: false
+      },
     };
   },
   created() {
@@ -235,6 +257,26 @@ export default {
         this.$refs["detailsDia"].openDialog("详情", row, type);
       }
     },
+
+    clearQuery(key) {
+      this.$set(this.queryShow,key,false)
+    },
+    openQuery(key) {
+      this.$set(this.queryShow,key,true)
+    }
   }
 };
 </script>
+<style scoped lang="scss">
+.app-container-scheduling ::v-deep .el-form-item__content .query_clear{
+  position: absolute;
+  top: -15px;
+  right: -10px;
+  display: none;
+  cursor: pointer;
+  z-index: 99;
+}
+.app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
+  display: block;
+}
+</style>

src/views/order/orderMr/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="app-container" :style="{'--q-height':qHeight}">
+  <div class="app-container app-container-scheduling" :style="{'--q-height':qHeight}">
     <div class="app-container-query" ref="queryFormBox">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-        <el-form-item label="订单号">
+        <el-form-item v-if="queryShow.orderId" label="订单号">
           <el-input
             v-model="queryParams.orderId"
             placeholder="请输入订单号"
@@ -10,8 +10,9 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('orderId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="购票人手机号" label-width="100px">
+        <el-form-item v-if="queryShow.memberMobile" label="购票人手机号" label-width="100px">
           <el-input
             v-model="queryParams.memberMobile"
             placeholder="请输入购票人手机号"
@@ -19,8 +20,9 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('memberMobile')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="剧目名称">
+        <el-form-item v-if="queryShow.performName" label="剧目名称">
           <el-input
             v-model="queryParams.performName"
             placeholder="请输入剧目名称"
@@ -28,8 +30,9 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('performName')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="票务名称">
+        <el-form-item v-if="queryShow.goodsName" label="票务名称">
           <el-input
             v-model="queryParams.goodsName"
             placeholder="请输入票务名称"
@@ -37,8 +40,9 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('goodsName')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="是否成功开票" label-width="100">
+        <el-form-item v-if="queryShow.ifSuccessInvoice" label="是否成功开票" label-width="100">
           <el-select
             v-model="queryParams.ifSuccessInvoice"
             placeholder="请选择"
@@ -48,8 +52,9 @@
             <el-option label="否" value="0" />
             <el-option label="是" value="1" />
           </el-select>
+          <span @click="clearQuery('ifSuccessInvoice')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="订单状态">
+        <el-form-item v-if="queryShow.status" label="订单状态">
           <el-select
             v-model="queryParams.status"
             placeholder="订单状态"
@@ -63,8 +68,9 @@
                 :value="dict.value"
               />
           </el-select>
+          <span @click="clearQuery('status')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="支付方式">
+        <el-form-item v-if="queryShow.payWay" label="支付方式">
           <el-select
             v-model="queryParams.payWay"
             placeholder="支付方式"
@@ -78,8 +84,9 @@
                 :value="dict.value"
               />
           </el-select>
+          <span @click="clearQuery('payWay')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="购票渠道">
+        <el-form-item v-if="queryShow.source" label="购票渠道">
           <el-select
             v-model="queryParams.source"
             placeholder="购票渠道"
@@ -99,8 +106,9 @@
               :value="dict.value"
             />
           </el-select>
+          <span @click="clearQuery('source')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="支付时间">
+        <el-form-item v-if="queryShow.time" label="支付时间">
           <el-date-picker
             style="width: 230px;"
             v-model="queryParams.time"
@@ -110,8 +118,9 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
+          <span @click="clearQuery('time')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="支付单号">
+        <el-form-item v-if="queryShow.paymentId" label="支付单号">
           <el-input
             v-model="queryParams.paymentId"
             placeholder="请输入支付单号"
@@ -119,8 +128,9 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('paymentId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="下单时间">
+        <el-form-item v-if="queryShow.createTime" label="下单时间">
           <el-date-picker
             style="width: 230px;"
             v-model="queryParams.createTime"
@@ -130,6 +140,7 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
+          <span @click="clearQuery('createTime')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
         <!-- <el-form-item label="场次时间">
           <el-date-picker
@@ -141,7 +152,7 @@
             placeholder="选择日期">
           </el-date-picker>
         </el-form-item> -->
-        <el-form-item label="场次时间" label-width="70px">
+        <el-form-item v-if="queryShow.performDate" label="场次时间" label-width="70px">
           <el-date-picker
             style="width: 250px;"
             v-model="queryParams.performDate"
@@ -152,8 +163,9 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
+          <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="场次" v-if="!multiPerformDate">
+        <el-form-item label="场次" v-if="!multiPerformDate&&queryShow.performDate">
           <el-select
             v-model="queryParams.performTimeId"
             placeholder="场次"
@@ -167,8 +179,9 @@
               :value="dict.id"
             />
           </el-select>
+          <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="开票时间">
+        <el-form-item v-if="queryShow.invoiceTime" label="开票时间">
           <el-date-picker
             style="width: 230px;"
             v-model="queryParams.invoiceTime"
@@ -178,8 +191,9 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
+          <span @click="clearQuery('invoiceTime')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="商户退款单号" label-width="100px">
+        <el-form-item v-if="queryShow.refundPaymentId" label="商户退款单号" label-width="100px">
           <el-input
             v-model="queryParams.refundPaymentId"
             placeholder="请输入商户退款单号"
@@ -187,8 +201,9 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('refundPaymentId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
-        <el-form-item label="OTA订单号" label-width="100px">
+        <el-form-item v-if="queryShow.otaOrderId" label="OTA订单号" label-width="100px">
           <el-input
             v-model="queryParams.otaOrderId"
             placeholder="请输入OTA订单号"
@@ -196,9 +211,30 @@
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
+          <span @click="clearQuery('otaOrderId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+          <el-dropdown @command="openQuery">
+            <el-button size="mini" type="primary" icon="el-icon-plus"></el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="orderId">订单号</el-dropdown-item>
+              <el-dropdown-item command="memberMobile">购票人手机号</el-dropdown-item>
+              <el-dropdown-item command="performName">剧目名称</el-dropdown-item>
+              <el-dropdown-item command="goodsName">票务名称</el-dropdown-item>
+              <el-dropdown-item command="ifSuccessInvoice">是否成功开票</el-dropdown-item>
+              <el-dropdown-item command="status">订单状态</el-dropdown-item>
+              <el-dropdown-item command="payWay">支付方式</el-dropdown-item>
+              <el-dropdown-item command="source">购票渠道</el-dropdown-item>
+              <el-dropdown-item command="time">支付时间</el-dropdown-item>
+              <el-dropdown-item command="paymentId">支付单号</el-dropdown-item>
+              <el-dropdown-item command="createTime">下单时间</el-dropdown-item>
+              <el-dropdown-item command="performDate">场次时间/场次</el-dropdown-item>
+              <el-dropdown-item command="invoiceTime">开票时间</el-dropdown-item>
+              <el-dropdown-item command="refundPaymentId">商户退款单号</el-dropdown-item>
+              <el-dropdown-item command="otaOrderId">OTA订单号</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button style="margin-left: 10px;" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
           <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
         </el-form-item>
       </el-form>
@@ -439,6 +475,23 @@ export default {
         dialogVisibleLoading: false,
         multiPerformDate:false,
         fixed: 'left',
+      queryShow: {
+        orderId: true,
+        memberMobile: true,
+        performName: false,
+        goodsName: false,
+        ifSuccessInvoice: false,
+        status: false,
+        payWay: false,
+        source: false,
+        time: false,
+        paymentId: false,
+        createTime: false,
+        performDate: true,
+        invoiceTime: false,
+        refundPaymentId: false,
+        otaOrderId: false,
+      },
     };
   },
   created() {
@@ -757,6 +810,13 @@ export default {
             });
           }).catch(() => {});
         },
+
+    clearQuery(key) {
+      this.$set(this.queryShow,key,false)
+    },
+    openQuery(key) {
+      this.$set(this.queryShow,key,true)
+    }
   },
   beforeDestroy() {
     this.resizeObserver.unobserve(this.$refs.queryFormBox);
@@ -778,4 +838,24 @@ export default {
     height: calc( 100% - 100px );
   }
 }
+
+
+.app-container-scheduling ::v-deep .el-select__tags {
+    flex-wrap: inherit !important;
+    overflow-x: auto !important;
+}
+.app-container-scheduling ::v-deep .el-form-item__content {
+  position: relative;
+}
+.app-container-scheduling ::v-deep .el-form-item__content .query_clear{
+  position: absolute;
+  top: -15px;
+  right: -10px;
+  display: none;
+  cursor: pointer;
+  z-index: 99;
+}
+.app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
+  display: block;
+}
 </style>

src/views/venue/schedulingMr/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container app-container-scheduling">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
-      <el-form-item label="场馆名称" label-width="70px">
+      <el-form-item v-if="queryShow.theatreName" label="场馆名称" label-width="70px">
         <el-input
           v-model="queryParams.theatreName"
           placeholder="请输入场馆名称"
@@ -9,8 +9,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('theatreName')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="剧目名称">
+      <el-form-item v-if="queryShow.performName" label="剧目名称">
         <el-input
           v-model="queryParams.performName"
           placeholder="请输入剧目名称"
@@ -18,8 +19,9 @@
           style="width: 240px;"
           @keyup.enter.native="handleQuery"
         />
+        <span @click="clearQuery('performName')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="票务名称">
+      <el-form-item v-if="queryShow.goodsIds" label="票务名称">
         <el-select
             v-model="queryParams.goodsIds"
             placeholder="请输入票务名称"
@@ -35,16 +37,18 @@
               :value="dict.id"
             />
           </el-select>
+          <span @click="clearQuery('goodsIds')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="选择日期">
+      <el-form-item v-if="queryShow.performDate" label="选择日期">
         <el-date-picker
           v-model="queryParams.performDate"
           type="date"
           value-format="yyyy-MM-dd"
           placeholder="选择日期">
         </el-date-picker>
+        <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
-      <el-form-item label="状态" label-width="40px">
+      <el-form-item v-if="queryShow.status" label="状态" label-width="40px">
         <el-select
             v-model="queryParams.status"
             placeholder="状态"
@@ -59,16 +63,17 @@
               :value="dict.value"
             />
           </el-select>
+          <span @click="clearQuery('status')" class="query_clear"><i class="el-icon-circle-close"></i></span>
       </el-form-item>
       <el-form-item>
-        <el-dropdown>
+        <el-dropdown @command="openQuery">
           <el-button size="mini" type="primary" icon="el-icon-plus"></el-button>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item>黄金糕</el-dropdown-item>
-            <el-dropdown-item>狮子头</el-dropdown-item>
-            <el-dropdown-item>螺蛳粉</el-dropdown-item>
-            <el-dropdown-item>双皮奶</el-dropdown-item>
-            <el-dropdown-item>蚵仔煎</el-dropdown-item>
+            <el-dropdown-item command="theatreName">场馆名称</el-dropdown-item>
+            <el-dropdown-item command="performName">剧目名称</el-dropdown-item>
+            <el-dropdown-item command="goodsIds">票务名称</el-dropdown-item>
+            <el-dropdown-item command="performDate">选择日期</el-dropdown-item>
+            <el-dropdown-item command="status">状态</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
         <el-button style="margin-left: 10px;" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -235,7 +240,6 @@ import { pageList, deleteById, deleteBatchById,ionline } from '@/api/schedulingM
 import addAndEdit from "./dialog/addAndEdit";
 import { pageList as goodsIdsListApi } from '@/api/ticketMr/ticketMr'
 import stockAll from "./dialog/stockAll.vue"
-import { row } from 'mathjs';
 export default {
   name: "SchedulingMr1",
   dicts: ['agreement_type'],
@@ -269,6 +273,13 @@ export default {
         pageSize: 10,
         type: undefined,
       },
+      queryShow: {
+        theatreName: true,
+        performName: true,
+        goodsIds: true,
+        performDate: true,
+        status: false
+      },
       statusList: [
         // {id: 1, name: '未发布', value: 0},
         {id: 1, name: '启用', value: 1},
@@ -417,6 +428,13 @@ export default {
     handleStockAll(row) {
       console.log("row===",row)
       this.$refs["stockAll"].openDialog(!row?"默认渠道库存设置":'场次库存修改',row);
+    },
+
+    clearQuery(key) {
+      this.$set(this.queryShow,key,false)
+    },
+    openQuery(key) {
+      this.$set(this.queryShow,key,true)
     }
   }
 };
@@ -426,4 +444,18 @@ export default {
     flex-wrap: inherit !important;
     overflow-x: auto !important;
 }
+.app-container-scheduling ::v-deep .el-form-item__content {
+  position: relative;
+}
+.app-container-scheduling ::v-deep .el-form-item__content .query_clear{
+  position: absolute;
+  top: -15px;
+  right: -10px;
+  display: none;
+  cursor: pointer;
+  z-index: 99;
+}
+.app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
+  display: block;
+}
 </style>