场次时间改成区间选择

src/views/order/orderMr/index.vue

@@ -121,7 +121,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"
@@ -130,8 +130,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="场次"
@@ -344,10 +356,11 @@ export default {
           ],
         },
         dialogVisibleLoading: false,
+        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();
   },
@@ -355,7 +368,13 @@ export default {
     /** 查询列表 */
     getList() {
       this.loading = true;
-      pageList(this.addDateRange(this.queryParams, this.dateRange))
+      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;
@@ -383,6 +402,13 @@ export default {
         this.queryParams.createBeginTime = null
         this.queryParams.createEndTime = null
       }
+      if(this.queryParams.performDate){
+        this.queryParams.performDateStart   = this.queryParams.performDate[0];
+        this.queryParams.performDateEnd = this.queryParams.performDate[1];
+      }else {
+        this.queryParams.performDateStart   = null
+        this.queryParams.performDateEnd = null
+      }
       this.getList();
     },
     /** 重置按钮操作 */
@@ -412,14 +438,21 @@ export default {
       this.$refs["detailsDia"].openDialog("详情", row, type);
     },
     async pagePerformTimeListFun(value) {
+      // console.log('value',value);
       try {
         this.pagePerformTimeList = []
         this.$set(this.queryParams,'performTimeId',null)
         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
         })