From feaf0a9778879ef211c5587a513ba4cbdabb52d0 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 23 六月 2022 17:42:58 +0800
Subject: [PATCH] bug修复
---
src/pages/cameraAccess/components/SceneRule.vue | 237 +++++++++++++++++++++++++---------------------------------
1 files changed, 103 insertions(+), 134 deletions(-)
diff --git a/src/pages/cameraAccess/components/SceneRule.vue b/src/pages/cameraAccess/components/SceneRule.vue
index d6e5bf8..c5d985a 100644
--- a/src/pages/cameraAccess/components/SceneRule.vue
+++ b/src/pages/cameraAccess/components/SceneRule.vue
@@ -2,13 +2,9 @@
<div class="scene-edit-container">
<div class="scene-title">
<b style="font-size: 14px; line-height: 18px;">鍦烘櫙</b>
- <el-button
- type="primary"
- size="mini"
- @click="handleCreate"
- style="margin-left:90%"
- v-show="!editScene"
- >+ 娣诲姞鍦烘櫙</el-button>
+ <el-button type="primary" size="mini" @click="handleCreate" style="margin-left:90%" v-show="!editScene"
+ >+ 娣诲姞鍦烘櫙</el-button
+ >
</div>
<el-form ref="form" label-width="80px" v-show="editScene">
@@ -18,12 +14,7 @@
<el-input v-model="sceneForm.scene_name" size="mini" maxlength="15"></el-input>
</el-form-item>
<el-form-item label="浜嬩欢绛夌骇">
- <el-select
- v-model="sceneForm.alarm_level"
- placeholder="璇烽�夋嫨"
- size="mini"
- style="width:250px"
- >
+ <el-select v-model="sceneForm.alarm_level" placeholder="璇烽�夋嫨" size="mini" style="width:250px">
<el-option label="涓�绾�" :value="1"></el-option>
<el-option label="浜岀骇" :value="2"></el-option>
<el-option label="涓夌骇" :value="3"></el-option>
@@ -47,30 +38,16 @@
<el-input v-model="sceneForm.desc" type="textarea" size="mini"></el-input>
</el-form-item>
<el-form-item label="浜嬩欢澹伴煶">
- <el-select
- v-model="sceneForm.voice"
- placeholder="绌�"
- size="small"
- value-key="id"
- @change="selSound"
- >
+ <el-select v-model="sceneForm.voice" placeholder="绌�" size="small" value-key="id" @change="selSound">
<el-option v-for="item in soundList" :key="item.id" :label="item.name" :value="item"></el-option>
</el-select>
- <span
- @click="togglePlayer"
- style="cursor:pointer; margin-left:20px"
- v-show="sceneForm.voiceId.length"
- >
+ <span @click="togglePlayer" style="cursor:pointer; margin-left:20px" v-show="sceneForm.voiceId.length">
<i
v-if="togglePlay"
class="el-icon-video-play"
style="font-size:26px; vertical-align:middle; color:#409eff"
></i>
- <i
- v-else
- class="el-icon-video-pause"
- style="font-size:26px; vertical-align:middle; color:#409eff"
- ></i>
+ <i v-else class="el-icon-video-pause" style="font-size:26px; vertical-align:middle; color:#409eff"></i>
</span>
</el-form-item>
</div>
@@ -98,7 +75,7 @@
border
style="width:100%"
:cell-style="cellStyle"
- :header-cell-style="{background:'#f8f8f8',color:'#222222'}"
+ :header-cell-style="{ background: '#f8f8f8', color: '#222222' }"
>
<el-table-column label="搴忓彿" type="index" align="center"></el-table-column>
<el-table-column label="鍦烘櫙鍚嶇О" prop="scene_name" align="center" show-overflow-tooltip></el-table-column>
@@ -121,24 +98,15 @@
</el-table-column>
<el-table-column label="浜嬩欢绛夌骇" align="center">
<template slot-scope="scope">
- <span>{{scope.row.alarm_level | alarmLevel }}</span>
+ <span>{{ scope.row.alarm_level | alarmLevel }}</span>
</template>
</el-table-column>
<el-table-column label="鎿嶄綔" fixed="right" align="center">
<template slot-scope="scope">
<el-tooltip content="缂栬緫" :hide-after="700" placement="top" popper-class="atooltip">
- <i
- class="iconfont iconbianji1 btn-icon"
- style="font-size: 28px;"
- @click="handleEdit(scope.row)"
- ></i>
+ <i class="iconfont iconbianji1 btn-icon" style="font-size: 28px;" @click="handleEdit(scope.row)"></i>
</el-tooltip>
- <el-tooltip
- content="鍒犻櫎"
- :hide-after="700"
- placement="top"
- popper-class="atooltipgroup_"
- >
+ <el-tooltip content="鍒犻櫎" :hide-after="700" placement="top" popper-class="atooltipgroup_">
<i
class="iconfont iconshanchu4 btn-icon"
style="font-size: 28px; color:red;"
@@ -154,14 +122,10 @@
</template>
<script>
-import {
- saveCameraScene,
- getCameraSceneRule,
- deleteCameraScene
-} from '@/api/scene'
-import RuleEditor from "@/components/subComponents/RuleEditor";
-import SceneEditor from "./scene/Editor";
-import { getSoundList } from "@/api/event";
+import { saveCameraScene, deleteCameraScene } from "@/api/scene"
+import RuleEditor from "@/components/subComponents/RuleEditor"
+import SceneEditor from "./scene/Editor"
+import { getSoundList } from "@/api/event"
export default {
name: "SceneRuleEditor",
@@ -194,26 +158,26 @@
alarmLevel(level) {
switch (level) {
case 1:
- return "涓�绾�";
+ return "涓�绾�"
case 2:
- return "浜岀骇";
+ return "浜岀骇"
case 3:
- return "涓夌骇";
+ return "涓夌骇"
case 4:
- return "鍥涚骇";
+ return "鍥涚骇"
case 5:
- return "浜旂骇";
+ return "浜旂骇"
}
}
},
watch: {
tableRuleList(n, o) {
- this.editScene = false;
+ this.editScene = false
}
},
mounted() {
// window.addEventListener('resize', this.windowSizeChange)
- this.getSounds();
+ this.getSounds()
this.eventAudio.addEventListener("ended", () => {
this.togglePlay = true
})
@@ -244,25 +208,27 @@
methods: {
getSoundById(id) {
if (id) {
- let sound = this.soundList.find(item => item.id == id);
+ let sound = this.soundList.find((item) => item.id == id)
return sound.name
} else {
- return ''
+ return ""
}
},
getSounds() {
- getSoundList().then(res => {
- if (res.success) {
- this.soundList = [{ id: "", name: "绌�", path: "" }].concat(res.data.list)
- }
- }).catch(
- e => console.log(e)
- )
+ let _this = this
+ getSoundList()
+ .then((res) => {
+ if (res.success) {
+ //_this.soundList = [{ id: "", name: "绌�", path: "" }].concat(res.data.list)
+ _this.soundList = [{ id: "", name: "绌�", path: "" }].concat(res.data)
+ }
+ })
+ .catch((e) => console.log(e))
},
selSound(sound) {
- this.soundPath = sound.path;
- this.sceneForm.voiceId = sound.id;
- this.togglePlay = true;
+ this.soundPath = sound.path
+ this.sceneForm.voiceId = sound.id
+ this.togglePlay = true
this.eventAudio.pause()
this.$forceUpdate()
// this.eventAudio.
@@ -270,14 +236,15 @@
togglePlayer() {
if (!this.soundPath) {
this.$notify({
- type: 'info',
- message: '璇峰厛閫夋嫨涓�涓０闊�!'
+ type: "info",
+ message: "璇峰厛閫夋嫨涓�涓０闊�!"
})
- return false;
+ return false
}
- this.eventAudio.src = this.soundPath;
+ debugger
+ this.eventAudio.src = this.soundPath
if (this.togglePlay) {
- this.eventAudio.play();
+ this.eventAudio.play()
this.togglePlay = false
} else {
this.eventAudio.pause()
@@ -289,13 +256,13 @@
for (var i = arr.length - 1; i > 0; i--) {
for (var j = 0; j < i; j++) {
if (arr[j] > arr[j + 1]) {
- let temp = arr[j];
- arr[j] = arr[j + 1];
+ let temp = arr[j]
+ arr[j] = arr[j + 1]
arr[j + 1] = temp
}
}
}
- return arr;
+ return arr
},
getSceneName(sdk_name) {
this.sceneNameStore.push(sdk_name)
@@ -318,85 +285,87 @@
time_rule_id: "",
voice: {},
voiceId: ""
- };
- this.$refs.sceneEditor.cleanRule();
- this.$refs.sceneEditor.getSdkConnection();
+ }
+ this.$refs.sceneEditor.cleanRule()
+ this.$refs.sceneEditor.getSdkConnection()
},
handleCreate() {
if (this.linkRule && this.TreeDataPool.selectedNodes.length < 2) {
this.$notify({
type: "warning",
message: "璇烽�夋嫨鑷冲皯2涓憚鍍忔満!"
- });
- return false;
- } else if (!this.linkRule && this.TreeDataPool.treeActiveName != 'dataStack' && this.TreeDataPool.selectedNodes.length < 1) {
+ })
+ return false
+ } else if (
+ !this.linkRule &&
+ this.TreeDataPool.treeActiveName != "dataStack" &&
+ this.TreeDataPool.selectedNodes.length < 1
+ ) {
this.$notify({
type: "warning",
message: `璇烽�夋嫨1涓憚鍍忔満!`
- });
- return false;
- } else if (this.TreeDataPool.treeActiveName == 'dataStack' && !this.DataStackPool.selectedDir.id) {
+ })
+ return false
+ } else if (this.TreeDataPool.treeActiveName == "dataStack" && !this.DataStackPool.selectedDir.id) {
this.$notify({
type: "warning",
message: `璇峰厛閫夋嫨鏁版嵁鏍堟枃浠跺す!`
- });
- return false;
+ })
+ return false
}
- this.editScene = true;
- this.cleanForm();
+ this.editScene = true
+ this.cleanForm()
//鍒濆鍖栧満鏅悕绉�
- var pattern = /^鍦烘櫙\s*\d+\s*$/;
- var tempArr = [];
- this.tableRuleList.forEach(scene => {
-
+ var pattern = /^鍦烘櫙\s*\d+\s*$/
+ var tempArr = []
+ this.tableRuleList.forEach((scene) => {
if (pattern.test(scene.scene_name)) {
- tempArr.push(Number(scene.scene_name.substring(2).trim()));
+ tempArr.push(Number(scene.scene_name.substring(2).trim()))
}
- });
- let latest = tempArr.length > 0 ? this.bubbleSort(tempArr)[tempArr.length - 1] + 1 : 1;
+ })
+ let latest = tempArr.length > 0 ? this.bubbleSort(tempArr)[tempArr.length - 1] + 1 : 1
- this.sceneForm.scene_name = '鍦烘櫙' + latest;
+ this.sceneForm.scene_name = "鍦烘櫙" + latest
//鍒濆鍖栨椂闂存
- this.sceneForm.time_rule_id = this.VideoManageData.TimeRules[0].id;
-
+ this.sceneForm.time_rule_id = this.VideoManageData.TimeRules[0].id
},
handleEdit(scene) {
- this.sceneForm = scene;
- this.sceneForm.voice = this.soundList.find(o => o.id === scene.voiceId);
+ this.sceneForm = JSON.parse(JSON.stringify(scene))
+ // this.originSceneInfo = JSON.parse(JSON.stringify(scene));
+ this.sceneForm.voice = this.soundList.find((o) => o.id === scene.voiceId)
- this.editScene = true;
- let selectedTpl = {};
+ this.editScene = true
+ let selectedTpl = {}
this.sceneTemplates.forEach((t) => {
if (t.id == this.sceneForm.template_id) {
selectedTpl = t
}
})
- this.templateSdks = selectedTpl.sdks;
+ this.templateSdks = selectedTpl.sdks
- this.templateRules = JSON.stringify(scene.rules);
- this.$refs.sceneEditor.editHandle(this.templateRules);
-
+ this.templateRules = JSON.stringify(scene.rules)
+ this.$refs.sceneEditor.editHandle(this.templateRules)
},
validateForm() {
if (!this.sceneForm.scene_name.trim()) {
this.$notify({
- type: 'warning',
- message: '鍦烘櫙鍚嶄笉鑳戒负绌�'
- });
+ type: "warning",
+ message: "鍦烘櫙鍚嶄笉鑳戒负绌�"
+ })
return false
} else if (!this.sceneForm.alarm_level) {
this.$notify({
- type: 'warning',
- message: '浜嬩欢绛夌骇涓嶈兘涓虹┖'
- });
+ type: "warning",
+ message: "浜嬩欢绛夌骇涓嶈兘涓虹┖"
+ })
return false
} else if (!this.sceneForm.time_rule_id) {
this.$notify({
- type: 'warning',
- message: '鏃堕棿娈典笉鑳戒负绌�'
- });
+ type: "warning",
+ message: "鏃堕棿娈典笉鑳戒负绌�"
+ })
return false
}
return true
@@ -405,42 +374,42 @@
if (!this.validateForm()) {
return
}
- let editorResp = this.$refs.sceneEditor.submitRule();
- this.sceneForm.rules = editorResp.rules;
- this.sceneForm.id = editorResp.id;
- this.sceneForm.group_text = editorResp.text;
+ let editorResp = this.$refs.sceneEditor.submitRule()
+ this.sceneForm.rules = editorResp.rules
+ this.sceneForm.id = editorResp.id
+ this.sceneForm.group_text = editorResp.text
- this.onSaveScene(this.sceneForm);
+ this.onSaveScene(this.sceneForm)
},
handleDelScene(groupRule) {
- let _this = this;
+ let _this = this
this.$confirm("鎻愮ず锛氬垹闄ゅ悗锛岃鏉¤鍒欏皢澶辨晥锛屾槸鍚﹀垹闄わ紵", {
center: true,
cancelButtonClass: "comfirm-class-cancle",
confirmButtonClass: "comfirm-class-sure"
})
.then(() => {
- deleteCameraScene(groupRule.id).then(res => {
- this.$emit("delete-rule");
+ deleteCameraScene(groupRule.id).then((res) => {
+ this.$emit("delete-rule")
if (res && res.success) {
this.$notify({
type: "success",
message: "鍒犻櫎鎴愬姛"
- });
- _this.$root.$children[0].$children[0].querySearchAsync('camera')
+ })
+ _this.$root.$children[0].$children[0].querySearchAsync("camera")
} else {
this.$notify({
type: "error",
message: "鍒犻櫎澶辫触锛�"
- });
+ })
}
- });
+ })
})
- .catch(() => { });
+ .catch(() => {})
},
cellStyle(obj) {
- if (obj.column.label == '绛栫暐' || obj.column.label == '浜嬩欢澹伴煶') {
- return 'text-align:left;padding-left:8px;'
+ if (obj.column.label == "绛栫暐" || obj.column.label == "浜嬩欢澹伴煶") {
+ return "text-align:left;padding-left:8px;"
}
}
}
@@ -513,4 +482,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0