幢单元表单样式修改
Showing
1 changed file
with
46 additions
and
33 deletions
... | @@ -5,34 +5,34 @@ | ... | @@ -5,34 +5,34 @@ |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr height="30"> | 7 | <tr height="30"> |
8 | <td colspan="12" align="center" ><font size="4">幢单元基本信息</font></td> | 8 | <td colspan="12" align="center" ><font size="4">幢单元基本信息</font></td> |
9 | </tr> | 9 | </tr> |
10 | <tr height="30"> | 10 | <tr height="30"> |
11 | <td colspan="2" align="center" >幢单元号</td> | 11 | <td colspan="2" align="center" class="tdright">幢单元号</td> |
12 | <td colspan="4" > | 12 | <td colspan="4" > |
13 | <el-input v-model="form.zdyh"></el-input> | 13 | <el-input v-model="form.zdyh"></el-input> |
14 | </td> | 14 | </td> |
15 | <td colspan="2" align="center" >幢单元名称</td> | 15 | <td colspan="2" align="center" class="tdright"><i class="requisite">*</i>幢单元名称</td> |
16 | <td colspan="4" > | 16 | <td colspan="4" > |
17 | <el-input v-model="form.zdymc"></el-input> | 17 | <el-input v-model="form.zdymc" ref="zdymc"></el-input> |
18 | </td> | 18 | </td> |
19 | </tr> | 19 | </tr> |
20 | <tr height="30"> | 20 | <tr height="30"> |
21 | <td colspan="2" align="center" >地上层数</td> | 21 | <td colspan="2" align="center" class="tdright">地上层数</td> |
22 | <td colspan="4" > | 22 | <td colspan="4" > |
23 | <el-input v-model="form.dscs"></el-input> | 23 | <el-input v-model="form.dscs"></el-input> |
24 | </td> | 24 | </td> |
25 | <td colspan="2" align="center" >地下层数</td> | 25 | <td colspan="2" align="center" class="tdright">地下层数</td> |
26 | <td colspan="4" > | 26 | <td colspan="4" > |
27 | <el-input v-model="form.dxcs"></el-input> | 27 | <el-input v-model="form.dxcs"></el-input> |
28 | </td> | 28 | </td> |
29 | </tr> | 29 | </tr> |
30 | <tr height="30"> | 30 | <tr height="30"> |
31 | <td colspan="2" align="center" >总层数</td> | 31 | <td colspan="2" align="center" class="tdright">总层数</td> |
32 | <td colspan="4" > | 32 | <td colspan="4" > |
33 | <el-input v-model="form.zcs"></el-input> | 33 | <el-input v-model="form.zcs"></el-input> |
34 | </td> | 34 | </td> |
35 | <td colspan="2" align="center" >备注</td> | 35 | <td colspan="2" align="center" class="tdright">备注</td> |
36 | <td colspan="4" > | 36 | <td colspan="4" > |
37 | <el-input v-model="form.bz"></el-input> | 37 | <el-input v-model="form.bz"></el-input> |
38 | </td> | 38 | </td> |
... | @@ -93,32 +93,37 @@ | ... | @@ -93,32 +93,37 @@ |
93 | submitForm(formName,zrzbsm,ljzbsm) { | 93 | submitForm(formName,zrzbsm,ljzbsm) { |
94 | this.form.zrzbsm=zrzbsm; | 94 | this.form.zrzbsm=zrzbsm; |
95 | this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm; | 95 | this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm; |
96 | //判断zdybsm是否为空,不为空的时候是编辑,为空的时候是新增 | 96 | if (this.form.zdymc == '') { |
97 | if (this.zdybsm == '') { | 97 | this.$message.warning("请完善表单后再继续操作"); |
98 | this.$refs[formName].validate((valid) => { | 98 | this.$refs.zdymc.$el.style.border = '1px solid red'; |
99 | if (valid) { | ||
100 | insertZdyInfo(this.form).then((res)=>{ | ||
101 | if(res.code===200){ | ||
102 | this.$message.success("保存成功!") | ||
103 | //更新树结构数据 | ||
104 | this.$parent.$parent.getLpbMenuTree(zrzbsm); | ||
105 | //关闭弹框 | ||
106 | this.$parent.$parent.closeDaialog() | ||
107 | } | ||
108 | return true; | ||
109 | }) | ||
110 | } else { | ||
111 | console.log('error submit!!'); | ||
112 | return false; | ||
113 | } | ||
114 | }); | ||
115 | }else{ | 99 | }else{ |
116 | //编辑幢单元接口 | 100 | //判断zdybsm是否为空,不为空的时候是编辑,为空的时候是新增 |
117 | updateQjZdy(this.form).then((res)=>{ | 101 | if (this.zdybsm == '') { |
118 | if(res.code === 200){ | 102 | this.$refs[formName].validate((valid) => { |
119 | this.$message.success("保存成功") | 103 | if (valid) { |
120 | } | 104 | insertZdyInfo(this.form).then((res)=>{ |
121 | }) | 105 | if(res.code===200){ |
106 | this.$message.success("保存成功!") | ||
107 | //更新树结构数据 | ||
108 | this.$parent.$parent.getLpbMenuTree(zrzbsm); | ||
109 | //关闭弹框 | ||
110 | this.$parent.$parent.closeDaialog() | ||
111 | } | ||
112 | return true; | ||
113 | }) | ||
114 | } else { | ||
115 | console.log('error submit!!'); | ||
116 | return false; | ||
117 | } | ||
118 | }); | ||
119 | }else{ | ||
120 | //编辑幢单元接口 | ||
121 | updateQjZdy(this.form).then((res)=>{ | ||
122 | if(res.code === 200){ | ||
123 | this.$message.success("保存成功") | ||
124 | } | ||
125 | }) | ||
126 | } | ||
122 | } | 127 | } |
123 | }, | 128 | }, |
124 | getZdyInfo(bsm){ | 129 | getZdyInfo(bsm){ |
... | @@ -150,6 +155,14 @@ | ... | @@ -150,6 +155,14 @@ |
150 | }, | 155 | }, |
151 | immediate: true | 156 | immediate: true |
152 | }, | 157 | }, |
158 | "form.zdymc":{ | ||
159 | handler: function (item) { | ||
160 | if(item!=''){ | ||
161 | this.$refs.zdymc.$el.style.border = ''; | ||
162 | } | ||
163 | }, | ||
164 | immediate: true | ||
165 | }, | ||
153 | } | 166 | } |
154 | } | 167 | } |
155 | </script> | 168 | </script> | ... | ... |
-
Please register or sign in to post a comment