首页和右侧树结构样式及图片修改
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