| | |
| | | <div class="empty" v-if="!node.length">暂无摄像机数据,请添加摄像机!</div> |
| | | <div class="dialog-box-bg" v-show="showDialog" @click="hideDialogBox"></div> |
| | | <div class="dialog-box" v-show="showDialog"> |
| | | <el-card :body-style="{ padding: '10px' }"> |
| | | <el-card :body-style="{ padding: '5px' }"> |
| | | <el-form :model="dialogForm" size="mini" :rules="rules" ref="dialogForm" label-width="70px"> |
| | | <el-form-item label="名称:" prop="name"> |
| | | <el-input v-model="dialogForm.text" oninput="if(value.length>10)value=value.slice(0,10)"></el-input> |
| | | <el-input v-model="dialogForm.text" oninput="if(value.length>20)value=value.slice(0,20)"></el-input> |
| | | </el-form-item> |
| | | <div class="text-center pb-2"> |
| | | <el-button size="mini" type="primary" @click="submitForm">保存</el-button> |
| | |
| | | this.showDialog = true |
| | | }, |
| | | itemClick(evt, treeId, treeNode) { |
| | | console.log("click") |
| | | this.TreeDataPool.selectedNode = treeNode |
| | | this.TreeDataPool.activeNode = treeNode |
| | | this.TreeDataPool.treeType = this.treeName |
| | |
| | | }, |
| | | showCameraPic(nodeId) { |
| | | this.TreeDataPool.showBaseImage(nodeId) |
| | | }, |
| | | updateNodes(ids) { |
| | | // 取消所有选中状态 |
| | | this.ztreeObj.checkAllNodes(false) |
| | | |
| | | // nodes 转数组 |
| | | let treeNodes = this.ztreeObj.getNodes() |
| | | let nodeArry = this.ztreeObj.transformToArray(treeNodes) |
| | | |
| | | // 判断是否被选中 |
| | | for (let i = 0; i < nodeArry.length; i++) { |
| | | if (ids.indexOf(nodeArry[i].id) > -1) { |
| | | this.ztreeObj.checkNode(nodeArry[i], true, false, false) |
| | | } |
| | | } |
| | | let checkedNodes = this.ztreeObj.getCheckedNodes(true) |
| | | this.TreeDataPool.updateZTreeCheckNodes(checkedNodes) |
| | | } |
| | | } |
| | | } |
| | |
| | | top: 415px; |
| | | left: 43px; |
| | | position: fixed; |
| | | width: 220px; |
| | | width: 260px; |
| | | z-index: 3; |
| | | } |
| | | .dialog-box-bg { |