Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
b266090b by zhaoqian
Options

Merge remote-tracking branch 'origin/master'

2 parents 69815c61 89c35c2d
Inline Side-by-side
Showing 4 changed files with 179 additions and 86 deletions
...@@ -284,6 +284,7 @@ ...@@ -284,6 +284,7 @@
284 type="date" 284 type="date"
285 value-format="yyyy-MM-dd" 285 value-format="yyyy-MM-dd"
286 placeholder="选择日期" 286 placeholder="选择日期"
287 @blur="inputBlur($event,true)"
287 @input="startTime(index,childIndex)" 288 @input="startTime(index,childIndex)"
288 > 289 >
289 </el-date-picker> 290 </el-date-picker>
...@@ -332,6 +333,7 @@ ...@@ -332,6 +333,7 @@
332 value-format="yyyy-MM-dd" 333 value-format="yyyy-MM-dd"
333 :picker-options="childItem.pickerEnd" 334 :picker-options="childItem.pickerEnd"
334 placeholder="选择日期" 335 placeholder="选择日期"
336 @blur="inputBlur($event,true)"
335 @input="endTime(index,childIndex)" 337 @input="endTime(index,childIndex)"
336 > 338 >
337 </el-date-picker> 339 </el-date-picker>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div ref="lpb" class="content_box"> 2 <div ref="lpb" class="content_box">
3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
4 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane> 4 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane>
5 <el-tab-pane label="业主共有" name="yzgy"><yzgy></yzgy></el-tab-pane> 5 <el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad"></yzgy></el-tab-pane>
6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> 6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
7 <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> 7 <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane>
8 <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> 8 <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
...@@ -28,6 +28,7 @@ export default { ...@@ -28,6 +28,7 @@ export default {
28 return { 28 return {
29 activeName: "zrzxx", 29 activeName: "zrzxx",
30 lpbLoad:false, //默认不加载楼盘表组件 30 lpbLoad:false, //默认不加载楼盘表组件
31 yzgyLoad:false,
31 }; 32 };
32 }, 33 },
33 methods: { 34 methods: {
...@@ -35,6 +36,9 @@ export default { ...@@ -35,6 +36,9 @@ export default {
35 if(!this.lpbLoad){ 36 if(!this.lpbLoad){
36 this.lpbLoad = tab.name == 'lpb' ? true : false 37 this.lpbLoad = tab.name == 'lpb' ? true : false
37 } 38 }
39 if(!this.yzgyLoad){
40 this.yzgyLoad = tab.name == 'yzgy' ? true : false
41 }
38 }, 42 },
39 }, 43 },
40 created() {}, 44 created() {},
......
1 <template> 1 <template>
2 <div class=""> 2 <div class="main" ref="mainBox">
3 <div class="main"> 3 <table border="1">
4 <table border="1"> 4 <tr>
5 <tr> 5 <td colspan="3">宗地代码</td>
6 <td colspan="3">宗地代码</td> 6 <td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td>
7 <td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td> 7 </tr>
8 </tr> 8 <tr>
9 <tr> 9 <td colspan="3">建筑物区分所有权业主共有部分权利人</td>
10 <td colspan="3">建筑物区分所有权业主共有部分权利人</td> 10 <td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td>
11 <td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td> 11 </tr>
12 </tr> 12 </table>
13 </table> 13 <table border="1">
14 <table border="1"> 14 <tr>
15 <tr> 15 <td>
16 <td> 16 <el-button
17 <el-button 17 type="primary"
18 type="primary" 18 class="changeBtn outAdd addMinus"
19 class="changeBtn outAdd addMinus" 19 @click="addRow"
20 @click="addRow" 20 >+</el-button
21 >+</el-button 21 >
22 > 22 </td>
23 </td> 23 <td>建(构)筑物编号</td>
24 <td>建(构)筑物编号</td> 24 <td>建(构)筑物数量</td>
25 <td>建(构)筑物数量</td> 25 <td>建(构)筑物面积(㎡)</td>
26 <td>建(构)筑物面积(㎡)</td> 26 <td>占地面积(㎡)</td>
27 <td>占地面积(㎡)</td> 27 <td>分摊土地面积(㎡)</td>
28 <td>分摊土地面积(㎡)</td> 28 <td>附记</td>
29 <td>附记</td> 29 </tr>
30 </tr> 30 <tr v-for="(item,i) in Data.list" :key="i">
31 <tr v-for="(item,i) in Data.list" :key="i"> 31 <td>
32 <td> 32 <el-button
33 <el-button 33 type="primary"
34 type="primary" 34 class="changeBtn outMinus addMinus"
35 class="changeBtn outMinus addMinus" 35 @click="delRow(i)"
36 @click="delRow(i)" 36 >-</el-button
37 >-</el-button 37 >
38 > 38 </td>
39 </td> 39 <td><el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号"></el-input></td>
40 <td><el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号"></el-input></td> 40 <td><el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d*/g)) || null" placeholder="请输入建(构)筑物数量"></el-input></td>
41 <td><el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d*/g)) || null" placeholder="请输入建(构)筑物数量"></el-input></td> 41 <td><el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入建(构)筑物面积(㎡)"></el-input></td>
42 <td><el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入建(构)筑物面积(㎡)"></el-input></td> 42 <td><el-input v-model="item.zdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入占地面积(㎡)"></el-input></td>
43 <td><el-input v-model="item.zdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入占地面积(㎡)"></el-input></td> 43 <td><el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入分摊土地面积(㎡)"></el-input></td>
44 <td><el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入分摊土地面积(㎡)"></el-input></td> 44 <td><el-input v-model="item.fj" placeholder="请输入附记"></el-input></td>
45 <td><el-input v-model="item.fj" placeholder="请输入附记"></el-input></td> 45 </tr>
46 </tr> 46 <!-- <tr>
47 <!-- <tr> 47 <td>统计</td>
48 <td>统计</td> 48 <td>{{sumTdsyqsyqmj}}</td>
49 <td>{{sumTdsyqsyqmj}}</td> 49 <td>{{sumDydytdmj}}</td>
50 <td>{{sumDydytdmj}}</td> 50 <td>{{sumFttdmj}}</td>
51 <td>{{sumFttdmj}}</td> 51 <td>{{sumFttdmj}}</td>
52 <td>{{sumFttdmj}}</td> 52 <td>{{sumFttdmj}}</td>
53 <td>{{sumFttdmj}}</td> 53 <td>{{sumFttdmj}}</td>
54 <td>{{sumFttdmj}}</td> 54 </tr>-->
55 </tr>--> 55 </table>
56 </table> 56 <!-- <div class="pers">
57 <div class="pers"> 57 <el-button @click="save" type="primary">保存</el-button>
58 <el-button @click="save" type="primary">保存</el-button> 58 </div> -->
59 </div> 59 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
60 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
60 </div> 61 </div>
61 </div> 62 </div>
62 </template> 63 </template>
...@@ -83,7 +84,8 @@ ...@@ -83,7 +84,8 @@
83 fttdmj: '', //分摊土地面积 84 fttdmj: '', //分摊土地面积
84 fj: '' 85 fj: ''
85 }] 86 }]
86 } 87 },
88 mainBoxWidth:0
87 } 89 }
88 }, 90 },
89 91
...@@ -127,10 +129,12 @@ ...@@ -127,10 +129,12 @@
127 console.log("create init...") 129 console.log("create init...")
128 }, 130 },
129 mounted() { 131 mounted() {
130 console.log("mounted init...") 132 // console.log(this.$refs.mainBox.clientWidth,"this.$refs.mainBox.clientWidth")
131 this.Data.glbsm = this.$store.state.zrzbsm 133 this.Data.glbsm = this.$store.state.zrzbsm
132 this.zddm = this.$store.state.zddm 134 this.zddm = this.$store.state.zddm
133 this.getData(this.Data.glbsm) 135 this.$nextTick(() => {
136 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
137 })
134 }, 138 },
135 watch: { 139 watch: {
136 "$store.state.zdbsm": function (bsm) { 140 "$store.state.zdbsm": function (bsm) {
...@@ -147,7 +151,7 @@ ...@@ -147,7 +151,7 @@
147 box-sizing: border-box; 151 box-sizing: border-box;
148 padding: 18px; 152 padding: 18px;
149 height: auto; 153 height: auto;
150 width: 80%; 154 width: 100%;
151 } 155 }
152 156
153 table { 157 table {
...@@ -186,4 +190,22 @@ ...@@ -186,4 +190,22 @@
186 .dzwsl { 190 .dzwsl {
187 width: 200px; 191 width: 200px;
188 } 192 }
193 .header-button {
194 height: 50px;
195 position: fixed;
196 bottom: 0;
197 right: 0;
198 text-align: center;
199 background-color: #ffffff;
200 .saveBtn {
201 background-color: #00CACD;
202 border-color: #00CACD;
203 padding: 10px 30px;
204 margin-top: 8px;
205 }
206 .saveBtn:hover {
207 background-color: rgba(0, 202, 205, .8);
208 border-color: rgba(0, 202, 205, .8);
209 }
210 }
189 </style> 211 </style>
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt"></Qlr>
5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable">
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 <tr> 43 <tr>
44 <td colspan="2" >房屋性质<i class="requisite">*</i></td> 44 <td colspan="2" >房屋性质<i class="requisite">*</i></td>
45 <td colspan="4" > 45 <td colspan="4" >
46 <el-select class="formSelect" ref="fwxz" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > 46 <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" >
47 <el-option 47 <el-option
48 v-for="item in $store.state.fwxzOptions" 48 v-for="item in $store.state.fwxzOptions"
49 :key="item.bsm" 49 :key="item.bsm"
...@@ -156,7 +156,6 @@ ...@@ -156,7 +156,6 @@
156 <td colspan="3" > 156 <td colspan="3" >
157 <el-select-tree style="width:100%" 157 <el-select-tree style="width:100%"
158 ref="ghyt" 158 ref="ghyt"
159 @blur="inputBlur($event)"
160 v-if="show" 159 v-if="show"
161 :default-expand-all="defaultExpandAll" 160 :default-expand-all="defaultExpandAll"
162 :multiple="multiple" 161 :multiple="multiple"
...@@ -173,7 +172,6 @@ ...@@ -173,7 +172,6 @@
173 <td colspan="4" > 172 <td colspan="4" >
174 <el-select-tree style="width:100%" 173 <el-select-tree style="width:100%"
175 ref="yt" 174 ref="yt"
176 @blur="inputBlur($event)"
177 v-if="show" 175 v-if="show"
178 :default-expand-all="defaultExpandAll" 176 :default-expand-all="defaultExpandAll"
179 :multiple="multiple" 177 :multiple="multiple"
...@@ -198,7 +196,7 @@ ...@@ -198,7 +196,7 @@
198 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;删除</span> 196 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;删除</span>
199 </td> 197 </td>
200 <td colspan="9" > 198 <td colspan="9" >
201 <el-select class="persent78" ref="fwjg" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > 199 <el-select class="persent78" ref="fwjg" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" >
202 <el-option 200 <el-option
203 v-for="item in $store.state.jgOptions" 201 v-for="item in $store.state.jgOptions"
204 :key="item.bsm" 202 :key="item.bsm"
...@@ -266,10 +264,11 @@ ...@@ -266,10 +264,11 @@
266 </tr> 264 </tr>
267 265
268 </table> 266 </table>
269 <div style="min-height: 40px;text-align: center;margin-top: 10px"> 267 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
270 <el-button type="success" @click="onSave">保存</el-button> 268 <el-button type="primary" class="saveBtn" @click="onSave">保存</el-button>
271 <el-button type="primary" @click="onSubmit">提交</el-button> 269 <el-button type="primary" @click="onSubmit">提交</el-button>
272 <el-button type="primary" @click="registerCall">登记调用</el-button> 270 <el-button type="primary" @click="registerCall">登记调用</el-button>
271 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
273 </div> 272 </div>
274 </div> 273 </div>
275 </div> 274 </div>
...@@ -398,6 +397,7 @@ ...@@ -398,6 +397,7 @@
398 BSM:"", 397 BSM:"",
399 }, 398 },
400 rules:[], 399 rules:[],
400 mainBoxWidth:0,
401 } 401 }
402 }, 402 },
403 methods: { 403 methods: {
...@@ -491,13 +491,13 @@ ...@@ -491,13 +491,13 @@
491 this.form.fwytList.forEach((item,index)=>{ 491 this.form.fwytList.forEach((item,index)=>{
492 this.rules.push( 492 this.rules.push(
493 { 493 {
494 data:this.form.fwytList[index].ghyt, 494 data:item.fwytzdbsm,
495 name:'规划用途', 495 name:'规划用途',
496 dom:this.$refs.ghyt[index], 496 dom:this.$refs.ghyt[index],
497 rule: /^\s*$/g, //非空 497 rule: /^\s*$/g, //非空
498 }, 498 },
499 { 499 {
500 data:this.form.fwytList[index].yt, 500 data:item.fwytzdbsm,
501 name:'用途', 501 name:'用途',
502 dom:this.$refs.yt[index], 502 dom:this.$refs.yt[index],
503 rule: /^\s*$/g, //非空 503 rule: /^\s*$/g, //非空
...@@ -507,7 +507,7 @@ ...@@ -507,7 +507,7 @@
507 this.form.fwjgList.forEach((item,index)=>{ 507 this.form.fwjgList.forEach((item,index)=>{
508 this.rules.push( 508 this.rules.push(
509 { 509 {
510 data:this.form.fwjgList[index].fwjg, 510 data:item.fwjgzdbsm,
511 name:'房屋结构', 511 name:'房屋结构',
512 dom:this.$refs.fwjg[index], 512 dom:this.$refs.fwjg[index],
513 rule: /^\s*$/g, //非空 513 rule: /^\s*$/g, //非空
...@@ -541,15 +541,15 @@ ...@@ -541,15 +541,15 @@
541 }); 541 });
542 }else{ 542 }else{
543 saveZrzInfo(this.form).then((res)=>{ 543 saveZrzInfo(this.form).then((res)=>{
544 if(res.code===200){ 544 if(res.code===200){
545 this.$message.success("保存完成！") 545 this.$message.success("保存完成！")
546 }else { 546 }else {
547 this.$message({ 547 this.$message({
548 message: res.message, 548 message: res.message,
549 type: "warning", 549 type: "warning",
550 }); 550 });
551 } 551 }
552 this.loading=false; 552 this.loading=false;
553 }) 553 })
554 this.loading=false; 554 this.loading=false;
555 555
...@@ -717,7 +717,11 @@ ...@@ -717,7 +717,11 @@
717 this.getZrzDetailByBsm(this.$route.query.bsm) 717 this.getZrzDetailByBsm(this.$route.query.bsm)
718 } 718 }
719 }, 719 },
720 mounted() {}, 720 mounted() {
721 this.$nextTick(() => {
722 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
723 })
724 },
721 computed: { 725 computed: {
722 zrzbsm() { 726 zrzbsm() {
723 return this.$store.state.zdbsm; 727 return this.$store.state.zdbsm;
...@@ -726,7 +730,46 @@ ...@@ -726,7 +730,46 @@
726 watch:{ 730 watch:{
727 zrzbsm:function (val) { 731 zrzbsm:function (val) {
728 this.reload() 732 this.reload()
729 } 733 },
734 "form.bdcdyh":function (val) {
735 if (val != '') {
736 this.$refs.bdcdyh.style.border = '';
737 }
738 },
739 "form.zrzh":function (val) {
740 if (val != '') {
741 this.$refs.zrzh.style.border = '';
742 }
743 },
744 "form.fwxzbsm":{
745 handler:function (val) {
746 if (val != '') {
747 this.$refs.fwxz.$el.style.border = '';
748 }
749 },
750 immediate:false
751 },
752 "form.fwytList": {
753 handler : function (newVal, oldVal) {
754 newVal.forEach((item,ind)=>{
755 if(item.fwytzdbsm != ''){
756 this.$refs.ghyt[ind].$el.style.border=""
757 this.$refs.yt[ind].$el.style.border=""
758 }
759 })
760 },
761 deep:true
762 },
763 "form.fwjgList": {
764 handler : function (newVal, oldVal) {
765 newVal.forEach((item,ind)=>{
766 if(item.fwjgzdbsm != ''){
767 this.$refs.fwjg[ind].$el.style.border=""
768 }
769 })
770 },
771 deep:true
772 },
730 } 773 }
731 } 774 }
732 </script> 775 </script>
...@@ -738,6 +781,7 @@ ...@@ -738,6 +781,7 @@
738 .formMenu { 781 .formMenu {
739 width: 100%; 782 width: 100%;
740 margin: 0 auto; 783 margin: 0 auto;
784 margin-bottom: 50px;
741 } 785 }
742 .zrzTable { 786 .zrzTable {
743 margin: 10px 0; 787 margin: 10px 0;
...@@ -791,5 +835,26 @@ ...@@ -791,5 +835,26 @@
791 width: 100%; 835 width: 100%;
792 } 836 }
793 } 837 }
838 .header-button {
839 height: 50px;
840 position: fixed;
841 bottom: 0;
842 right: 6px;
843 text-align: center;
844 background-color: #ffffff;
845 .el-button{
846 padding: 10px 30px;
847 margin-top: 8px;
848 cursor: pointer;
849 }
850 .saveBtn {
851 background-color: #00CACD;
852 border-color: #00CACD;
853 }
854 .saveBtn:hover {
855 background-color: rgba(0, 202, 205, .8);
856 border-color: rgba(0, 202, 205, .8);
857 }
858 }
794 } 859 }
795 </style> 860 </style>
......