Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
9c248663 by 杨威
Options

幢单元表单样式修改

1 parent b303a8ef
Inline Side-by-side
Showing 1 changed file with 20 additions and 7 deletions
......@@ -8,31 +8,31 @@
<td colspan="12" align="center" ><font size="4">幢单元基本信息</font></td>
</tr>
<tr height="30">
<td colspan="2" align="center" >幢单元号</td>
<td colspan="2" align="center" class="tdright">幢单元号</td>
<td colspan="4" >
<el-input v-model="form.zdyh"></el-input>
</td>
<td colspan="2" align="center" >幢单元名称</td>
<td colspan="2" align="center" class="tdright"><i class="requisite">*</i>幢单元名称</td>
<td colspan="4" >
<el-input v-model="form.zdymc"></el-input>
<el-input v-model="form.zdymc" ref="zdymc"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >地上层数</td>
<td colspan="2" align="center" class="tdright">地上层数</td>
<td colspan="4" >
<el-input v-model="form.dscs"></el-input>
</td>
<td colspan="2" align="center" >地下层数</td>
<td colspan="2" align="center" class="tdright">地下层数</td>
<td colspan="4" >
<el-input v-model="form.dxcs"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >总层数</td>
<td colspan="2" align="center" class="tdright">总层数</td>
<td colspan="4" >
<el-input v-model="form.zcs"></el-input>
</td>
<td colspan="2" align="center" >备注</td>
<td colspan="2" align="center" class="tdright">备注</td>
<td colspan="4" >
<el-input v-model="form.bz"></el-input>
</td>
......@@ -93,6 +93,10 @@
submitForm(formName,zrzbsm,ljzbsm) {
this.form.zrzbsm=zrzbsm;
this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm;
if (this.form.zdymc == '') {
this.$message.warning("请完善表单后再继续操作");
this.$refs.zdymc.$el.style.border = '1px solid red';
}else{
//判断zdybsm是否为空，不为空的时候是编辑，为空的时候是新增
if (this.zdybsm == '') {
this.$refs[formName].validate((valid) => {
......@@ -120,6 +124,7 @@
}
})
}
}
},
getZdyInfo(bsm){
//查询幢单元信息接口
......@@ -150,6 +155,14 @@
},
immediate: true
},
"form.zdymc":{
handler: function (item) {
if(item!=''){
this.$refs.zdymc.$el.style.border = '';
}
},
immediate: true
},
}
}
</script>
......