From b6dbc87951af99b12923103789eba812fe8462ed Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 18 六月 2021 18:26:51 +0800
Subject: [PATCH] list字段修改
---
src/pages/panoramicView/components/History.vue | 47 ++++++++++++++++++++++++++++++++++++-----------
1 files changed, 36 insertions(+), 11 deletions(-)
diff --git a/src/pages/panoramicView/components/History.vue b/src/pages/panoramicView/components/History.vue
index 00d4f02..51f13ad 100644
--- a/src/pages/panoramicView/components/History.vue
+++ b/src/pages/panoramicView/components/History.vue
@@ -34,14 +34,30 @@
</div>
</div>
<div class="videos">
- <div class="video-item" v-for="v in videoList" :key="v.name">
- <video :src="'/httpImage/' + v.videoUrl" controls="controls" width="480px" height="270px"></video>
+ <div class="video-item" v-for="v in videoList" :key="v.reid">
+ <video
+ :src="'/traceFiles/' + v.reid + '.avi'"
+ controls="controls"
+ width="480px"
+ height="270px"
+ ></video>
+ <span>{{v.date}}</span>
+
+ <div class="image-preview">
+ <el-image
+ :src="'/traceFiles/' + v.reid + '.jpg'"
+ :preview-src-list="['/traceFiles/' + v.reid + '.jpg']"
+ height="10px"
+ ></el-image>
+ </div>
</div>
</div>
</div>
</template>
<script>
+import { findTraceResult } from "@/api/panorama"
+
export default {
name: "histroy",
data() {
@@ -142,19 +158,19 @@
});
return;
}
- clearInterval(this.timer);
- //鍒ゆ柇鏄惁鏄煡鍘嗗彶鏁版嵁
- if (Date.parse(this.searchTime[1]) < Date.now()) {
- this.filterData()
- } else {
- this.activeObjHashMap = {};
- //瀹炴椂鏌�
- this.searchData();
- }
+
+ this.searchData();
},
checkTarget(item) {
this.selectedID = item.id;
+ },
+ searchData() {
+ findTraceResult({ searchTime: this.searchTime }).then(rsp => {
+ if (rsp && rsp.success && rsp.data) {
+ this.videoList = rsp.data;
+ }
+ })
}
}
}
@@ -226,15 +242,24 @@
height: 88%;
display: flex;
flex-wrap: wrap;
+ overflow: auto;
.video-item {
width: 500px;
height: 320px;
margin-left: 10px;
+ margin-top: 10px;
background-color: #fff;
video {
margin: 10px;
}
+
+ .image-preview {
+ width: 25px;
+ float: right;
+ margin: 0px 10px;
+ cursor: pointer;
+ }
}
}
}
--
Gitblit v1.8.0