Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
eafe3d8e by weimo934
Options

feat(qlr):共有方式条件禁用

1 parent 70a8f15b
Inline Side-by-side
Showing 1 changed file with 49 additions and 50 deletions
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <el-row> 8 <el-row>
9 <el-col :span="14" class="fl" style="line-height:32px"> 9 <el-col :span="14" class="fl" style="line-height:32px">
10 <el-radio-group v-model="gyfs" @change="updateGyfs"> 10 <el-radio-group v-model="gyfs" @change="updateGyfs">
11 <el-radio :label="item.bsm" :disabled="+qszt!==0" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio> 11 <el-radio :label="item.bsm" :disabled="+qszt!==0 || item.disabled" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio>
12 </el-radio-group> 12 </el-radio-group>
13 </el-col> 13 </el-col>
14 <el-col :span="10" class="fr"> 14 <el-col :span="10" class="fr">
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
75 <tr> 75 <tr>
76 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td> 76 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td>
77 <td colspan="6"> 77 <td colspan="6">
78 <input type="text" class="formInput" v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"/> 78 <el-input v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"></el-input>
79 </td> 79 </td>
80 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td> 80 <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td>
81 <td colspan="6"> 81 <td colspan="6">
...@@ -105,18 +105,18 @@ ...@@ -105,18 +105,18 @@
105 </td> 105 </td>
106 <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td> 106 <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td>
107 <td colspan="6"> 107 <td colspan="6">
108 <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"/> 108 <el-input maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"></el-input>
109 </td> 109 </td>
110 </tr> 110 </tr>
111 <tr> 111 <tr>
112 <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td> 112 <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td>
113 <td colspan="6"> 113 <td colspan="6">
114 <!-- @blur="inputBlur($event)"--> 114 <!-- @blur="inputBlur($event)"-->
115 <input type="text" class="formInput" v-model="formData.dh" ref="dh" @blur="inputBlur($event)"/> 115 <el-input v-model="formData.dh" ref="dh" @blur="inputBlur($event)"></el-input>
116 </td> 116 </td>
117 <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td> 117 <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td>
118 <td colspan="6"> 118 <td colspan="6">
119 <input type="text" class="formInput" v-model="formData.dz" ref="dz" @blur="inputBlur($event)"/> 119 <el-input v-model="formData.dz" ref="dz" @blur="inputBlur($event)"></el-input>
120 </td> 120 </td>
121 </tr> 121 </tr>
122 <tr> 122 <tr>
...@@ -160,7 +160,7 @@ ...@@ -160,7 +160,7 @@
160 </td> 160 </td>
161 <td colspan="4" class="tdright">邮编</td> 161 <td colspan="4" class="tdright">邮编</td>
162 <td colspan="6"> 162 <td colspan="6">
163 <input type="text" class="formInput" v-model="formData.yb" /> 163 <el-input v-model="formData.yb" />
164 </td> 164 </td>
165 </tr> 165 </tr>
166 <tr> 166 <tr>
...@@ -178,7 +178,7 @@ ...@@ -178,7 +178,7 @@
178 </td> 178 </td>
179 <td colspan="4" class="tdright">电子邮件</td> 179 <td colspan="4" class="tdright">电子邮件</td>
180 <td colspan="6"> 180 <td colspan="6">
181 <input type="text" class="formInput" v-model="formData.dzyj" /> 181 <el-input v-model="formData.dzyj" />
182 </td> 182 </td>
183 </tr> 183 </tr>
184 <tr> 184 <tr>
...@@ -187,9 +187,7 @@ ...@@ -187,9 +187,7 @@
187 <tr> 187 <tr>
188 <td colspan="4" class="tdright">法定代表人或负责人姓名</td> 188 <td colspan="4" class="tdright">法定代表人或负责人姓名</td>
189 <td colspan="6"> 189 <td colspan="6">
190 <input 190 <el-input
191 type="text"
192 class="formInput"
193 v-model="formData.fr.dlrfrmc" 191 v-model="formData.fr.dlrfrmc"
194 /> 192 />
195 </td> 193 </td>
...@@ -209,11 +207,11 @@ ...@@ -209,11 +207,11 @@
209 <tr> 207 <tr>
210 <td colspan="4" class="tdright">证件号码</td> 208 <td colspan="4" class="tdright">证件号码</td>
211 <td colspan="6"> 209 <td colspan="6">
212 <input type="text" class="formInput" v-model="formData.fr.zjh" /> 210 <el-input v-model="formData.fr.zjh" />
213 </td> 211 </td>
214 <td colspan="4" class="tdright">电话</td> 212 <td colspan="4" class="tdright">电话</td>
215 <td colspan="6"> 213 <td colspan="6">
216 <input type="text" class="formInput" v-model="formData.fr.dh" /> 214 <el-input v-model="formData.fr.dh" />
217 </td> 215 </td>
218 </tr> 216 </tr>
219 <tr> 217 <tr>
...@@ -234,7 +232,7 @@ ...@@ -234,7 +232,7 @@
234 </td> 232 </td>
235 <td class="tdright" colspan="2">代理人姓名</td> 233 <td class="tdright" colspan="2">代理人姓名</td>
236 <td colspan="6"> 234 <td colspan="6">
237 <input type="text" class="formInput" v-model="item.dlrfrmc" /> 235 <el-input v-model="item.dlrfrmc" />
238 </td> 236 </td>
239 <td colspan="4" class="tdright">证件类型</td> 237 <td colspan="4" class="tdright">证件类型</td>
240 <td colspan="6"> 238 <td colspan="6">
...@@ -253,11 +251,11 @@ ...@@ -253,11 +251,11 @@
253 <tr :key="'dh'+index"> 251 <tr :key="'dh'+index">
254 <td class="tdright" colspan="2">证件号码</td> 252 <td class="tdright" colspan="2">证件号码</td>
255 <td colspan="6"> 253 <td colspan="6">
256 <input type="text" class="formInput" v-model="item.zjh" /> 254 <el-input v-model="item.zjh" />
257 </td> 255 </td>
258 <td colspan="4" class="tdright">电话</td> 256 <td colspan="4" class="tdright">电话</td>
259 <td colspan="6"> 257 <td colspan="6">
260 <input type="text" class="formInput" v-model="item.dh" /> 258 <el-input v-model="item.dh" />
261 </td> 259 </td>
262 </tr> 260 </tr>
263 </template> 261 </template>
...@@ -280,23 +278,23 @@ ...@@ -280,23 +278,23 @@
280 </td> 278 </td>
281 <td colspan="4" class="tdright">权利比例(%)</td> 279 <td colspan="4" class="tdright">权利比例(%)</td>
282 <td colspan="6"> 280 <td colspan="6">
283 <input type="text" class="formInput" v-model="formData.qlbl" /> 281 <el-input v-model="formData.qlbl" ></el-input>
284 </td> 282 </td>
285 </tr> 283 </tr>
286 <tr> 284 <tr>
287 <td colspan="4" class="tdright">房产证号</td> 285 <td colspan="4" class="tdright">房产证号</td>
288 <td colspan="6"> 286 <td colspan="6">
289 <input type="text" class="formInput" v-model="formData.fczh" /> 287 <el-input v-model="formData.fczh" ></el-input>
290 </td> 288 </td>
291 <td colspan="4" class="tdright">土地证号</td> 289 <td colspan="4" class="tdright">土地证号</td>
292 <td colspan="6"> 290 <td colspan="6">
293 <input type="text" class="formInput" v-model="formData.tdzh" /> 291 <el-input v-model="formData.tdzh" ></el-input>
294 </td> 292 </td>
295 </tr> 293 </tr>
296 <tr> 294 <tr>
297 <td colspan="4" class="tdright">共有情况</td> 295 <td colspan="4" class="tdright">共有情况</td>
298 <td colspan="8"> 296 <td colspan="8">
299 <input type="text" class="formInput" v-model="formData.gyqk" /> 297 <el-input v-model="formData.gyqk" ></el-input>
300 </td> 298 </td>
301 </tr> 299 </tr>
302 </table> 300 </table>
...@@ -487,6 +485,8 @@ ...@@ -487,6 +485,8 @@
487 flag = false; 485 flag = false;
488 return false 486 return false
489 } 487 }
488 console.log(this.tableData,'权利人信息')
489 console.log(this.$store.state.gyfsList[0].bsm,'确定之后共有方式')
490 }) 490 })
491 this.$nextTick(()=>{ 491 this.$nextTick(()=>{
492 if (flag) { 492 if (flag) {
...@@ -664,19 +664,18 @@ ...@@ -664,19 +664,18 @@
664 watch:{ 664 watch:{
665 tableData:{ 665 tableData:{
666 handler:function (v) { 666 handler:function (v) {
667 console.log(v,'权利人') 667 this.gyfsList[0].disabled = v.length > 1;
668 this.gyfsList[0].disabled = v.length() > 1;
669 } , 668 } ,
670 deep:true 669 deep:true
671 }, 670 },
672 gyfsList:{ 671 /* gyfsList:{
673 handler:function(v){ 672 handler:function(v){
674 console.log(v,"共有方式") 673 //console.log(v,"共有方式")
675 }, 674 },
676 deep:true 675 deep:true
677 }, 676 },*/
678 dialogVisible(n){ 677 dialogVisible(n){
679 if(n == false){ 678 if(n === false){
680 this.formData = { 679 this.formData = {
681 addQjDlrFrRequest:[], 680 addQjDlrFrRequest:[],
682 dlrList: [ 681 dlrList: [
...@@ -721,7 +720,7 @@ ...@@ -721,7 +720,7 @@
721 } 720 }
722 } 721 }
723 }, 722 },
724 tableData(){ 723 /* tableData(){
725 this.gyfsList = this.$store.state.gyfsList; 724 this.gyfsList = this.$store.state.gyfsList;
726 if(this.tableData.length>1){ 725 if(this.tableData.length>1){
727 for(let i = 0;i<this.gyfsList.length;i++){ 726 for(let i = 0;i<this.gyfsList.length;i++){
...@@ -729,41 +728,41 @@ ...@@ -729,41 +728,41 @@
729 this.gyfsList[i].disabled = item.mc === "单独所有"; 728 this.gyfsList[i].disabled = item.mc === "单独所有";
730 } 729 }
731 } 730 }
732 }, 731 },*/
733 732
734 "formData.qlrlxbsm":function (val) { 733 "formData.qlrlxbsm":function (val) {
735 console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)") 734 //console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
736 if (val != '') { 735 if (val != '') {
737 console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)") 736 // console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
738 this.$refs.qlrlxbsm.$el.style.border = ''; 737 this.$refs.qlrlxbsm.$el.style.border = '';
739 } 738 }
740 }, 739 },
741 740
742 "formData.zjzlbsm":function (val) { 741 /* "formData.zjzlbsm":function (val) {
743 if (val != '') { 742 if (val != '') {
744 this.$refs.zjzlbsm.$el.style.border = ''; 743 this.$refs.zjzlbsm.$el.style.border = '';
745 } 744 }
746 }, 745 },
747 // "formData.gyfsbsm":function (val) { 746 "formData.gyfsbsm":function (val) {
748 // let ddsy = ''; 747 let ddsy = '';
749 // for(let i = 0;i<this.gyfsList.length;i++){ 748 for(let i = 0;i<this.gyfsList.length;i++){
750 // if(this.gyfsList[i].mc === "单独所有"){ 749 if(this.gyfsList[i].mc === "单独所有"){
751 // ddsy = this.gyfsList[i].bsm 750 ddsy = this.gyfsList[i].bsm
752 // } 751 }
753 // } 752 }
754 // if(ddsy === val){ 753 if(ddsy === val){
755 // if(this.update){ 754 if(this.update){
756 // if(this.tableData.length > 1){ 755 if(this.tableData.length > 1){
757 // this.$message.warning("权利人人数大于1，不能选择单独所有") 756 this.$message.warning("权利人人数大于1，不能选择单独所有")
758 // } 757 }
759 // }else{ 758 }else{
760 // if(this.tableData.length > 0){ 759 if(this.tableData.length > 0){
761 // this.$message.warning("权利人人数大于1，不能选择单独所有") 760 this.$message.warning("权利人人数大于1，不能选择单独所有")
762 // } 761 }
763 // } 762 }
764 // 763
765 // } 764 }
766 // } 765 }*/
767 } 766 }
768 }; 767 };
769 </script> 768 </script>
......