From 764456edf0b72fd40fd64f79e59949a63a636005 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 22 九月 2021 17:15:30 +0800
Subject: [PATCH] 添加h265播放器
---
src/pages/settings/views/generalSettings.vue | 106 +++++++++++++++++++++++++++++++++--------------------
1 files changed, 66 insertions(+), 40 deletions(-)
diff --git a/src/pages/settings/views/generalSettings.vue b/src/pages/settings/views/generalSettings.vue
index 89689cf..ba74441 100644
--- a/src/pages/settings/views/generalSettings.vue
+++ b/src/pages/settings/views/generalSettings.vue
@@ -1,5 +1,5 @@
<template>
- <div class="all">
+ <div class="all" ref="curPage">
<div class="general-set">
<div class="general-center" ref="left">
<div
@@ -9,12 +9,14 @@
v-for="(item, i) in menuArr"
:key="i"
>
- <span class="iconfont">{{ item.icon }}</span>
+ <span class="iconfont" :style="`font-size:${item.size}px;`">{{
+ item.icon
+ }}</span>
<span class="title">{{ item.name }}</span>
</div>
</div>
<div class="general-right">
- <div class="lang" v-if="activePage == 0">
+ <!-- <div class="lang" v-if="activePage == 0">
<div class="bar">
<span class="name">璁惧ID</span>
<span class="desc">{{ deviceInfo.server_id }}</span>
@@ -55,8 +57,8 @@
<span class="name">杩愯鏃堕棿</span>
<span class="desc">{{ deviceInfo.runningTime }}</span>
</div>
- </div>
- <div class="lang" v-if="activePage == 1">
+ </div> -->
+ <div class="lang" v-if="activePage == 0">
<div class="min-dur">
<div class="title">鎶撴媿鍓嶅綍鍍忔椂闀�</div>
<div class="entity">
@@ -66,7 +68,8 @@
v-model="fakeObj.min"
id="cut_min_duration"
:min="5 / 1.2"
- :max="100" :step="5 / 1.2"
+ :max="100"
+ :step="5 / 1.2"
@input="min_len = min_video_len"
show-stops
:show-tooltip="true"
@@ -77,8 +80,10 @@
v-model="min_len"
@change="fakeObj.min = +(min_len / 1.2)"
controls-position="right"
- :min="5" :step="5"
- :max="120" step-strictly
+ :min="5"
+ :step="5"
+ :max="120"
+ step-strictly
size="small"
></el-input-number
> s
@@ -94,7 +99,8 @@
id="cut_max_duration"
:min="5 / 1.2"
@input="max_len = max_video_len"
- :max="100" :step="5 / 1.2"
+ :max="100"
+ :step="5 / 1.2"
show-stops
:format-tooltip="formatTooltip"
:show-tooltip="true"
@@ -104,7 +110,9 @@
v-model="max_len"
@change="fakeObj.max = +(max_len / 1.2)"
controls-position="right"
- :min="5" :step="5" step-strictly
+ :min="5"
+ :step="5"
+ step-strictly
:max="120"
size="small"
></el-input-number
@@ -114,7 +122,7 @@
<div class="save-btn" @click="submitAlarm">淇濆瓨</div>
</div>
- <div class="lang" v-if="activePage == 2">
+ <div class="lang" v-if="activePage == 1">
<div class="title">浜嬩欢澹伴煶</div>
<div class="bar-group">
<div
@@ -150,31 +158,33 @@
</div>
</div>
</div>
- <el-upload
- class="upload-demo"
- drag
- action="https://jsonplaceholder.typicode.com/posts/"
- :http-request="uploadSound"
- v-show="showUpload"
- :show-file-list="false"
- >
- <i class="el-icon-upload"></i>
- <div class="el-upload__text">
- 浜嬩欢澹伴煶鏂囦欢鎷栧埌姝ゅ锛屾垨
- <em>鐐瑰嚮涓婁紶</em>
- <br />浠呮敮鎸乵p3/wma绛夋牸寮�
- </div>
- </el-upload>
+ <div v-if="showUpload" @click.stop>
+ <el-upload
+ class="upload-demo"
+ drag
+ action=""
+ :http-request="uploadSound"
+ :show-file-list="false"
+ >
+ <i class="el-icon-upload"></i>
+ <div class="el-upload__text">
+ 浜嬩欢澹伴煶鏂囦欢鎷栧埌姝ゅ锛屾垨
+ <em>鐐瑰嚮涓婁紶</em>
+ <br />浠呮敮鎸乵p3/wma绛夋牸寮�
+ </div>
+ </el-upload>
+ </div>
+
<div class="add-group">
<div class="add-btn">
- <span class="icon iconfont" @click="showUpload = !showUpload"
+ <span class="icon iconfont" @click.stop="showUpload = !showUpload"
></span
>
</div>
</div>
</div>
- <div class="self-setting" v-if="activePage == 3">
+ <div class="self-setting" v-if="activePage == 2">
<div class="top-title">鍥炬爣涓婚</div>
<div class="icon-bar" style="cursor: pointer" @click="selectIcons(0)">
@@ -240,7 +250,6 @@
<script>
import { saveAlarmConfig, getDevInfo } from "@/api/system";
import { uploadSound, getSoundList, deleteSound } from "@/api/event";
-import config from "../../../../package.json";
export default {
data() {
@@ -255,10 +264,10 @@
max: 0,
},
menuArr: [
- { name: "璁惧淇℃伅", icon: "\ue933" },
- { name: "浜嬩欢褰曞儚鏃堕暱", icon: "\ue6f3" },
- { name: "浜嬩欢澹伴煶", icon: "\ue6e1" },
- { name: "涓�у寲璁剧疆", icon: "\ue756" },
+ // { name: "璁惧淇℃伅", icon: "\ue933" ,size:18},
+ { name: "浜嬩欢褰曞儚鏃堕暱", icon: "\ue6f3", size: 20 },
+ { name: "浜嬩欢澹伴煶", icon: "\ue6e1", size: 16 },
+ { name: "涓�у寲璁剧疆", icon: "\ue756", size: 18 },
],
soundList: [],
activePage: 0,
@@ -304,6 +313,24 @@
_this.curPlayingIndex = null;
}
});
+ const url = localStorage.getItem("backgroundPic");
+ if (url) {
+ const arr = url.split("/");
+ this.activeBg = this.tableBGList.findIndex((x) => {
+ return x.url.includes(arr[arr.length - 1]);
+ });
+ } else {
+ this.activeBg = 0;
+ }
+ const e = this.$refs.curPage;
+ e.addEventListener("click", (e) => {
+ if (this.showUpload) {
+ this.showUpload = false;
+ }
+ });
+ },
+ beforeDestroy() {
+ this.$refs.curPage.removeEventListener("click");
},
computed: {
min_video_len() {
@@ -356,7 +383,7 @@
this.deviceInfo.deviceDesc = basic.deviceDesc;
this.deviceInfo.masterVersion = basic.masterVersion;
this.deviceInfo.channelCount = basic.channelCount;
- this.deviceInfo.webVersion = "V" + config.version;
+ this.deviceInfo.webVersion = "V2.0.0";
this.deviceInfo.disks = "( " + info.disk + ") ";
this.deviceInfo.memory =
(info.mem.total / 1024 / 1024 / 1024).toFixed(2) + "GB";
@@ -387,6 +414,7 @@
uploadSound(param).then(
(res) => {
this.$message.success("涓婁紶鎴愬姛");
+ this.showUpload = false;
this.getSounds();
},
(err) => {
@@ -482,10 +510,10 @@
cursor: pointer;
display: flex;
.iconfont {
- margin-right: 12px;
+ margin-right: 8px;
}
.title {
- font-size: 16px;
+ font-size: 15px;
}
}
.menu-item-active {
@@ -604,7 +632,6 @@
transition: all 0.5s;
position: absolute;
bottom: -40px;
-
left: calc(50% - 145px);
.el-upload-dragger {
width: 290px;
@@ -754,12 +781,11 @@
.bg-img {
margin-right: 12px;
cursor: pointer;
- width: 120px;
+ // width: 120px;
+ height: 80px;
border: 2px solid transparent;
img {
- width: 120px;
border-radius: 5px;
-
height: 100%;
}
}
--
Gitblit v1.8.0