a88ab7fa by 杨威

首页和右侧树结构样式及图片修改

1 parent e0480c6f
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>
......
...@@ -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
......