树结构添加逻辑幢
Showing
3 changed files
with
54 additions
and
23 deletions
... | @@ -66,9 +66,9 @@ | ... | @@ -66,9 +66,9 @@ |
66 | :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" | 66 | :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" |
67 | class="contextmenu" | 67 | class="contextmenu" |
68 | > | 68 | > |
69 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog">添加逻辑幢</li> | 69 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> |
70 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog">添加幢单元</li> | 70 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> |
71 | <li @click="openLpbDialog">添加层户</li> | 71 | <li @click="openLpbDialog('ch')">添加层户</li> |
72 | </ul> | 72 | </ul> |
73 | <!-- 添加定着物弹框 --> | 73 | <!-- 添加定着物弹框 --> |
74 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> | 74 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> |
... | @@ -151,7 +151,6 @@ export default { | ... | @@ -151,7 +151,6 @@ export default { |
151 | this.isZD = data; | 151 | this.isZD = data; |
152 | }, | 152 | }, |
153 | changeLpbVisible(data) { | 153 | changeLpbVisible(data) { |
154 | console.log(this.zdData,'zdData'); | ||
155 | this.lpbvisible = data; | 154 | this.lpbvisible = data; |
156 | }, | 155 | }, |
157 | //添加定着物 | 156 | //添加定着物 |
... | @@ -213,8 +212,8 @@ export default { | ... | @@ -213,8 +212,8 @@ export default { |
213 | this.lpbvisible = false | 212 | this.lpbvisible = false |
214 | }, | 213 | }, |
215 | //楼盘表右键菜单项打开父组件弹框 | 214 | //楼盘表右键菜单项打开父组件弹框 |
216 | openLpbDialog(){ | 215 | openLpbDialog(type){ |
217 | this.$parent.openLpbDialog(this.zdData); | 216 | this.$parent.openLpbDialog(this.zdData,type); |
218 | }, | 217 | }, |
219 | detailDoubleClick(data) { | 218 | detailDoubleClick(data) { |
220 | clearTimeout(this.timer); | 219 | clearTimeout(this.timer); | ... | ... |
... | @@ -155,10 +155,6 @@ | ... | @@ -155,10 +155,6 @@ |
155 | </tbody> | 155 | </tbody> |
156 | </table> | 156 | </table> |
157 | </el-form> | 157 | </el-form> |
158 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | ||
159 | <el-button type="success" @click="onSave">保存</el-button> | ||
160 | <el-button type="primary" @click="onSubmit">提交</el-button> | ||
161 | </div> | ||
162 | </div> | 158 | </div> |
163 | 159 | ||
164 | </template> | 160 | </template> |
... | @@ -243,16 +239,14 @@ | ... | @@ -243,16 +239,14 @@ |
243 | this.fwjgTitleRowspan=this.form.fwjgList.length; | 239 | this.fwjgTitleRowspan=this.form.fwjgList.length; |
244 | } | 240 | } |
245 | }, | 241 | }, |
246 | onSave(){ | 242 | onSave(data,bsm){ |
247 | console.log(this.form) | ||
248 | //自然幢标识码 | 243 | //自然幢标识码 |
249 | this.form.zrzbsm=this.$router.query.bsm; | 244 | this.form.zrzbsm= bsm; |
250 | insertLjzInfo(this.form).then((res)=>{ | 245 | insertLjzInfo(data).then((res)=>{ |
251 | if(res.code===200){ | 246 | if(res.code===200){ |
252 | this.$message.success("保存成功") | 247 | this.$message.success("保存成功") |
253 | } | 248 | } |
254 | }) | 249 | }) |
255 | |||
256 | }, | 250 | }, |
257 | onSubmit(){ | 251 | onSubmit(){ |
258 | console.log(this.form) | 252 | console.log(this.form) |
... | @@ -269,10 +263,8 @@ | ... | @@ -269,10 +263,8 @@ |
269 | <style rel="stylesheet/less" lang="less" scoped> | 263 | <style rel="stylesheet/less" lang="less" scoped> |
270 | .h { | 264 | .h { |
271 | min-height: 200px; | 265 | min-height: 200px; |
272 | width: 80%; | 266 | width: 100%; |
273 | margin-top: 10px; | 267 | margin: 0 auto; |
274 | margin-left: 10%; | ||
275 | float: left; | ||
276 | 268 | ||
277 | /deep/.el-input__inner{ | 269 | /deep/.el-input__inner{ |
278 | width: 100%; | 270 | width: 100%; | ... | ... |
... | @@ -37,17 +37,32 @@ | ... | @@ -37,17 +37,32 @@ |
37 | width="50%" | 37 | width="50%" |
38 | center | 38 | center |
39 | > | 39 | > |
40 | 添加 | 40 | <!-- 根据菜单类型(menuType)和右键点击的楼盘类型(treeData.type)来区分弹框内容 --> |
41 | <div class="addCh" v-show="menuType == 'ljz'"> | ||
42 | <addLjz ref="ljz"></addLjz> | ||
43 | </div> | ||
44 | <div class="addCh" v-show="menuType == 'zdy'"> | ||
45 | 幢单元 | ||
46 | </div> | ||
47 | <div class="addCh" v-show="menuType == 'ch'"> | ||
48 | 层户 | ||
49 | </div> | ||
50 | <div class="btnGroup"> | ||
51 | <el-button type="primary" @click="saveInfo">保存</el-button> | ||
52 | <el-button type="primary">重置</el-button> | ||
53 | <el-button type="primary" @click="dialogVisible = false">取消</el-button> | ||
54 | </div> | ||
41 | </el-dialog> | 55 | </el-dialog> |
42 | </div> | 56 | </div> |
43 | </template> | 57 | </template> |
44 | 58 | ||
45 | <script> | 59 | <script> |
46 | import LineTree from "../../../../components/lineTree/lineTree"; | 60 | import LineTree from "../../../../components/lineTree/lineTree"; |
61 | import addLjz from "../../ljz/index" | ||
47 | import {getLpbMenuTree} from "../../../../api/lpb" | 62 | import {getLpbMenuTree} from "../../../../api/lpb" |
48 | export default { | 63 | export default { |
49 | name:"", | 64 | name:"", |
50 | components:{LineTree}, | 65 | components:{LineTree,addLjz}, |
51 | props:{}, | 66 | props:{}, |
52 | data(){ | 67 | data(){ |
53 | return { | 68 | return { |
... | @@ -57,7 +72,9 @@ export default { | ... | @@ -57,7 +72,9 @@ export default { |
57 | bdcdyh:'', | 72 | bdcdyh:'', |
58 | islpb:true, | 73 | islpb:true, |
59 | pd:[], //创建楼盘的树结构数据 | 74 | pd:[], //创建楼盘的树结构数据 |
60 | dialogVisible:false | 75 | dialogVisible:false, |
76 | menuType:'', | ||
77 | treeData:{} | ||
61 | } | 78 | } |
62 | }, | 79 | }, |
63 | created(){}, | 80 | created(){}, |
... | @@ -78,9 +95,28 @@ export default { | ... | @@ -78,9 +95,28 @@ export default { |
78 | .catch((error) => {}); | 95 | .catch((error) => {}); |
79 | }, | 96 | }, |
80 | //打开新建楼盘树结构右键菜单唤起的弹框 | 97 | //打开新建楼盘树结构右键菜单唤起的弹框 |
81 | openLpbDialog(data){ | 98 | openLpbDialog(data,type){ |
82 | console.log(data,'data'); | 99 | console.log(data,'data'); |
100 | this.treeData = data; | ||
101 | this.menuType = type; | ||
83 | this.dialogVisible = true | 102 | this.dialogVisible = true |
103 | }, | ||
104 | //弹框中的保存按钮 | ||
105 | saveInfo(){ | ||
106 | switch (this.menuType) { | ||
107 | case 'ljz': | ||
108 | this.$refs.ljz.onSave(this.$refs.ljz.form,this.treeData.bsm) | ||
109 | break; | ||
110 | case 'zdy': | ||
111 | |||
112 | break; | ||
113 | case 'ch': | ||
114 | |||
115 | break; | ||
116 | |||
117 | default: | ||
118 | break; | ||
119 | } | ||
84 | } | 120 | } |
85 | }, | 121 | }, |
86 | computed: {}, | 122 | computed: {}, |
... | @@ -147,5 +183,9 @@ export default { | ... | @@ -147,5 +183,9 @@ export default { |
147 | width: 200px; | 183 | width: 200px; |
148 | } | 184 | } |
149 | } | 185 | } |
186 | .btnGroup{ | ||
187 | margin: 20px auto 0; | ||
188 | width: 230px; | ||
189 | } | ||
150 | } | 190 | } |
151 | </style> | 191 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment