9c248663 by 杨威

幢单元表单样式修改

1 parent b303a8ef
...@@ -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>
......