| | |
| | | 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" |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" fixed="right" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-tooltip content="编辑" placement="top" popper-class="atooltip"> |
| | | <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> |
| | | </el-tooltip> |
| | | <el-tooltip content="删除" 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;" |
| | |
| | | |
| | | <script> |
| | | import { |
| | | getAllTemplate, |
| | | saveCameraScene, |
| | | getCameraSceneRule, |
| | | deleteCameraScene |
| | |
| | | }, |
| | | mounted() { |
| | | // window.addEventListener('resize', this.windowSizeChange) |
| | | this.updateTemplates(); |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | time_rule_id: "", |
| | | }; |
| | | this.$refs.sceneEditor.cleanRule(); |
| | | this.$refs.sceneEditor.getSdkConnection(); |
| | | }, |
| | | handleCreate() { |
| | | |
| | |
| | | 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) => { |
| | |
| | | this.onSaveScene(this.sceneForm); |
| | | }, |
| | | handleDelScene(groupRule) { |
| | | let _this = this; |
| | | this.$confirm("提示:删除后,该条规则将失效,是否删除?", { |
| | | center: true, |
| | | cancelButtonClass: "comfirm-class-cancle", |
| | |
| | | type: "success", |
| | | message: "删除成功" |
| | | }); |
| | | |
| | | _this.$root.$children[0].$children[0].querySearchAsync('camera') |
| | | } else { |
| | | this.$notify({ |
| | | type: "error", |
| | |
| | | } |
| | | .cell { |
| | | padding-left: 0 !important; |
| | | i{ |
| | | outline: none!important; |
| | | } |
| | | } |
| | | } |
| | | } |