录像查询更换日期后先清空原先的查询列表

web_src/src/components/gb28181/devicePlayer.vue

@@ -25,8 +25,7 @@
                 </el-tab-pane>
                 <!--{"code":0,"data":{"paths":["22-29-30.mp4"],"rootPath":"/home/kkkkk/Documents/ZLMediaKit/release/linux/Debug/www/record/hls/kkkkk/2020-05-11/"}}-->
                 <el-tab-pane label="录像查询" name="record">
-						<el-date-picker size="mini" v-model="videoHistory.date" type="date" value-format="yyyy-MM-dd" placeholder="日期"
+                    <el-date-picker size="mini" v-model="videoHistory.date" type="date" value-format="yyyy-MM-dd" placeholder="日期" @change="queryRecords()"></el-date-picker>
-						 @change="queryRecords()"></el-date-picker>
                     <!--            <el-slider style="margin: 0 1rem 1rem 1rem;"-->
                     <!--                       v-model="timeVal"-->
                     <!--                       :min="timeMin"-->
@@ -77,10 +76,8 @@
                             <div class="control-round">
                                 <div class="control-round-inner"><i class="fa fa-pause-circle"></i></div>
                             </div>
-								<div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera(0, 0, 2)" @mouseup="ptzCamera(0, 0, 0)"><i
+                            <div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera(0, 0, 2)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-in" style="font-size: 1.875rem;"></i></div>
-									 class="el-icon-zoom-in" style="font-size: 1.875rem;"></i></div>
+                            <div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera(0, 0, 1)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-out"></i></div>
-								<div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera(0, 0, 1)"
-								 @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-out"></i></div>
                         </div>
                     </div>
 
@@ -108,8 +105,7 @@
             };
         }
     },
-		created() {
+    created() {},
-		},
     data() {
         return {
             video: 'http://lndxyj.iqilu.com/public/upload/2019/10/14/8c001ea0c09cdc59a57829dabc8010fa.mp4',
@@ -241,6 +237,7 @@
                 return;
             }
             this.recordsLoading = true;
+            this.videoHistory.searchHistoryResult = [];
             let that = this;
             var startTime = this.videoHistory.date + " 00:00:00";
             var endTime = this.videoHistory.date + " 23:59:59";
@@ -252,6 +249,7 @@
                 that.videoHistory.searchHistoryResult = res.data.recordList;
                 that.recordsLoading = false;
             }).catch(function (e) {
+                console.log(e.message);
                 // that.videoHistory.searchHistoryResult = falsificationData.recordData;
             });