场次日期改成区间选择

src/views/order/groupBuyingMr/index.vue

@@ -70,7 +70,7 @@
           end-placeholder="结束日期">
         </el-date-picker>
       </el-form-item>
-      <el-form-item label="场次时间">
+      <!-- <el-form-item label="场次时间">
         <el-date-picker
           style="width: 230px;"
           v-model="queryParams.performDate"
@@ -79,8 +79,20 @@
           value-format="yyyy-MM-dd"
           placeholder="选择日期">
         </el-date-picker>
+      </el-form-item> -->
+      <el-form-item label="场次时间" label-width="70px">
+        <el-date-picker
+          style="width: 250px;"
+          v-model="queryParams.performDate"
+          @change="pagePerformTimeListFun"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
       </el-form-item>
-      <el-form-item label="场次">
+      <el-form-item label="场次" v-if="!multiPerformDate">
         <el-select
           v-model="queryParams.performTimeId"
           placeholder="场次"
@@ -408,10 +420,11 @@ export default {
 
       handleExportLoading: false,
       pagePerformTimeList: [], // 场次列表
+      multiPerformDate:false,
     };
   },
   created() {
-    this.$set(this.queryParams,'performDate',moment().format("yyyy-MM-DD"))
+    this.$set(this.queryParams,'performDate',[moment().format("yyyy-MM-DD"),moment().format("yyyy-MM-DD")])
     this.pagePerformTimeListFun(this.queryParams.performDate)
     this.getList();
   },
@@ -419,7 +432,13 @@ export default {
     /** 查询列表 */
     getList() {
       this.loading = true;
-      pageList(this.queryParams)
+      let params = {...this.addDateRange(this.queryParams, this.dateRange)};
+      if(params.performDate&&params.performDate.length==2){
+        params.performDateStart = params.performDate[0];
+        params.performDateEnd = params.performDate[1];
+      }
+      delete params.performDate;
+      pageList(params)
       .then(response => {
           this.dataList = response.data.rows;
           this.total = response.data.total;
@@ -673,8 +692,14 @@ export default {
         if(!value){
           return
         }
+        if(value.length==2&&value[0]==value[1]){
+          this.multiPerformDate = false
+        }else{
+          this.multiPerformDate = true
+          return
+        }
         let { data,code } = await pagePerformTimeList({
-          performDate: value,
+          performDate: value[0],
           pageNum: 1,
           pageSize: 999
         })