| | |
| | | </div> |
| | | </div> |
| | | <div class="second-container"> |
| | | <el-tree :data="treeData" show-checkbox node-key="id" @check="treeCheckClick"></el-tree> |
| | | <el-tree |
| | | :data="treeData" |
| | | show-checkbox |
| | | node-key="id" |
| | | @check="treeCheckClick" |
| | | @node-click="treeNodeClick" |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | children: [{ |
| | | id: 7, |
| | | label: 'BOOM', |
| | | lng: 116.033595, |
| | | lat: 28.702225, |
| | | lng: 116.020595, |
| | | lat: 28.686225, |
| | | alt: 100, |
| | | }, { |
| | | id: 8, |
| | | label: 'MDM', |
| | | lng: 116.007370, |
| | | lat: 28.662075, |
| | | lng: 116.030370, |
| | | lat: 28.685075, |
| | | alt: 100, |
| | | }, { |
| | | id: 9, |
| | | label: 'pdds', |
| | | lng: 116.009054, |
| | | lat: 28.674692, |
| | | lng: 116.021054, |
| | | lat: 28.684692, |
| | | alt: 100, |
| | | }] |
| | | }, { |
| | | id: 3, |
| | | label: '视频监控', |
| | | children: [{ |
| | | id: 10, |
| | | label: '监控1', |
| | | lng: 116.032703, |
| | | lat: 28.677435, |
| | | alt: 100, |
| | | }] |
| | | }, { |
| | | id: 4, |
| | | label: '治安重点场所', |
| | | children: [{ |
| | | id: 10, |
| | | label: '卡点', |
| | | lng: 115.984703, |
| | | lat: 28.673435, |
| | | lng: 116.029703, |
| | | lat: 28.683435, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 11, |
| | | label: '电警点', |
| | | lng: 115.998703, |
| | | lat: 28.691435, |
| | | lng: 115.022703, |
| | | lat: 28.682435, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 12, |
| | | label: '岗亭', |
| | | lng: 116.027002, |
| | | lat: 28.683302, |
| | | lng: 116.028002, |
| | | lat: 28.681302, |
| | | alt: 100, |
| | | }] |
| | | }, { |
| | |
| | | children: [{ |
| | | id: 13, |
| | | label: '大中型商超', |
| | | lng: 116.018293, |
| | | lat: 28.624986, |
| | | lng: 116.023293, |
| | | lat: 28.680986, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 14, |
| | | label: '幼儿园', |
| | | lng: 116.0145001, |
| | | lat: 28.694361, |
| | | lng: 116.0275001, |
| | | lat: 28.679361, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 15, |
| | | label: '政府事业单位', |
| | | lng: 116.025398, |
| | | lat: 28.663066, |
| | | lng: 116.024398, |
| | | lat: 28.678066, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 16, |
| | | label: '机场', |
| | | lng: 115.99685299, |
| | | lat: 28.70599572, |
| | | lng: 116.0268529, |
| | | lat: 28.6829572, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 17, |
| | | label: '银行', |
| | | lng: 116.033595, |
| | | lat: 28.702225, |
| | | lng: 116.025595, |
| | | lat: 28.681225, |
| | | alt: 100, |
| | | }] |
| | | }, |
| | |
| | | children: [{ |
| | | id: 18, |
| | | label: '印刷店', |
| | | lng: 116.007370, |
| | | lat: 28.662075, |
| | | lng: 116.020370, |
| | | lat: 28.680075, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 19, |
| | | label: '废旧金属收购', |
| | | lng: 116.009054, |
| | | lat: 28.674692, |
| | | lng: 116.030054, |
| | | lat: 28.683692, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 20, |
| | | label: '开锁店', |
| | | lng: 115.984703, |
| | | lat: 28.673435, |
| | | lng: 116.022703, |
| | | lat: 28.679435, |
| | | alt: 100, |
| | | }, |
| | | { |
| | | id: 21, |
| | | label: '酒店', |
| | | lng: 115.998703, |
| | | lat: 28.691435, |
| | | lng: 115.028703, |
| | | lat: 28.684435, |
| | | alt: 100, |
| | | }] |
| | | }] |
| | |
| | | } |
| | | }) |
| | | }, |
| | | treeNodeClick () { |
| | | console.log(1111223) |
| | | this.$EventBus.$emit('layerPolylineAdd', { |
| | | layerName: 'polylineLayer', |
| | | positions: ([ |
| | | 116.025000, 28.686000, |
| | | 116.025000, 28.678000, |
| | | 116.020000, 28.678000, |
| | | ]), |
| | | material: '#f00', |
| | | width: 2 |
| | | }) |
| | | }, |
| | | |
| | | }, |
| | | destroyed () { |
| | | this.$EventBus.$emit('mapClearLayer', { |
| | | layerName: 'activeLayer', |
| | | type: 'VectorLayer' |
| | | }) |
| | | } |
| | | } |
| | | </script> |