Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
598f15de by zhaoqian
Options

户表单的验证

1 parent 14e81702
Inline Side-by-side
Showing 2 changed files with 21 additions and 10 deletions
......@@ -79,7 +79,7 @@
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td>
<td colspan="6">
<el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm" @blur="inputBlur($event)">
<el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm">
<el-option
v-for="item in $store.state.qlrlxList"
:key="item.bsm"
......@@ -93,7 +93,7 @@
<tr>
<td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td>
<td colspan="6">
<el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm" @blur="inputBlur($event)">
<el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm">
<el-option
v-for="item in $store.state.zjzlList"
:key="item.bsm"
......
......@@ -66,7 +66,7 @@
<tr height="30">
<td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwlxbsm">
<el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm">
<el-option
v-for="item in $store.state.fwlxList"
:key="item.bsm"
......@@ -77,7 +77,7 @@
</td>
<td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwxzbsm">
<el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm">
<el-option
v-for="item in $store.state.fwxzOptions"
:key="item.bsm"
......@@ -127,7 +127,7 @@
<tr height="30">
<td colspan="2" align="center" >产别<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwcbbsm">
<el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm">
<el-option
v-for="item in $store.state.cbOptions"
:key="item.bsm"
......@@ -138,7 +138,7 @@
</td>
<td colspan="2" align="center" >产权来源<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwcqlybsm">
<el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" ref="fwcqlybsm">
<el-option
v-for="item in $store.state.cqlyOptions"
:key="item.bsm"
......@@ -204,11 +204,11 @@
<tr height="30">
<td colspan="2" align="center" >分摊系数</td>
<td colspan="2" align="center" >
<el-input v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs"></el-input>
<input class="formInput" v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs"></input>
</td>
<td colspan="2" align="center" >分摊系数</td>
<td colspan="2" align="center" >
<el-input v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs"></el-input>
<input class="formInput" v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs"></input>
</td>
</tr>
......@@ -327,7 +327,7 @@
<span>坐落<i class="requisite">*</i></span>
</td>
<td colspan="10" >
<el-input v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag"></el-input>
<input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag" />
</td>
</tr>
......@@ -840,7 +840,9 @@
let ftxsflag = true;
this.ftxsrules.forEach(item=>{
if(item.data !==""){
console.log(item.data+":item.data")
console.log(item.data !=="" +":item.data !==")
if(item.data !=="" && item.data !==null){
if(!item.rule.test(+item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
......@@ -1025,6 +1027,15 @@
immediate:false
},
"form.fwxzbsm":{
handler:function (val) {
if (val != '') {
this.$refs.fwxzbsm.$el.style.border = '';
}
},
immediate:false
},
"form.fwcqlybsm":{
handler:function (val) {
if (val != '') {
......