| | |
| | | :style="{ ...rightClickMenuStyle }" |
| | | v-show="menuVisible" |
| | | > |
| | | <div @click="addSameLevelNode()" v-show="firstLevel"> |
| | | <div |
| | | @click="addSameLevelNode()" |
| | | v-show="firstLevel" |
| | | > |
| | | <i class="el-icon-circle-plus-outline"></i> 同级增加 |
| | | </div> |
| | | <div class="add" @click="addChildNode()"> |
| | | <div |
| | | class="add" |
| | | @click="addChildNode()" |
| | | > |
| | | <i class="el-icon-circle-plus-outline"></i> 子级增加 |
| | | </div> |
| | | <div class="delete" @click="deleteNode()"> |
| | | <div |
| | | class="delete" |
| | | @click="deleteNode()" |
| | | > |
| | | <i class="el-icon-remove-outline"></i> 删除节点 |
| | | </div> |
| | | <div class="edit" @click="editNode()"> |
| | | <div |
| | | class="edit" |
| | | @click="editNode()" |
| | | > |
| | | <i class="el-icon-edit"></i> 修改节点 |
| | | </div> |
| | | </el-card> |
| | |
| | | :modal="false" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form ref="form" :model="addFormServer" label-width="100px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="addFormServer" |
| | | label-width="100px" |
| | | > |
| | | <el-form-item label="服务名称"> |
| | | <el-input v-model="addFormServer.label"></el-input> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="addFormServer.value"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="setAddServer">确 定</el-button> |
| | | <span |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | @click="setAddServer" |
| | | >确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | var std = []; |
| | | var layers_ol = window.map.getAllLayers(); |
| | | for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | var val_id = |
| | | window.Viewer.imageryLayers._layers[i].imageryProvider.name; |
| | | var val_id = window.Viewer.imageryLayers._layers[i].imageryProvider.name; |
| | | if (val_id == data.label) { |
| | | |
| | | std.push(data.label) |
| | | |
| | | const img_layer = window.Viewer.imageryLayers._layers[i]; |
| | | img_layer.show = checked; |
| | | } |
| | | } |
| | | if (std.length == 0 && checked == true) { |
| | | this.setAddLayers(data) |
| | | } |
| | | |
| | | |
| | | for (var i in layers_ol) { |
| | | var layerOl = layers_ol[i]; |
| | | if (layerOl.values_.name == data.label) { |
| | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | var std = []; |
| | | var val = this.treeData[0].children; |
| | | if (this.$store.state.showAllLayers == true) { |
| | | for (var j = 0; j < val.length; j++) { |
| | | std.push(val[j].id); |
| | | this.setAddLayers(val[j]); |
| | | } |
| | | // var std = []; |
| | | // var val = this.treeData[0].children; |
| | | |
| | | this.$store.state.showAllLayers = false; |
| | | } else { |
| | | for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | var val_id = window.Viewer.imageryLayers._layers[i]; |
| | | if (val_id.show == true) { |
| | | for (var j = 0; j < val.length; j++) { |
| | | if (val_id.imageryProvider.name == val[j].label) { |
| | | std.push(val[j].id); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // if (this.$store.state.showAllLayers == true) { |
| | | // for (var j = 0; j < val.length; j++) { |
| | | // if (val[j].id != 13 && val[j].id != 14) { |
| | | // std.push(val[j].id); |
| | | // this.setAddLayers(val[j]); |
| | | // } |
| | | |
| | | this.$refs.tree.setCheckedKeys(std); |
| | | // } |
| | | // this.$store.state.showAllLayers = false; |
| | | |
| | | |
| | | // } else { |
| | | // for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | // var val_id = window.Viewer.imageryLayers._layers[i]; |
| | | // if (val_id.show == true) { |
| | | // for (var j = 0; j < val.length; j++) { |
| | | // if (val_id.imageryProvider.name == val[j].label) { |
| | | // std.push(val[j].id); |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | // } |
| | | |
| | | // this.$refs.tree.setCheckedKeys(std); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | } |
| | | |
| | | .tree-container /deep/ .el-icon-caret-right:before { |
| | | content: '\e791'; |
| | | content: "\e791"; |
| | | font-size: 18px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree-node:before { |
| | | content: ''; |
| | | content: ""; |
| | | left: 10px; |
| | | position: absolute; |
| | | right: auto; |
| | |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree-node:after { |
| | | content: ''; |
| | | content: ""; |
| | | left: 10px; |
| | | position: absolute; |
| | | right: auto; |
| | |
| | | |
| | | .tree-container .el-tree-node .el-tree-node__content::before, |
| | | .tree-container .el-tree-node .el-tree-node__content::after { |
| | | content: ''; |
| | | content: ""; |
| | | position: absolute; |
| | | right: auto; |
| | | } |