From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图
---
src/pages/cameraAccess/components/CameraInfo.vue | 77 ++++++++++++++++++++++++++++++--------
1 files changed, 60 insertions(+), 17 deletions(-)
diff --git a/src/pages/cameraAccess/components/CameraInfo.vue b/src/pages/cameraAccess/components/CameraInfo.vue
index 24b9f41..8f0c382 100644
--- a/src/pages/cameraAccess/components/CameraInfo.vue
+++ b/src/pages/cameraAccess/components/CameraInfo.vue
@@ -61,10 +61,11 @@
</el-col>
<el-col :span="9" :offset="1">
<el-form-item label="浜嬩欢澹伴煶">
- <div class="flex-wrap" style="margin-left:-10px">
- <el-switch v-model="form.voiceEnable" active-color="#409eff" :width="50"></el-switch>
- <el-select
- v-model="form.voiceId"
+ <div class="flex-wrap" style="margin-top: 10px;">
+ <el-switch v-model="form.voiceEnable" :width="50"></el-switch>
+ <!-- 灞忚斀澹伴煶閫夋嫨,璋冩暣鍒板満鏅� -->
+ <!-- <el-select
+ v-model="voice"
placeholder="閫夋嫨澹伴煶"
size="small"
value-key="id"
@@ -77,12 +78,18 @@
:value="item"
></el-option>
</el-select>
- <span class="player-btn" @click="togglePlayer">
+ <span class="player-btn" @click="togglePlayer" style="cursor:pointer;">
<i
+ v-if="togglePlay"
class="el-icon-video-play"
style="font-size:26px; vertical-align:middle; color:#409eff"
></i>
- </span>
+ <i
+ v-else
+ class="el-icon-video-pause"
+ style="font-size:26px; vertical-align:middle; color:#409eff"
+ ></i>
+ </span>-->
</div>
</el-form-item>
</el-col>
@@ -146,7 +153,7 @@
<li style="width:100%">
<info-card
style="width:100%;min-width: 440px"
- :realtime="PollData.RealTimeSum"
+ :realtime="PollData.RealTimeValidCount"
:polling="PollData.PollValidCount"
:dataStack="PollData.stackChannelCount"
></info-card>
@@ -167,14 +174,12 @@
</template>
<script>
import {
- checkCameraConnet,
createCamera,
updateCameraInfo,
getCameraInfo,
delCamera
} from "@/api/camera";
import { getSoundList } from "@/api/event";
-import { changeRunType } from "@/api/pollConfig";
import CameraPlayer from "@/components/player";
import eChartsBar from '@/components/subComponents/eChartsBar'
@@ -224,7 +229,8 @@
},
resolutionList: [],
//浼犳劅鍣ㄥ垪琛�
- sensors: []
+ sensors: [],
+ voice: null
};
},
computed: {
@@ -251,12 +257,16 @@
this.visibilitychange();
});
this.getSounds();
+
+ this.eventAudio.addEventListener("ended", () => {
+ this.togglePlay = true
+ })
},
methods: {
getSounds() {
getSoundList().then(res => {
if (res.success) {
- this.soundList = res.data.list
+ this.soundList = res.data;
}
}).catch(
e => console.log(e)
@@ -264,7 +274,10 @@
},
selSound(sound) {
this.soundPath = sound.path;
- this.form.voiceId = sound.id
+ this.form.voiceId = sound.id;
+ this.togglePlay = true;
+ this.eventAudio.pause()
+ // this.eventAudio.
},
togglePlayer() {
if (!this.soundPath) {
@@ -275,13 +288,14 @@
return false;
}
this.eventAudio.src = this.soundPath;
-
if (this.togglePlay) {
this.eventAudio.play();
+ this.togglePlay = false
} else {
this.eventAudio.pause()
+ this.togglePlay = true
}
- this.togglePlay = !this.togglePlay
+ // this.togglePlay = !this.togglePlay
},
visibilitychange() {
switch (document.visibilityState) {
@@ -297,6 +311,8 @@
this.isAdd = false;
this.videoItem = null;
this.$refs.addForm.resetFields();
+ this.voice = null;
+
// this.initFormData();
// this.$refs.addForm.clearValidate();
if (node.type === "4") {
@@ -318,8 +334,17 @@
this.resolutionList = list
this.sensors = res.data.sensors
}
+
this.$nextTick(() => {
+ this.initFormData();
Object.assign(this.form, res.data)
+
+ this.soundList.forEach(element => {
+ if (this.form.voiceId == element.id) {
+ this.voice = element
+ }
+ })
+
if (this.form.run_type !== -1) {
this.form.isAI = true
} else {
@@ -334,8 +359,6 @@
// 淇濆瓨
onSubmit(formName) {
let list = this.$refs.cameraEditor.getResult()
- // console.log(list, "sensor")
- // id涓虹┖锛屾柊澧炴憚鍍忔満
this.$refs[formName].validate(async valid => {
if (valid) {
const isRequire = this.verifyRequrie();
@@ -346,10 +369,11 @@
this.form.sensors = list
this.form.resolution_width = Number(this.form.resolution.split("*")[0])
this.form.resolution_height = Number(this.form.resolution.split("*")[1])
-
+ let _this = this;
// 鏇存柊
if (this.form.id !== "") {
this.form.areaid = this.TreeDataPool.getParent(this.form.id, this.isGb28182);
+ console.log(this.TreeDataPool.selectedNode)
updateCameraInfo(this.form).then(rsp => {
if (rsp.success) {
this.$notify({
@@ -357,6 +381,15 @@
message: "鎽勫儚鏈轰俊鎭慨鏀规垚鍔燂紒"
});
this.TreeDataPool.fetchTreeData();
+ console.log(this.TreeDataPool.selectedNode)
+ //_this.$root.$children[0].$refs['leftTree'].$refs.tree.ztreeObj.checkNode(_this.TreeDataPool.selectedNode, true, false, false);
+ //閫変腑淇敼鍚庣殑鑺傜偣
+ let {evt,treeId} = _this.$root.$children[0].$refs['leftTree'].$refs.tree;
+ console.log(evt,treeId)
+ // this.$nextTick(()=>{
+ //_this.$root.$children[0].$refs['leftTree'].$refs.tree.handleCreated()
+ // })
+
} else {
this.selectCamera(this.TreeDataPool.selectedNode);
this.$notify({
@@ -364,6 +397,11 @@
message: "鎽勫儚鏈轰俊鎭慨鏀瑰け璐ワ紒"
});
}
+ }).catch(err => {
+ this.$notify({
+ type: "error",
+ message: err.msg
+ });
});
} else {
this.form.areaid = this.addParentId;
@@ -384,6 +422,11 @@
message: "鎽勫儚鏈烘坊鍔犲け璐ワ紒"
});
}
+ }).catch((err) => {
+ this.$notify({
+ type: "error",
+ message: err.msg
+ });
});
}
}
--
Gitblit v1.8.0