首页和右侧树结构样式及图片修改
Showing
15 changed files
with
103 additions
and
88 deletions
src/assets/images/colline1.png
0 → 100644
172 Bytes
src/assets/images/cxlz.png
0 → 100644
9.82 KB
src/assets/images/dbx.png
0 → 100644
10.7 KB
src/assets/images/drlpbmb.png
0 → 100644
6.83 KB
| 1 | <?xml version="1.0" encoding="UTF-8"?> | 1 | <?xml version="1.0" encoding="UTF-8"?> |
| 2 | <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 | <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 3 | <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com --> | 3 | <!-- Generator: Sketch 56.3 (81716) - https://sketch.com --> |
| 4 | <title>icon_files_collapse_</title> | 4 | <title>子</title> |
| 5 | <desc>Created with Sketch.</desc> | 5 | <desc>Created with Sketch.</desc> |
| 6 | <g id="报告工作站" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | 6 | <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
| 7 | <g id="1--报告工作站_书写报告" transform="translate(-100.000000, -217.000000)"> | 7 | <g id="画板" transform="translate(-4.000000, -58.000000)" fill="#FFFFFF" fill-rule="nonzero"> |
| 8 | <g id="模板" transform="translate(80.000000, 51.000000)"> | 8 | <g id="子" transform="translate(4.000000, 58.000000)"> |
| 9 | <g id="分组" transform="translate(20.000000, 135.000000)"> | 9 | <path d="M2,0.5 L12,0.5 C12.8284271,0.5 13.5,1.17157288 13.5,2 L13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 L2,13.5 C1.17157288,13.5 0.5,12.8284271 0.5,12 L0.5,2 C0.5,1.17157288 1.17157288,0.5 2,0.5 Z M2,1.5 C1.72385763,1.5 1.5,1.72385763 1.5,2 L1.5,12 C1.5,12.2761424 1.72385763,12.5 2,12.5 L12,12.5 C12.2761424,12.5 12.5,12.2761424 12.5,12 L12.5,2 C12.5,1.72385763 12.2761424,1.5 12,1.5 L2,1.5 Z" id="矩形"></path> |
| 10 | <g id="icon_files_collapse_" transform="translate(0.000000, 31.000000)"> | 10 | <g id="编组-5" transform="translate(4.000000, 3.500000)"> |
| 11 | <rect id="矩形-copy-18" fill="#D8D8D8" opacity="0" x="0" y="0" width="17" height="17"></rect> | 11 | <path d="M0,4 L6,4 C6.27614237,4 6.5,3.77614237 6.5,3.5 C6.5,3.22385763 6.27614237,3 6,3 L0,3 C-0.276142375,3 -0.5,3.22385763 -0.5,3.5 C-0.5,3.77614237 -0.276142375,4 0,4 Z" id="直线-3"></path> |
| 12 | <path d="M5,10 L12,10 L12,11 L5,11 L5,10 Z M16,4 L16,3 L6,3 L6,2 L6,1 L1,1 L1,4 L16,4 Z M16,5 L1,5 L1,16 L16,16 L16,5 Z M17,16 L17,17 L0,17 L0,16 L-3.85312697e-16,1 L0,0 L7,0 L7,1 L7,2 L17,2 L17,3 L17,16 Z" id="合并形状" fill="#7FB9A2"></path> | ||
| 13 | </g> | ||
| 14 | </g> | 12 | </g> |
| 15 | </g> | 13 | </g> |
| 16 | </g> | 14 | </g> | ... | ... |
| 1 | <?xml version="1.0" encoding="UTF-8"?> | 1 | <?xml version="1.0" encoding="UTF-8"?> |
| 2 | <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 | <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 3 | <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com --> | 3 | <!-- Generator: Sketch 56.3 (81716) - https://sketch.com --> |
| 4 | <title>icon_file_default_</title> | 4 | <title>正</title> |
| 5 | <desc>Created with Sketch.</desc> | 5 | <desc>Created with Sketch.</desc> |
| 6 | <g id="报告工作站" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | 6 | <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
| 7 | <g id="1--报告工作站_书写报告" transform="translate(-127.000000, -246.000000)"> | 7 | <g id="画板" transform="translate(-4.000000, -77.000000)"> |
| 8 | <g id="模板" transform="translate(80.000000, 51.000000)"> | 8 | <g id="正" transform="translate(4.000000, 77.000000)"> |
| 9 | <g id="分组" transform="translate(20.000000, 135.000000)"> | 9 | <path d="M2,0.5 L12,0.5 C12.8284271,0.5 13.5,1.17157288 13.5,2 L13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 L2,13.5 C1.17157288,13.5 0.5,12.8284271 0.5,12 L0.5,2 C0.5,1.17157288 1.17157288,0.5 2,0.5 Z M2,1.5 C1.72385763,1.5 1.5,1.72385763 1.5,2 L1.5,12 C1.5,12.2761424 1.72385763,12.5 2,12.5 L12,12.5 C12.2761424,12.5 12.5,12.2761424 12.5,12 L12.5,2 C12.5,1.72385763 12.2761424,1.5 12,1.5 L2,1.5 Z" id="矩形" fill="#FFFFFF" fill-rule="nonzero"></path> |
| 10 | <g id="icon_file_default_" transform="translate(27.000000, 60.000000)"> | 10 | <g id="编组-5" transform="translate(3.000000, 3.500000)"></g> |
| 11 | <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="17" height="17"></rect> | ||
| 12 | <path d="M16,4 L16,3 L6,3 L6,2 L6,1 L1,1 L1,4 L16,4 Z M16,5 L1,5 L1,16 L16,16 L16,5 Z M17,16 L17,17 L0,17 L0,16 L-3.85312697e-16,1 L0,0 L7,0 L7,1 L7,2 L17,2 L17,3 L17,16 Z" id="合并形状" fill="#C3C5C8"></path> | ||
| 13 | </g> | ||
| 14 | </g> | ||
| 15 | </g> | 11 | </g> |
| 16 | </g> | 12 | </g> |
| 17 | </g> | 13 | </g> | ... | ... |
| 1 | <?xml version="1.0" encoding="UTF-8"?> | 1 | <?xml version="1.0" encoding="UTF-8"?> |
| 2 | <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 | <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 3 | <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com --> | 3 | <!-- Generator: Sketch 56.3 (81716) - https://sketch.com --> |
| 4 | <title>icon_files_expand_</title> | 4 | <title>父</title> |
| 5 | <desc>Created with Sketch.</desc> | 5 | <desc>Created with Sketch.</desc> |
| 6 | <g id="报告工作站" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | 6 | <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
| 7 | <g id="1--报告工作站_书写报告" transform="translate(-100.000000, -187.000000)"> | 7 | <g id="画板" transform="translate(-4.000000, -41.000000)" fill="#FFFFFF" fill-rule="nonzero"> |
| 8 | <g id="模板" transform="translate(80.000000, 51.000000)"> | 8 | <g id="父" transform="translate(4.000000, 41.000000)"> |
| 9 | <g id="分组" transform="translate(20.000000, 135.000000)"> | 9 | <path d="M2,0.5 L12,0.5 C12.8284271,0.5 13.5,1.17157288 13.5,2 L13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 L2,13.5 C1.17157288,13.5 0.5,12.8284271 0.5,12 L0.5,2 C0.5,1.17157288 1.17157288,0.5 2,0.5 Z M2,1.5 C1.72385763,1.5 1.5,1.72385763 1.5,2 L1.5,12 C1.5,12.2761424 1.72385763,12.5 2,12.5 L12,12.5 C12.2761424,12.5 12.5,12.2761424 12.5,12 L12.5,2 C12.5,1.72385763 12.2761424,1.5 12,1.5 L2,1.5 Z" id="矩形"></path> |
| 10 | <g id="icon_files_expand_" transform="translate(0.000000, 1.000000)"> | 10 | <g id="编组-5" transform="translate(4.000000, 3.500000)"> |
| 11 | <rect id="矩形-copy-17" fill="#D8D8D8" opacity="0" x="0" y="0" width="17" height="17"></rect> | 11 | <path d="M0,4 L6,4 C6.27614237,4 6.5,3.77614237 6.5,3.5 C6.5,3.22385763 6.27614237,3 6,3 L0,3 C-0.276142375,3 -0.5,3.22385763 -0.5,3.5 C-0.5,3.77614237 -0.276142375,4 0,4 Z" id="直线-3"></path> |
| 12 | <path d="M8,10 L8,7 L9,7 L9,10 L12,10 L12,11 L9,11 L9,14 L8,14 L8,11 L5,11 L5,10 L8,10 Z M16,4 L16,3 L6,3 L6,2 L6,1 L1,1 L1,4 L16,4 Z M16,5 L1,5 L1,16 L16,16 L16,5 Z M17,16 L17,17 L0,17 L0,16 L-3.85312697e-16,1 L0,0 L7,0 L7,1 L7,2 L17,2 L17,3 L17,16 Z" id="合并形状" fill="#C3C5C8"></path> | 12 | <path d="M0,4 L6,4 C6.27614237,4 6.5,3.77614237 6.5,3.5 C6.5,3.22385763 6.27614237,3 6,3 L0,3 C-0.276142375,3 -0.5,3.22385763 -0.5,3.5 C-0.5,3.77614237 -0.276142375,4 0,4 Z" id="直线-3" transform="translate(3.000000, 3.500000) rotate(-270.000000) translate(-3.000000, -3.500000) "></path> |
| 13 | </g> | ||
| 14 | </g> | 13 | </g> |
| 15 | </g> | 14 | </g> |
| 16 | </g> | 15 | </g> | ... | ... |
src/assets/images/rowline1.png
0 → 100644
171 Bytes
src/assets/images/tjx.png
0 → 100644
7.36 KB
src/assets/images/xbfw.png
0 → 100644
7.02 KB
src/assets/images/zdfg.png
0 → 100644
10 KB
| ... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
| 35 | ></div> | 35 | ></div> |
| 36 | <div | 36 | <div |
| 37 | class="layer_text nowrap" | 37 | class="layer_text nowrap" |
| 38 | @contextmenu.prevent="openMenu($event, item)" | 38 | @contextmenu.prevent="openMenu($event, item,list)" |
| 39 | :class="{ | 39 | :class="{ |
| 40 | active_color: item.expand, | 40 | active_color: item.expand, |
| 41 | }" | 41 | }" |
| ... | @@ -86,7 +86,8 @@ export default { | ... | @@ -86,7 +86,8 @@ export default { |
| 86 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 | 86 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 |
| 87 | clearTimeout(self.time); | 87 | clearTimeout(self.time); |
| 88 | self.time = setTimeout(() => { | 88 | self.time = setTimeout(() => { |
| 89 | item.expand = !item.expand; | 89 | |
| 90 | item.expand = item.expand == undefined? true:!item.expand; | ||
| 90 | self.$emit("itemClick", item); | 91 | self.$emit("itemClick", item); |
| 91 | if (!item.children) { | 92 | if (!item.children) { |
| 92 | self.$emit("valClick", item); | 93 | self.$emit("valClick", item); |
| ... | @@ -94,10 +95,17 @@ export default { | ... | @@ -94,10 +95,17 @@ export default { |
| 94 | }, 300); | 95 | }, 300); |
| 95 | }, | 96 | }, |
| 96 | // 右键点击事件 | 97 | // 右键点击事件 |
| 97 | openMenu(e, item) { | 98 | openMenu(e, item,list) { |
| 99 | console.log(list,'右键list'); | ||
| 98 | this.$emit("changeTop", e.pageY); | 100 | this.$emit("changeTop", e.pageY); |
| 99 | this.$emit("changeLeft", e.pageX); | 101 | this.$emit("changeLeft", e.pageX); |
| 100 | this.$emit("changeZdData",item); | 102 | this.$emit("changeZdData",item); |
| 103 | //判断所有权类型 | ||
| 104 | console.log(item.dm,'item.dm '); | ||
| 105 | if(item.dm == 'G' || item.dm == 'J' ||item.dm == 'Z'){ | ||
| 106 | this.$emit("changeCreateVisible", true); | ||
| 107 | } | ||
| 108 | //判断楼盘类型 | ||
| 101 | switch (item.type) { | 109 | switch (item.type) { |
| 102 | case 'zd': | 110 | case 'zd': |
| 103 | this.$emit("changeIsZD", true); | 111 | this.$emit("changeIsZD", true); |
| ... | @@ -224,9 +232,10 @@ export default { | ... | @@ -224,9 +232,10 @@ export default { |
| 224 | position: absolute; | 232 | position: absolute; |
| 225 | height: 1px; | 233 | height: 1px; |
| 226 | width: 16px; | 234 | width: 16px; |
| 227 | left: 9px; | 235 | left: 8px; |
| 228 | top: 9px; | 236 | top: 8px; |
| 229 | background: url('../../assets/images/rowline.png'); | 237 | opacity: .5; |
| 238 | background: url('../../assets/images/rowline1.png'); | ||
| 230 | background-position-y: center; | 239 | background-position-y: center; |
| 231 | } | 240 | } |
| 232 | .third_layer::before { | 241 | .third_layer::before { |
| ... | @@ -234,9 +243,10 @@ export default { | ... | @@ -234,9 +243,10 @@ export default { |
| 234 | position: absolute; | 243 | position: absolute; |
| 235 | height: 1px; | 244 | height: 1px; |
| 236 | width: 22px; | 245 | width: 22px; |
| 237 | left: 9px; | 246 | left: 8px; |
| 238 | top: 9px; | 247 | top: 8px; |
| 239 | background: url('../../assets/images/rowline.png'); | 248 | opacity: .5; |
| 249 | background: url('../../assets/images/rowline1.png'); | ||
| 240 | background-position-y: center; | 250 | background-position-y: center; |
| 241 | } | 251 | } |
| 242 | 252 | ||
| ... | @@ -247,7 +257,8 @@ export default { | ... | @@ -247,7 +257,8 @@ export default { |
| 247 | width: 1px; | 257 | width: 1px; |
| 248 | left: 7px; | 258 | left: 7px; |
| 249 | top: 0px; | 259 | top: 0px; |
| 250 | background: url('../../assets/images/colline.png'); | 260 | opacity: .5; |
| 261 | background: url('../../assets/images/colline1.png'); | ||
| 251 | background-position-x: center; | 262 | background-position-x: center; |
| 252 | } | 263 | } |
| 253 | .linkLine_first::after { | 264 | .linkLine_first::after { |
| ... | @@ -258,7 +269,8 @@ export default { | ... | @@ -258,7 +269,8 @@ export default { |
| 258 | height: calc(100% + 14px); | 269 | height: calc(100% + 14px); |
| 259 | width: 1px; | 270 | width: 1px; |
| 260 | left: 7px; | 271 | left: 7px; |
| 261 | background: url('../../assets/images/colline.png'); | 272 | opacity: .5; |
| 273 | background: url('../../assets/images/colline1.png'); | ||
| 262 | background-position-x: center; | 274 | background-position-x: center; |
| 263 | } | 275 | } |
| 264 | // 上半截 | 276 | // 上半截 |
| ... | @@ -269,7 +281,8 @@ export default { | ... | @@ -269,7 +281,8 @@ export default { |
| 269 | top: -14px; | 281 | top: -14px; |
| 270 | width: 1px; | 282 | width: 1px; |
| 271 | left: 7px; | 283 | left: 7px; |
| 272 | background: url('../../assets/images/colline.png'); | 284 | opacity: .5; |
| 285 | background: url('../../assets/images/colline1.png'); | ||
| 273 | background-position-x: center; | 286 | background-position-x: center; |
| 274 | } | 287 | } |
| 275 | .linkLine_last::after { | 288 | .linkLine_last::after { |
| ... | @@ -279,28 +292,33 @@ export default { | ... | @@ -279,28 +292,33 @@ export default { |
| 279 | width: 1px; | 292 | width: 1px; |
| 280 | left: 7px; | 293 | left: 7px; |
| 281 | top: 0px; | 294 | top: 0px; |
| 282 | background: url('../../assets/images/colline.png'); | 295 | opacity: .5; |
| 296 | background: url('../../assets/images/colline1.png'); | ||
| 283 | background-position-x: center; | 297 | background-position-x: center; |
| 284 | } | 298 | } |
| 285 | .reTree_collapse_icon { | 299 | .reTree_collapse_icon { |
| 300 | opacity: .5; | ||
| 286 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center | 301 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center |
| 287 | center; | 302 | center; |
| 288 | background-size: contain; | 303 | background-size: contain; |
| 289 | } | 304 | } |
| 290 | 305 | ||
| 291 | .reTree_default_icon { | 306 | .reTree_default_icon { |
| 307 | opacity: .5; | ||
| 292 | background: url("../../assets/images/reTree_default_.svg") no-repeat center | 308 | background: url("../../assets/images/reTree_default_.svg") no-repeat center |
| 293 | center; | 309 | center; |
| 294 | background-size: contain; | 310 | background-size: contain; |
| 295 | } | 311 | } |
| 296 | 312 | ||
| 297 | .reTree_expand_icon { | 313 | .reTree_expand_icon { |
| 314 | opacity: .5; | ||
| 298 | background: url("../../assets/images/reTree_expand_.svg") no-repeat center | 315 | background: url("../../assets/images/reTree_expand_.svg") no-repeat center |
| 299 | center; | 316 | center; |
| 300 | background-size: contain; | 317 | background-size: contain; |
| 301 | } | 318 | } |
| 302 | 319 | ||
| 303 | .reTree_focus_icon { | 320 | .reTree_focus_icon { |
| 321 | opacity: .5; | ||
| 304 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center | 322 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center |
| 305 | center; | 323 | center; |
| 306 | background-size: contain; | 324 | background-size: contain; | ... | ... |
| ... | @@ -40,6 +40,7 @@ | ... | @@ -40,6 +40,7 @@ |
| 40 | @changeVisible="changeVisible" | 40 | @changeVisible="changeVisible" |
| 41 | @changeLpbVisible="changeLpbVisible" | 41 | @changeLpbVisible="changeLpbVisible" |
| 42 | @changeIsZD="changeIsZD" | 42 | @changeIsZD="changeIsZD" |
| 43 | @changeCreateVisible="changeCreateVisible" | ||
| 43 | :list="item.children" | 44 | :list="item.children" |
| 44 | :visible="visible" | 45 | :visible="visible" |
| 45 | :size="size" | 46 | :size="size" |
| ... | @@ -62,13 +63,20 @@ | ... | @@ -62,13 +63,20 @@ |
| 62 | <li @click="deleteByBsm()">删除</li> | 63 | <li @click="deleteByBsm()">删除</li> |
| 63 | </ul> | 64 | </ul> |
| 64 | <ul | 65 | <ul |
| 66 | v-show="createVisible" | ||
| 67 | :style="{ left: left + 'px', top: top + 'px' }" | ||
| 68 | class="contextmenu" | ||
| 69 | > | ||
| 70 | <li @click="openCreateDialog">新建宗地</li> | ||
| 71 | </ul> | ||
| 72 | <ul | ||
| 65 | v-show="lpbvisible" | 73 | v-show="lpbvisible" |
| 66 | :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" | 74 | :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" |
| 67 | class="contextmenu" | 75 | class="contextmenu" |
| 68 | > | 76 | > |
| 69 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> | 77 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> |
| 70 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> | 78 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> |
| 71 | <li @click="openLpbDialog('ch')">添加层户</li> | 79 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')">添加层户</li> |
| 72 | </ul> | 80 | </ul> |
| 73 | <!-- 添加定着物弹框 --> | 81 | <!-- 添加定着物弹框 --> |
| 74 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> | 82 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> |
| ... | @@ -109,6 +117,8 @@ export default { | ... | @@ -109,6 +117,8 @@ export default { |
| 109 | lpbvisible: false, | 117 | lpbvisible: false, |
| 110 | lpbtop: 0, | 118 | lpbtop: 0, |
| 111 | lpbleft: 0, | 119 | lpbleft: 0, |
| 120 | //控制新建宗地菜单 | ||
| 121 | createVisible:false, | ||
| 112 | }; | 122 | }; |
| 113 | }, | 123 | }, |
| 114 | watch: { | 124 | watch: { |
| ... | @@ -123,12 +133,20 @@ export default { | ... | @@ -123,12 +133,20 @@ export default { |
| 123 | } else { | 133 | } else { |
| 124 | document.body.removeEventListener("click", this.closeMenu); | 134 | document.body.removeEventListener("click", this.closeMenu); |
| 125 | } | 135 | } |
| 136 | }, | ||
| 137 | |||
| 138 | createVisible(value) { | ||
| 139 | if (value) { | ||
| 140 | document.body.addEventListener("click", this.closeMenu); | ||
| 141 | } else { | ||
| 142 | document.body.removeEventListener("click", this.closeMenu); | ||
| 143 | } | ||
| 126 | } | 144 | } |
| 127 | }, | 145 | }, |
| 128 | created() { | 146 | created() { |
| 129 | console.log("lineTree create"); | 147 | console.log("lineTree create"); |
| 130 | this.preDealData(this.pd); | 148 | // this.preDealData(this.pd); |
| 131 | this.expandTreeItemById(["6b5af49d803f97baf06afb897de257f5"]); | 149 | // this.expandTreeItemById(["6b5af49d803f97baf06afb897de257f5"]); |
| 132 | }, | 150 | }, |
| 133 | 151 | ||
| 134 | methods: { | 152 | methods: { |
| ... | @@ -153,9 +171,12 @@ export default { | ... | @@ -153,9 +171,12 @@ export default { |
| 153 | changeLpbVisible(data) { | 171 | changeLpbVisible(data) { |
| 154 | this.lpbvisible = data; | 172 | this.lpbvisible = data; |
| 155 | }, | 173 | }, |
| 174 | changeCreateVisible(data){ | ||
| 175 | this.createVisible = true; | ||
| 176 | }, | ||
| 156 | //添加定着物 | 177 | //添加定着物 |
| 157 | openCreateDialog(){ | 178 | openCreateDialog(){ |
| 158 | this.dialogVisible = true | 179 | this.dialogVisible = true; |
| 159 | this.$store.state.rightClickZdbsm = this.zdData.zdbsm; | 180 | this.$store.state.rightClickZdbsm = this.zdData.zdbsm; |
| 160 | }, | 181 | }, |
| 161 | //关闭添加定着物弹框 | 182 | //关闭添加定着物弹框 |
| ... | @@ -163,12 +184,8 @@ export default { | ... | @@ -163,12 +184,8 @@ export default { |
| 163 | this.dialogVisible = false; | 184 | this.dialogVisible = false; |
| 164 | }, | 185 | }, |
| 165 | preDealData(list) { | 186 | preDealData(list) { |
| 166 | list.forEach((x) => { | 187 | //楼盘表目录树没有expand属性 |
| 167 | if (!x.expand) this.$set(x, "expand", true); | 188 | list[0].expand = list[0].expand == undefined ? true:list[0].expand; |
| 168 | if (x.children && x.children.length > 0) { | ||
| 169 | this.preDealData(x.children); | ||
| 170 | } | ||
| 171 | }); | ||
| 172 | return list; | 189 | return list; |
| 173 | }, | 190 | }, |
| 174 | // 根据id展开树的具体项 | 191 | // 根据id展开树的具体项 |
| ... | @@ -189,7 +206,7 @@ export default { | ... | @@ -189,7 +206,7 @@ export default { |
| 189 | console.log(this.formatData, "this.formatData"); | 206 | console.log(this.formatData, "this.formatData"); |
| 190 | }, | 207 | }, |
| 191 | itemClick(item) { | 208 | itemClick(item) { |
| 192 | item.expand = !item.expand; | 209 | item.expand = item.expand == undefined? true:!item.expand; |
| 193 | this.$emit("itemClick", item); | 210 | this.$emit("itemClick", item); |
| 194 | }, | 211 | }, |
| 195 | // 详情点击 | 212 | // 详情点击 |
| ... | @@ -202,14 +219,16 @@ export default { | ... | @@ -202,14 +219,16 @@ export default { |
| 202 | }, | 219 | }, |
| 203 | //自然幢右键点击事件 | 220 | //自然幢右键点击事件 |
| 204 | openMenu(e,item){ | 221 | openMenu(e,item){ |
| 222 | console.log(item,'右键item'); | ||
| 205 | this.lpbleft = e.pageX; | 223 | this.lpbleft = e.pageX; |
| 206 | this.lpbtop = e.pageY; | 224 | this.lpbtop = e.pageY; |
| 207 | this.zdData = item; | 225 | this.zdData = item; |
| 208 | this.changeLpbVisible(true); | 226 | this.changeLpbVisible(true); |
| 209 | }, | 227 | }, |
| 210 | //关闭自然幢右击菜单 | 228 | //关闭右键菜单 |
| 211 | closeMenu(){ | 229 | closeMenu(){ |
| 212 | this.lpbvisible = false | 230 | this.lpbvisible = false; |
| 231 | this.createVisible = false; | ||
| 213 | }, | 232 | }, |
| 214 | //楼盘表右键菜单项打开父组件弹框 | 233 | //楼盘表右键菜单项打开父组件弹框 |
| 215 | openLpbDialog(type){ | 234 | openLpbDialog(type){ |
| ... | @@ -222,22 +241,7 @@ export default { | ... | @@ -222,22 +241,7 @@ export default { |
| 222 | }, | 241 | }, |
| 223 | //右键菜单的删除 | 242 | //右键菜单的删除 |
| 224 | deleteByBsm(){ | 243 | deleteByBsm(){ |
| 225 | //let zdBsm = this.zdData.zdbsm; | ||
| 226 | //let type; | ||
| 227 | console.log(this.zdData.zdbsm); | 244 | console.log(this.zdData.zdbsm); |
| 228 | //switch (this.zdData.type){ | ||
| 229 | // case "zd": | ||
| 230 | // type="0"; | ||
| 231 | // break; | ||
| 232 | // case "zrz": | ||
| 233 | // type="1"; | ||
| 234 | // break; | ||
| 235 | // case "h": | ||
| 236 | // type="2"; | ||
| 237 | // break; | ||
| 238 | // default: | ||
| 239 | // break; | ||
| 240 | //} | ||
| 241 | let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type} | 245 | let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type} |
| 242 | deleteZdInfoByBsm(params) | 246 | deleteZdInfoByBsm(params) |
| 243 | .then((res) => { | 247 | .then((res) => { | ... | ... |
| ... | @@ -18,8 +18,8 @@ | ... | @@ -18,8 +18,8 @@ |
| 18 | <el-header> | 18 | <el-header> |
| 19 | <div class="header-top"> | 19 | <div class="header-top"> |
| 20 | <div class="top-items" @click="toggleClick"> | 20 | <div class="top-items" @click="toggleClick"> |
| 21 | <i class="fa fa-outdent hamburger" v-show="!isActive"></i> | 21 | <i class="fa fa-outdent" v-show="!isActive"></i> |
| 22 | <i class="fa fa-indent hamburger" v-show="isActive"></i> | 22 | <i class="fa fa-indent" v-show="isActive"></i> |
| 23 | </div> | 23 | </div> |
| 24 | <div | 24 | <div |
| 25 | class="top-items" | 25 | class="top-items" |
| ... | @@ -163,23 +163,23 @@ export default { | ... | @@ -163,23 +163,23 @@ export default { |
| 163 | let list = [ | 163 | let list = [ |
| 164 | { | 164 | { |
| 165 | name: "新建", | 165 | name: "新建", |
| 166 | icon: "fa fa-address-card-o", | 166 | icon: "fa fa-plus-square", |
| 167 | path: "/create", | 167 | path: "/create", |
| 168 | }, | 168 | }, |
| 169 | { | 169 | { |
| 170 | name: "添加", | 170 | name: "添加", |
| 171 | icon: "fa fa-address-card-o", | 171 | icon: "fa fa-plus-circle", |
| 172 | path: "/add", | 172 | path: "/add", |
| 173 | }, | 173 | }, |
| 174 | { name: "更正", icon: "fa fa-address-card-o", path: "/modify" }, | 174 | { name: "更正", icon: "fa fa-pencil-square", path: "/modify" }, |
| 175 | { | 175 | { |
| 176 | name: "变更", | 176 | name: "变更", |
| 177 | icon: "fa fa-address-card-o", | 177 | icon: "fa fa-exchange", |
| 178 | path: "/change", | 178 | path: "/change", |
| 179 | }, | 179 | }, |
| 180 | { | 180 | { |
| 181 | name: "综合查询", | 181 | name: "综合查询", |
| 182 | icon: "fa fa-address-card-o", | 182 | icon: "fa fa-search", |
| 183 | path: "/search", | 183 | path: "/search", |
| 184 | }, | 184 | }, |
| 185 | ]; | 185 | ]; | ... | ... |
| ... | @@ -75,17 +75,17 @@ export default { | ... | @@ -75,17 +75,17 @@ export default { |
| 75 | data() { | 75 | data() { |
| 76 | return { | 76 | return { |
| 77 | workList: [ | 77 | workList: [ |
| 78 | { name: "待办箱", img: require("../../assets/images/temp1.png") }, | 78 | { name: "待办箱", img: require("../../assets/images/dbx.png") }, |
| 79 | { name: "退件箱", img: require("../../assets/images/temp2.png") }, | 79 | { name: "退件箱", img: require("../../assets/images/tjx.png") }, |
| 80 | ], | 80 | ], |
| 81 | list: [ | 81 | list: [ |
| 82 | { name: "宗地分割", img: require("../../assets/images/temp1.png") }, | 82 | { name: "宗地分割", img: require("../../assets/images/zdfg.png") }, |
| 83 | { | 83 | { |
| 84 | name: "导入楼盘表模板", | 84 | name: "导入楼盘表模板", |
| 85 | img: require("../../assets/images/temp2.png"), | 85 | img: require("../../assets/images/drlpbmb.png"), |
| 86 | }, | 86 | }, |
| 87 | { name: "新办房屋", img: require("../../assets/images/temp1.png") }, | 87 | { name: "新办房屋", img: require("../../assets/images/xbfw.png") }, |
| 88 | { name: "重新落宗", img: require("../../assets/images/temp2.png") }, | 88 | { name: "重新落宗", img: require("../../assets/images/cxlz.png") }, |
| 89 | ], | 89 | ], |
| 90 | tableData: [ | 90 | tableData: [ |
| 91 | 91 | ... | ... |
-
Please register or sign in to post a comment