From c068a9cbaca1c984590c14b8851e97486bfdb430 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期五, 06 十月 2023 21:05:57 +0800
Subject: [PATCH] 导出功能
---
src/views/video/index.vue | 55 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 33 insertions(+), 22 deletions(-)
diff --git a/src/views/video/index.vue b/src/views/video/index.vue
index af170a8..13c9229 100644
--- a/src/views/video/index.vue
+++ b/src/views/video/index.vue
@@ -1,10 +1,10 @@
<template>
- <el-container style="height: 100%">
+ <el-container class="video-container" style="height: 100%">
<el-aside heigth="100%" width="200px">
<department-aside @selectedDepartment="selectedDepartment" />
</el-aside>
- <el-container>
+ <el-container class="video-body-right">
<el-header style="display: flex; flex-direction: column; height: 120px">
<div
style="display: flex; justify-content: space-between; height: 80px"
@@ -18,7 +18,7 @@
"
>鏁翠綋瓒嬪娍</span
>
- <el-date-picker v-model="value" type="date" placeholder="閫夋嫨鏃ユ湡">
+ <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="閫夋嫨鏃ユ湡">
</el-date-picker>
</div>
<!-- <div style="height: 60px; display: flex; justify-content: flex-start">
@@ -127,11 +127,11 @@
mounted() {},
methods: {
loadVideo(item) {
- if (item.platResourceId) {
+ if (item.code) {
if (Hls.isSupported()) {
var video = document.getElementById(item.id);
var hls = new Hls();
- videoPoint.getVideoPointUrl(item.platResourceId).then((res) => {
+ videoPoint.getVideoPointUrl(item.code).then((res) => {
if (res.code === 0) {
hls.loadSource(res.data);
hls.attachMedia(video);
@@ -191,8 +191,8 @@
if (res) {
// 杩炴帴瀹㈡埛绔垚鍔�
this.ws.login({
- loginIp: "183.245.159.161",
- loginPort: "8282",
+ loginIp: "172.28.194.180",
+ loginPort: "7902",
userName: "suichang",
userPwd: "a12345677",
https: 1,
@@ -220,7 +220,7 @@
});
},
create(item) {
- if (item.code) {
+ if (item.platResourceId) {
const DHWsInstance = DHWs.getInstance();
this.ws = DHWsInstance;
console.log(this.ws);
@@ -298,12 +298,23 @@
};
</script>
<style lang="scss" scoped>
+.video-time-select{
+ &::v-deep .el-input__prefix{
+ height: auto;
+ }
+
+}
+.video-body-right{
+ padding: 10px;
+ border: 1px solid #ccc;
+ margin-left: 5px;
+}
.button-one {
height: 40px;
width: 80px;
margin-left: 20px;
padding: 0;
- background-color: #09152f;
+ // background-color: #09152f;
color: rgb(75, 155, 183);
border: 1px solid rgb(75, 155, 183);
}
@@ -312,7 +323,7 @@
height: 40px;
width: 80px;
padding: 0;
- background-color: #09152f;
+ // background-color: #09152f;
color: rgb(75, 155, 183);
border: 1px solid rgb(75, 155, 183);
}
@@ -323,7 +334,7 @@
height: 40px;
width: 80px;
padding: 0;
- background-color: #09152f;
+ // background-color: #09152f;
color: rgb(75, 155, 183);
border: 1px solid rgb(75, 155, 183);
}
@@ -392,23 +403,23 @@
}
::v-deep .el-header {
- background-color: #09152f;
+ // background-color: #09152f;
color: #000;
line-height: 60px;
}
-::v-deep .el-aside {
- background-color: #09152f;
-}
+// ::v-deep .el-aside {
+// background-color: #09152f;
+// }
-::v-deep .el-menu {
- background-color: #09152f;
-}
+// ::v-deep .el-menu {
+ // background-color: #09152f;
+// }
::v-deep .el-main,
-::v-deep .el-footer {
- background-color: #09152f;
-}
+// ::v-deep .el-footer {
+// background-color: #09152f;
+// }
::v-deep .el-tree-node__label {
line-height: 30px;
@@ -438,4 +449,4 @@
video::-webkit-media-controls-toggle-closed-captions-button {
display: none;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0