Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
a5687c5c by 杨威
Options

幢单元和层的双击编辑

1 parent dd0bb7b0
Inline Side-by-side
Showing 5 changed files with 104 additions and 42 deletions
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> 4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
5 <tbody> 5 <tbody>
6 <tr height="30"> 6 <tr height="30">
7 <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td> 7 <td colspan="12" align="center" ><font size="4">层基本信息</font></td>
8 </tr> 8 </tr>
9 <tr height="30"> 9 <tr height="30">
10 <td colspan="2" align="center" >层号</td> 10 <td colspan="2" align="center" >层号</td>
...@@ -77,10 +77,6 @@ ...@@ -77,10 +77,6 @@
77 </tbody> 77 </tbody>
78 </table> 78 </table>
79 </el-form> 79 </el-form>
80 <div style="min-height: 40px;text-align: center;margin-top: 10px">
81 <el-button type="success" @click="onSave">保存</el-button>
82 <el-button type="primary" @click="onSubmit">提交</el-button>
83 </div>
84 </div> 80 </div>
85 81
86 </template> 82 </template>
...@@ -90,6 +86,12 @@ ...@@ -90,6 +86,12 @@
90 export default { 86 export default {
91 name:'c', 87 name:'c',
92 components:{}, 88 components:{},
89 props: {
90 cbsm:{
91 type: String,
92 default: '',
93 }
94 },
93 data () { 95 data () {
94 return { 96 return {
95 form:{ 97 form:{
...@@ -113,27 +115,48 @@ ...@@ -113,27 +115,48 @@
113 methods: { 115 methods: {
114 onSave(){ 116 onSave(){
115 this.form.zrzbsm=this.$router.query.bsm; 117 this.form.zrzbsm=this.$router.query.bsm;
116 insertCInfo(this.form).then((res)=>{ 118 //编辑层信息接口调用 TODO
117 if(res.code===200){ 119
118 this.$message.success("保存成功")
119 }
120 })
121 console.log(this.form)
122 }, 120 },
123 onSubmit(){ 121 getCinfo(bsm){
124 console.log(this.form) 122 //获取层信息接口调用 TODO
123
124 },
125 reset(){
126 this.form = {
127 zrzbsm:'',
128 ch:'', //层号
129 zrzh:'', //自然幢号
130 sjc:'', //实际层
131 myc:'', //名义层
132 cjzmj:'', //层建筑面积
133 ctnjzmj:'', //层套内建筑面积
134 cytmj:'', //层阳台面积
135 cbqmj:'', //层半墙面积
136 cgyjzmj:'', //层共有建筑面积
137 cftjzmj:'', //层分摊建筑面积
138 cg:'', //层高
139 sptymj:'', //水平投影面积
140 }
125 } 141 }
142 },
143 watch:{
144 cbsm: {
145 handler: function (item) {
146 if(item!='' && this.$parent.menuType == 'c'){
147 this.getLjzInfo(this.item)
148 }
149 },
150 immediate: true
151 },
126 } 152 }
127 } 153 }
128 </script> 154 </script>
129 <style rel="stylesheet/less" lang="less" scoped> 155 <style rel="stylesheet/less" lang="less" scoped>
130 .h { 156 .h {
131 min-height: 200px; 157 min-height: 200px;
132 width: 80%; 158 width: 100%;
133 margin-top: 10px; 159 margin: 0 auto;
134 margin-left: 10%;
135 float: left;
136
137 /deep/.el-input__inner{ 160 /deep/.el-input__inner{
138 width: 100%; 161 width: 100%;
139 border: 0; 162 border: 0;
......
...@@ -236,7 +236,10 @@ ...@@ -236,7 +236,10 @@
236 <addLjz ref="ljz" :ljzbsm="curBsm"></addLjz> 236 <addLjz ref="ljz" :ljzbsm="curBsm"></addLjz>
237 </div> 237 </div>
238 <div class="addCh" v-show="menuType == 'zdy'"> 238 <div class="addCh" v-show="menuType == 'zdy'">
239 <addZdy ref="zdy"></addZdy> 239 <addZdy ref="zdy" :zdybsm="curBsm"></addZdy>
240 </div>
241 <div class="addCh" v-show="menuType == 'c'">
242 <editCinfo ref="c" :cbsm="curBsm"></editCinfo>
240 </div> 243 </div>
241 <div class="addCh" v-show="menuType == 'ch'"> 244 <div class="addCh" v-show="menuType == 'ch'">
242 <addCh 245 <addCh
...@@ -272,6 +275,7 @@ import LineTree from "@components/lineTree/lineTree"; ...@@ -272,6 +275,7 @@ import LineTree from "@components/lineTree/lineTree";
272 import addLjz from "./ljz/index"; 275 import addLjz from "./ljz/index";
273 import addZdy from "./zdy/index"; 276 import addZdy from "./zdy/index";
274 import addCh from "./ch/index"; 277 import addCh from "./ch/index";
278 import editCinfo from "./c/index";
275 import lpbContent from "./lpbContent/index"; 279 import lpbContent from "./lpbContent/index";
276 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; 280 import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
277 import xxxx from '../xxxx/index' 281 import xxxx from '../xxxx/index'
...@@ -288,7 +292,8 @@ export default { ...@@ -288,7 +292,8 @@ export default {
288 PlSh, 292 PlSh,
289 PlH, 293 PlH,
290 PlZl, 294 PlZl,
291 xxxx 295 xxxx,
296 editCinfo
292 }, 297 },
293 props: {}, 298 props: {},
294 data() { 299 data() {
...@@ -538,6 +543,9 @@ export default { ...@@ -538,6 +543,9 @@ export default {
538 case "ch": 543 case "ch":
539 this.$refs.ch.onSave(this.pd[0].bsm); 544 this.$refs.ch.onSave(this.pd[0].bsm);
540 break; 545 break;
546 case "c":
547 this.$refs.ch.onSave(this.pd[0].bsm);
548 break;
541 default: 549 default:
542 break; 550 break;
543 } 551 }
...@@ -554,6 +562,9 @@ export default { ...@@ -554,6 +562,9 @@ export default {
554 case "ch": 562 case "ch":
555 this.$refs.ch.reset(); 563 this.$refs.ch.reset();
556 break; 564 break;
565 case "c":
566 this.$refs.c.reset();
567 break;
557 568
558 default: 569 default:
559 break; 570 break;
......
...@@ -412,7 +412,7 @@ export default { ...@@ -412,7 +412,7 @@ export default {
412 ljzbsm: { 412 ljzbsm: {
413 handler: function (item) { 413 handler: function (item) {
414 console.log(item,'item'); 414 console.log(item,'item');
415 if(item!=''){ 415 if(item!='' && this.$parent.menuType == 'ljz'){
416 this.getLjzInfo(this.ljzbsm) 416 this.getLjzInfo(this.ljzbsm)
417 } 417 }
418 }, 418 },
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 > 34 >
35 <!-- 幢单元名称 --> 35 <!-- 幢单元名称 -->
36 <div class="zdy-name name"> 36 <div class="zdy-name name">
37 <p> 37 <p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')">
38 <!-- {{ zdys.zdymc }} --> 38 <!-- {{ zdys.zdymc }} -->
39 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> 39 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox>
40 </p> 40 </p>
...@@ -56,6 +56,7 @@ ...@@ -56,6 +56,7 @@
56 ref="cBsm" 56 ref="cBsm"
57 @contextmenu.prevent="openMenu($event, cs, 'c')" 57 @contextmenu.prevent="openMenu($event, cs, 'c')"
58 @click="handleClickC($event, cs)" 58 @click="handleClickC($event, cs)"
59 @dblclick="openZxx(cs.bsm,'c')"
59 > 60 >
60 {{ cs.sjc }}层 61 {{ cs.sjc }}层
61 </td> 62 </td>
...@@ -118,6 +119,7 @@ ...@@ -118,6 +119,7 @@
118 ref="cBsm" 119 ref="cBsm"
119 @contextmenu.prevent="openMenu($event, cs, 'c')" 120 @contextmenu.prevent="openMenu($event, cs, 'c')"
120 @click="handleClickC($event, cs)" 121 @click="handleClickC($event, cs)"
122 @dblclick="openZxx(cs.bsm,'c')"
121 > 123 >
122 {{ cs.sjc }}层 124 {{ cs.sjc }}层
123 </td> 125 </td>
...@@ -172,8 +174,7 @@ ...@@ -172,8 +174,7 @@
172 > 174 >
173 <!-- 幢单元名称 --> 175 <!-- 幢单元名称 -->
174 <div class="zdy-name name"> 176 <div class="zdy-name name">
175 <p> 177 <p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')">
176 <!-- {{ zdys.zdymc }} -->
177 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> 178 <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox>
178 </p> 179 </p>
179 </div> 180 </div>
...@@ -192,6 +193,7 @@ ...@@ -192,6 +193,7 @@
192 ref="cBsm" 193 ref="cBsm"
193 @contextmenu.prevent="openMenu($event, cs, 'c')" 194 @contextmenu.prevent="openMenu($event, cs, 'c')"
194 @click="handleClickC($event, cs)" 195 @click="handleClickC($event, cs)"
196 @dblclick="openZxx(cs.bsm,'c')"
195 > 197 >
196 {{ cs.sjc }}层 198 {{ cs.sjc }}层
197 </td> 199 </td>
...@@ -247,6 +249,7 @@ ...@@ -247,6 +249,7 @@
247 ref="cBsm" 249 ref="cBsm"
248 @contextmenu.prevent="openMenu($event, cs, 'c')" 250 @contextmenu.prevent="openMenu($event, cs, 'c')"
249 @click="handleClickC($event, cs)" 251 @click="handleClickC($event, cs)"
252 @dblclick="openZxx(cs.bsm,'c')"
250 > 253 >
251 {{ cs.sjc }}层 254 {{ cs.sjc }}层
252 </td> 255 </td>
......
...@@ -49,6 +49,12 @@ ...@@ -49,6 +49,12 @@
49 export default { 49 export default {
50 name: "index", 50 name: "index",
51 components: {}, 51 components: {},
52 props: {
53 zdybsm:{
54 type: String,
55 default: '',
56 }
57 },
52 data(){ 58 data(){
53 return{ 59 return{
54 form:{ 60 form:{
...@@ -86,23 +92,32 @@ ...@@ -86,23 +92,32 @@
86 submitForm(formName,zrzbsm,ljzbsm) { 92 submitForm(formName,zrzbsm,ljzbsm) {
87 this.form.zrzbsm=zrzbsm; 93 this.form.zrzbsm=zrzbsm;
88 this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm; 94 this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm;
89 this.$refs[formName].validate((valid) => { 95 //判断zdybsm是否为空，不为空的时候是编辑，为空的时候是新增
90 if (valid) { 96 if (this.zdybsm == '') {
91 insertZdyInfo(this.form).then((res)=>{ 97 this.$refs[formName].validate((valid) => {
92 if(res.code===200){ 98 if (valid) {
93 this.$message.success("保存成功!") 99 insertZdyInfo(this.form).then((res)=>{
94 //更新树结构数据 100 if(res.code===200){
95 this.$parent.$parent.getLpbMenuTree(zrzbsm); 101 this.$message.success("保存成功!")
96 //关闭弹框 102 //更新树结构数据
97 this.$parent.$parent.closeDaialog() 103 this.$parent.$parent.getLpbMenuTree(zrzbsm);
98 } 104 //关闭弹框
99 return true; 105 this.$parent.$parent.closeDaialog()
100 }) 106 }
101 } else { 107 return true;
102 console.log('error submit!!'); 108 })
103 return false; 109 } else {
104 } 110 console.log('error submit!!');
105 }); 111 return false;
112 }
113 });
114 }else{
115 //编辑幢单元接口
116 }
117 },
118 getZdyInfo(bsm){
119 //查询幢单元信息接口
120
106 }, 121 },
107 reset(){ 122 reset(){
108 this.form = { 123 this.form = {
...@@ -114,11 +129,21 @@ ...@@ -114,11 +129,21 @@
114 bz:'', 129 bz:'',
115 } 130 }
116 } 131 }
132 },
133 watch:{
134 zdybsm: {
135 handler: function (item) {
136 if(item!='' && this.$parent.menuType == 'zdy'){
137 this.getZdyInfo(item)
138 }
139 },
140 immediate: true
141 },
117 } 142 }
118 } 143 }
119 </script> 144 </script>
120 145
121 <style scoped> 146 <style scoped lang="less">
122 /deep/.el-input__inner{ 147 /deep/.el-input__inner{
123 width: 100%; 148 width: 100%;
124 border:0; 149 border:0;
......