户表单的验证
Showing
2 changed files
with
21 additions
and
10 deletions
... | @@ -79,7 +79,7 @@ | ... | @@ -79,7 +79,7 @@ |
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"> |
82 | <el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm" @blur="inputBlur($event)"> | 82 | <el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm"> |
83 | <el-option | 83 | <el-option |
84 | v-for="item in $store.state.qlrlxList" | 84 | v-for="item in $store.state.qlrlxList" |
85 | :key="item.bsm" | 85 | :key="item.bsm" |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <tr> | 93 | <tr> |
94 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> | 94 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> |
95 | <td colspan="6"> | 95 | <td colspan="6"> |
96 | <el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm" @blur="inputBlur($event)"> | 96 | <el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm"> |
97 | <el-option | 97 | <el-option |
98 | v-for="item in $store.state.zjzlList" | 98 | v-for="item in $store.state.zjzlList" |
99 | :key="item.bsm" | 99 | :key="item.bsm" | ... | ... |
... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
66 | <tr height="30"> | 66 | <tr height="30"> |
67 | <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td> | 67 | <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td> |
68 | <td colspan="4" > | 68 | <td colspan="4" > |
69 | <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwlxbsm"> | 69 | <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm"> |
70 | <el-option | 70 | <el-option |
71 | v-for="item in $store.state.fwlxList" | 71 | v-for="item in $store.state.fwlxList" |
72 | :key="item.bsm" | 72 | :key="item.bsm" |
... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
77 | </td> | 77 | </td> |
78 | <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td> | 78 | <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td> |
79 | <td colspan="4" > | 79 | <td colspan="4" > |
80 | <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwxzbsm"> | 80 | <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm"> |
81 | <el-option | 81 | <el-option |
82 | v-for="item in $store.state.fwxzOptions" | 82 | v-for="item in $store.state.fwxzOptions" |
83 | :key="item.bsm" | 83 | :key="item.bsm" |
... | @@ -127,7 +127,7 @@ | ... | @@ -127,7 +127,7 @@ |
127 | <tr height="30"> | 127 | <tr height="30"> |
128 | <td colspan="2" align="center" >产别<i class="requisite">*</i></td> | 128 | <td colspan="2" align="center" >产别<i class="requisite">*</i></td> |
129 | <td colspan="4" > | 129 | <td colspan="4" > |
130 | <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwcbbsm"> | 130 | <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm"> |
131 | <el-option | 131 | <el-option |
132 | v-for="item in $store.state.cbOptions" | 132 | v-for="item in $store.state.cbOptions" |
133 | :key="item.bsm" | 133 | :key="item.bsm" |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | </td> | 138 | </td> |
139 | <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td> | 139 | <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td> |
140 | <td colspan="4" > | 140 | <td colspan="4" > |
141 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" @blur="inputBlur($event)" ref="fwcqlybsm"> | 141 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" ref="fwcqlybsm"> |
142 | <el-option | 142 | <el-option |
143 | v-for="item in $store.state.cqlyOptions" | 143 | v-for="item in $store.state.cqlyOptions" |
144 | :key="item.bsm" | 144 | :key="item.bsm" |
... | @@ -204,11 +204,11 @@ | ... | @@ -204,11 +204,11 @@ |
204 | <tr height="30"> | 204 | <tr height="30"> |
205 | <td colspan="2" align="center" >分摊系数</td> | 205 | <td colspan="2" align="center" >分摊系数</td> |
206 | <td colspan="2" align="center" > | 206 | <td colspan="2" align="center" > |
207 | <el-input v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs"></el-input> | 207 | <input class="formInput" v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs"></input> |
208 | </td> | 208 | </td> |
209 | <td colspan="2" align="center" >分摊系数</td> | 209 | <td colspan="2" align="center" >分摊系数</td> |
210 | <td colspan="2" align="center" > | 210 | <td colspan="2" align="center" > |
211 | <el-input v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs"></el-input> | 211 | <input class="formInput" v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs"></input> |
212 | </td> | 212 | </td> |
213 | </tr> | 213 | </tr> |
214 | 214 | ||
... | @@ -327,7 +327,7 @@ | ... | @@ -327,7 +327,7 @@ |
327 | <span>坐落<i class="requisite">*</i></span> | 327 | <span>坐落<i class="requisite">*</i></span> |
328 | </td> | 328 | </td> |
329 | <td colspan="10" > | 329 | <td colspan="10" > |
330 | <el-input v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag"></el-input> | 330 | <input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag" /> |
331 | </td> | 331 | </td> |
332 | </tr> | 332 | </tr> |
333 | 333 | ||
... | @@ -840,7 +840,9 @@ | ... | @@ -840,7 +840,9 @@ |
840 | let ftxsflag = true; | 840 | let ftxsflag = true; |
841 | 841 | ||
842 | this.ftxsrules.forEach(item=>{ | 842 | this.ftxsrules.forEach(item=>{ |
843 | if(item.data !==""){ | 843 | console.log(item.data+":item.data") |
844 | console.log(item.data !=="" +":item.data !==") | ||
845 | if(item.data !=="" && item.data !==null){ | ||
844 | if(!item.rule.test(+item.data) || item.data == null){ | 846 | if(!item.rule.test(+item.data) || item.data == null){ |
845 | if(item.dom.$el){ | 847 | if(item.dom.$el){ |
846 | item.dom.$el.style.border = '1px solid red'; | 848 | item.dom.$el.style.border = '1px solid red'; |
... | @@ -1025,6 +1027,15 @@ | ... | @@ -1025,6 +1027,15 @@ |
1025 | immediate:false | 1027 | immediate:false |
1026 | }, | 1028 | }, |
1027 | 1029 | ||
1030 | "form.fwxzbsm":{ | ||
1031 | handler:function (val) { | ||
1032 | if (val != '') { | ||
1033 | this.$refs.fwxzbsm.$el.style.border = ''; | ||
1034 | } | ||
1035 | }, | ||
1036 | immediate:false | ||
1037 | }, | ||
1038 | |||
1028 | "form.fwcqlybsm":{ | 1039 | "form.fwcqlybsm":{ |
1029 | handler:function (val) { | 1040 | handler:function (val) { |
1030 | if (val != '') { | 1041 | if (val != '') { | ... | ... |
-
Please register or sign in to post a comment