| | |
| | | type="primary" |
| | | size="mini" |
| | | @click="handleCreate" |
| | | style="margin-left:87%" |
| | | style="margin-left:90%" |
| | | v-show="!editScene" |
| | | >+ 添加场景</el-button> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <!-- <el-row> |
| | | <el-col :span="8">--> |
| | | <!-- <el-form-item label="场景模板"> |
| | | <el-select |
| | | v-model="sceneForm.template_id" |
| | | placeholder="请选择" |
| | | @change="selectTemplate" |
| | | size="mini" |
| | | style="width:200px" |
| | | > |
| | | <el-option |
| | | v-for="item in sceneTemplates" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item>--> |
| | | <!-- </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="时间段"> |
| | | <el-select |
| | | v-model="sceneForm.time_rule_id" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width:200px" |
| | | > |
| | | <el-option |
| | | v-for="item in VideoManageData.TimeRules" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row>--> |
| | | <!-- <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="场景名称"> |
| | | <el-input v-model="sceneForm.scene_name" size="mini" style="width:200px"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="场景描述"> |
| | | <el-input v-model="sceneForm.desc" type="textarea" size="mini" style="width:200px;height:180px;"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row>--> |
| | | <!-- <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="事件等级"> |
| | | <el-select |
| | | v-model="sceneForm.alarm_level" |
| | | placeholder="请选择" |
| | | size="mini" |
| | | style="width:200px" |
| | | > |
| | | <el-option label="一级" :value="1"></el-option> |
| | | <el-option label="二级" :value="2"></el-option> |
| | | <el-option label="三级" :value="3"></el-option> |
| | | <el-option label="四级" :value="4"></el-option> |
| | | <el-option label="五级" :value="5"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row>--> |
| | | |
| | | |
| | | <scene-editor |
| | | ref="sceneEditor" |
| | | :isLinkRule="linkRule" |
| | |
| | | |
| | | <script> |
| | | import { |
| | | getAllTemplate, |
| | | saveCameraScene, |
| | | getCameraSceneRule, |
| | | deleteCameraScene |
| | |
| | | }, |
| | | mounted() { |
| | | // window.addEventListener('resize', this.windowSizeChange) |
| | | this.updateTemplates(); |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | this.$refs.sceneEditor.editHandle(this.templateRules); |
| | | |
| | | }, |
| | | updateTemplates() { |
| | | getAllTemplate().then(rsp => { |
| | | if (rsp && rsp.success) { |
| | | this.sceneTemplates = rsp.data; |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | selectTemplate() { |
| | | let selectedTpl = {}; |
| | | this.sceneTemplates.forEach((t) => { |