eafe3d8e by weimo934

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

1 parent 70a8f15b
......@@ -8,7 +8,7 @@
<el-row>
<el-col :span="14" class="fl" style="line-height:32px">
<el-radio-group v-model="gyfs" @change="updateGyfs">
<el-radio :label="item.bsm" :disabled="+qszt!==0" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio>
<el-radio :label="item.bsm" :disabled="+qszt!==0 || item.disabled" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio>
</el-radio-group>
</el-col>
<el-col :span="10" class="fr">
......@@ -75,7 +75,7 @@
<tr>
<td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"/>
<el-input v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"></el-input>
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td>
<td colspan="6">
......@@ -105,18 +105,18 @@
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td>
<td colspan="6">
<input type="text" class="formInput" maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"/>
<el-input maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"></el-input>
</td>
</tr>
<tr>
<td colspan="4" class="tdright"><i class="requisite">*</i>电话</td>
<td colspan="6">
<!-- @blur="inputBlur($event)"-->
<input type="text" class="formInput" v-model="formData.dh" ref="dh" @blur="inputBlur($event)"/>
<el-input v-model="formData.dh" ref="dh" @blur="inputBlur($event)"></el-input>
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>地址</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.dz" ref="dz" @blur="inputBlur($event)"/>
<el-input v-model="formData.dz" ref="dz" @blur="inputBlur($event)"></el-input>
</td>
</tr>
<tr>
......@@ -160,7 +160,7 @@
</td>
<td colspan="4" class="tdright">邮编</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.yb" />
<el-input v-model="formData.yb" />
</td>
</tr>
<tr>
......@@ -178,7 +178,7 @@
</td>
<td colspan="4" class="tdright">电子邮件</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.dzyj" />
<el-input v-model="formData.dzyj" />
</td>
</tr>
<tr>
......@@ -187,9 +187,7 @@
<tr>
<td colspan="4" class="tdright">法定代表人或负责人姓名</td>
<td colspan="6">
<input
type="text"
class="formInput"
<el-input
v-model="formData.fr.dlrfrmc"
/>
</td>
......@@ -209,11 +207,11 @@
<tr>
<td colspan="4" class="tdright">证件号码</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.fr.zjh" />
<el-input v-model="formData.fr.zjh" />
</td>
<td colspan="4" class="tdright">电话</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.fr.dh" />
<el-input v-model="formData.fr.dh" />
</td>
</tr>
<tr>
......@@ -234,7 +232,7 @@
</td>
<td class="tdright" colspan="2">代理人姓名</td>
<td colspan="6">
<input type="text" class="formInput" v-model="item.dlrfrmc" />
<el-input v-model="item.dlrfrmc" />
</td>
<td colspan="4" class="tdright">证件类型</td>
<td colspan="6">
......@@ -253,11 +251,11 @@
<tr :key="'dh'+index">
<td class="tdright" colspan="2">证件号码</td>
<td colspan="6">
<input type="text" class="formInput" v-model="item.zjh" />
<el-input v-model="item.zjh" />
</td>
<td colspan="4" class="tdright">电话</td>
<td colspan="6">
<input type="text" class="formInput" v-model="item.dh" />
<el-input v-model="item.dh" />
</td>
</tr>
</template>
......@@ -280,23 +278,23 @@
</td>
<td colspan="4" class="tdright">权利比例(%)</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.qlbl" />
<el-input v-model="formData.qlbl" ></el-input>
</td>
</tr>
<tr>
<td colspan="4" class="tdright">房产证号</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.fczh" />
<el-input v-model="formData.fczh" ></el-input>
</td>
<td colspan="4" class="tdright">土地证号</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.tdzh" />
<el-input v-model="formData.tdzh" ></el-input>
</td>
</tr>
<tr>
<td colspan="4" class="tdright">共有情况</td>
<td colspan="8">
<input type="text" class="formInput" v-model="formData.gyqk" />
<el-input v-model="formData.gyqk" ></el-input>
</td>
</tr>
</table>
......@@ -487,6 +485,8 @@
flag = false;
return false
}
console.log(this.tableData,'权利人信息')
console.log(this.$store.state.gyfsList[0].bsm,'确定之后共有方式')
})
this.$nextTick(()=>{
if (flag) {
......@@ -664,19 +664,18 @@
watch:{
tableData:{
handler:function (v) {
console.log(v,'权利人')
this.gyfsList[0].disabled = v.length() > 1;
this.gyfsList[0].disabled = v.length > 1;
} ,
deep:true
},
gyfsList:{
/* gyfsList:{
handler:function(v){
console.log(v,"共有方式")
//console.log(v,"共有方式")
},
deep:true
},
},*/
dialogVisible(n){
if(n == false){
if(n === false){
this.formData = {
addQjDlrFrRequest:[],
dlrList: [
......@@ -721,7 +720,7 @@
}
}
},
tableData(){
/* tableData(){
this.gyfsList = this.$store.state.gyfsList;
if(this.tableData.length>1){
for(let i = 0;i<this.gyfsList.length;i++){
......@@ -729,41 +728,41 @@
this.gyfsList[i].disabled = item.mc === "单独所有";
}
}
},
},*/
"formData.qlrlxbsm":function (val) {
console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
//console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
if (val != '') {
console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
// console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
this.$refs.qlrlxbsm.$el.style.border = '';
}
},
"formData.zjzlbsm":function (val) {
/* "formData.zjzlbsm":function (val) {
if (val != '') {
this.$refs.zjzlbsm.$el.style.border = '';
}
},
// "formData.gyfsbsm":function (val) {
// let ddsy = '';
// for(let i = 0;i<this.gyfsList.length;i++){
// if(this.gyfsList[i].mc === "单独所有"){
// ddsy = this.gyfsList[i].bsm
// }
// }
// if(ddsy === val){
// if(this.update){
// if(this.tableData.length > 1){
// this.$message.warning("权利人人数大于1,不能选择单独所有")
// }
// }else{
// if(this.tableData.length > 0){
// this.$message.warning("权利人人数大于1,不能选择单独所有")
// }
// }
//
// }
// }
"formData.gyfsbsm":function (val) {
let ddsy = '';
for(let i = 0;i<this.gyfsList.length;i++){
if(this.gyfsList[i].mc === "单独所有"){
ddsy = this.gyfsList[i].bsm
}
}
if(ddsy === val){
if(this.update){
if(this.tableData.length > 1){
this.$message.warning("权利人人数大于1,不能选择单独所有")
}
}else{
if(this.tableData.length > 0){
this.$message.warning("权利人人数大于1,不能选择单独所有")
}
}
}
}*/
}
};
</script>
......