Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
976ab248 by renchao@pashanhoo.com
Options

style:不动产数据

1 parent 9be74bbf
Inline Side-by-side
Showing 8 changed files with 1225 additions and 1259 deletions
1 .obligee-item {
2 display: flex;
3 height: 100%;
4 margin-bottom: 15px;
5 margin-right: 5px;
6
7 &-name {
8 display: flex;
9 align-items: center;
10 justify-content: center;
11 width: 20px;
12 padding: 10px 20px;
13 line-height: 28px;
14 border: 1px solid #ccc;
15 border-radius: 3px;
16 margin-left: 10px;
17 }
18
19 &-list {
20 width: 100%;
21 flex: 1;
22 display: flex;
23 justify-content: center;
24 flex-direction: column;
25 }
26 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -116,92 +116,67 @@ ...@@ -116,92 +116,67 @@
116 </div> 116 </div>
117 </template> 117 </template>
118 <script> 118 <script>
119 import djfDjSz from "@/api/djfDjSz"; 119 import djfDjSz from "@/api/djfDjSz";
120 import ruleMixin from "@/mixins/ruleMixin.js"; 120 import ruleMixin from "@/mixins/ruleMixin.js";
121 // 缮证信息 121 // 缮证信息
122 export default { 122 export default {
123 mixins: [ruleMixin], 123 mixins: [ruleMixin],
124 props: { 124 props: {
125 bsmSjsb: { 125 bsmSjsb: {
126 type: String, 126 type: String,
127 default: "", 127 default: ""
128 },
129 bsmYwsjb: {
130 type: String,
131 default: "",
132 },
133 },
134 data() {
135 return {
136 certificateInfo: {
137 ruleForm: [
138 {
139 YSDM: "",
140 YWH: "",
141 SZMC: "",
142 SZZH: "",
143 YSXLH: "",
144 SZRY: "",
145 SZSJ: "",
146 BZ: "",
147 QXDM: "",
148 },
149 ],
150 }, 128 },
151 }; 129 bsmYwsjb: {
152 }, 130 type: String,
153 methods: { 131 default: ""
154 async featchData() { 132 },
155 try { 133 },
156 let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb); 134 data () {
157 this.certificateInfo.ruleForm = res; 135 return {
158 //this.featchRule() 136 certificateInfo: {
159 } catch (error) { 137 ruleForm: [
160 this.$refs.msg.messageShow(); 138 {
139 YSDM: "",
140 YWH: "",
141 SZMC: "",
142 SZZH: "",
143 YSXLH: "",
144 SZRY: "",
145 SZSJ: "",
146 BZ: "",
147 QXDM: ""
148 }
149 ]
150 }
161 } 151 }
162 }, 152 },
163 handleUpdateForm() { 153 methods: {
164 return new Promise(async (resolve) => { 154 async featchData () {
165 try { 155 try {
166 let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm); 156 let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb);
167 // this.$refs['formList'].resetFields(); 157 this.certificateInfo.ruleForm = res;
168 resolve(res.code); 158 //this.featchRule()
169 } catch (error) { 159 } catch (error) {
170 this.$refs.msg.messageShow(); 160 this.$refs.msg.messageShow();
171 } 161 }
172 }); 162 },
173 }, 163 handleUpdateForm () {
174 }, 164 return new Promise(async (resolve) => {
175 }; 165 try {
166 let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm);
167 // this.$refs['formList'].resetFields();
168 resolve(res.code);
169 } catch (error) {
170 this.$refs.msg.messageShow();
171 }
172 })
173 }
174 }
175 }
176 </script> 176 </script>
177 <style scoped lang="scss"> 177 <style scoped lang="scss">
178 @import "./css/itemForm.scss"; 178 @import "./css/itemForm.scss";
179
180 .obligee-item {
181 display: flex;
182 height: 100%;
183 margin-bottom: 15px;
184 margin-right: 5px;
185
186 &-name {
187 display: flex;
188 align-items: center;
189 justify-content: center;
190 width: 20px;
191 padding: 10px 20px;
192 line-height: 28px;
193 border: 1px solid #ccc;
194 border-radius: 3px;
195 }
196
197 &-list {
198 width: 100%;
199 flex: 1;
200 display: flex;
201 justify-content: center;
202 flex-direction: column;
203 }
204 }
205 </style> 179 </style>
206 180
207 181
182
......
1 <template> 1 <template>
2 <div class="houseFloor itemForm"> 2 <div class="houseFloor itemForm">
3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key"> 3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key">
4 <el-row> 4 <div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
5 <el-col :span="8"> 5 <p class="obligee-item-name">层信息{{ index + 1 }}</p>
6 <el-form-item prop="YSDM"> 6 <div class="obligee-item-list">
7 <span slot="label"> 7 <el-row>
8 要素代码： <br /> 8 <el-col :span="8">
9 <p class="label-detail">（YSDM）</p> 9 <el-form-item prop="YSDM">
10 </span> 10 <span slot="label">
11 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input> 11 要素代码： <br />
12 </el-form-item> 12 <p class="label-detail">（YSDM）</p>
13 </el-col> 13 </span>
14 14 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
15 <el-col :span="8"> 15 </el-form-item>
16 <el-form-item prop="CH"> 16 </el-col>
17 <span slot="label"> 17
18 层号： <br /> 18 <el-col :span="8">
19 <p class="label-detail">（CH）</p> 19 <el-form-item prop="CH">
20 </span> 20 <span slot="label">
21 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></el-input> 21 层号： <br />
22 </el-form-item> 22 <p class="label-detail">（CH）</p>
23 </el-col> 23 </span>
24 24 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></el-input>
25 <el-col :span="8"> 25 </el-form-item>
26 <el-form-item prop="ZRZH"> 26 </el-col>
27 <span slot="label"> 27
28 自然幢号： <br /> 28 <el-col :span="8">
29 <p class="label-detail">（ZRZH）</p> 29 <el-form-item prop="ZRZH">
30 </span> 30 <span slot="label">
31 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh"></el-input> 31 自然幢号： <br />
32 </el-form-item> 32 <p class="label-detail">（ZRZH）</p>
33 </el-col> 33 </span>
34 </el-row> 34 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zrzh"></el-input>
35 35 </el-form-item>
36 <el-row> 36 </el-col>
37 <el-col :span="8"> 37 </el-row>
38 <el-form-item prop="SJC"> 38
39 <span slot="label"> 39 <el-row>
40 实际层： <br /> 40 <el-col :span="8">
41 <p class="label-detail">（SJC）</p> 41 <el-form-item prop="SJC">
42 </span> 42 <span slot="label">
43 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.sjc"></el-input> 43 实际层： <br />
44 </el-form-item> 44 <p class="label-detail">（SJC）</p>
45 </el-col> 45 </span>
46 46 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].sjc"></el-input>
47 <el-col :span="8"> 47 </el-form-item>
48 <el-form-item prop="MYC"> 48 </el-col>
49 <span slot="label"> 49
50 名义层： <br /> 50 <el-col :span="8">
51 <p class="label-detail">（MYC）</p> 51 <el-form-item prop="MYC">
52 </span> 52 <span slot="label">
53 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.myc"></el-input> 53 名义层： <br />
54 </el-form-item> 54 <p class="label-detail">（MYC）</p>
55 </el-col> 55 </span>
56 56 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].myc"></el-input>
57 <el-col :span="8"> 57 </el-form-item>
58 <el-form-item prop="CJZMJ" :rules="{ type: 'number' }"> 58 </el-col>
59 <span slot="label"> 59
60 层建筑面积： <br /> 60 <el-col :span="8">
61 <p class="label-detail">（CJZMJ）</p> 61 <el-form-item prop="CJZMJ" :rules="{ type: 'number' }">
62 </span> 62 <span slot="label">
63 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 63 层建筑面积： <br />
64 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 64 <p class="label-detail">（CJZMJ）</p>
65 v-model.number="ruleForm.cjzmj"></el-input-number> 65 </span>
66 </el-form-item> 66 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
67 </el-col> 67 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
68 </el-row> 68 v-model.number="ruleForm[index].cjzmj"></el-input-number>
69 69 </el-form-item>
70 <el-row> 70 </el-col>
71 <el-col :span="8"> 71 </el-row>
72 <el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }"> 72
73 <span slot="label"> 73 <el-row>
74 层套内建筑面积： <br /> 74 <el-col :span="8">
75 <p class="label-detail">（CTNJZMJ）</p> 75 <el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }">
76 </span> 76 <span slot="label">
77 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 77 层套内建筑面积： <br />
78 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 78 <p class="label-detail">（CTNJZMJ）</p>
79 v-model.number="ruleForm.ctnjzmj"></el-input-number> 79 </span>
80 </el-form-item> 80 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
81 </el-col> 81 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
82 82 v-model.number="ruleForm[index].ctnjzmj"></el-input-number>
83 <el-col :span="8"> 83 </el-form-item>
84 <el-form-item prop="CYTMJ" :rules="{ type: 'number' }"> 84 </el-col>
85 <span slot="label"> 85
86 层阳台面积： <br /> 86 <el-col :span="8">
87 <p class="label-detail">（CYTMJ）</p> 87 <el-form-item prop="CYTMJ" :rules="{ type: 'number' }">
88 </span> 88 <span slot="label">
89 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 89 层阳台面积： <br />
90 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 90 <p class="label-detail">（CYTMJ）</p>
91 v-model.number="ruleForm.cytmj"></el-input-number> 91 </span>
92 </el-form-item> 92 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
93 </el-col> 93 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
94 94 v-model.number="ruleForm[index].cytmj"></el-input-number>
95 <el-col :span="8"> 95 </el-form-item>
96 <el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }"> 96 </el-col>
97 <span slot="label"> 97
98 层共有建筑面积： <br /> 98 <el-col :span="8">
99 <p class="label-detail">（CGYJZMJ）</p> 99 <el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }">
100 </span> 100 <span slot="label">
101 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 101 层共有建筑面积： <br />
102 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 102 <p class="label-detail">（CGYJZMJ）</p>
103 v-model.number="ruleForm.cgyjzmj"></el-input-number> 103 </span>
104 </el-form-item> 104 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
105 </el-col> 105 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
106 </el-row> 106 v-model.number="ruleForm[index].cgyjzmj"></el-input-number>
107 107 </el-form-item>
108 <el-row> 108 </el-col>
109 <el-col :span="8"> 109 </el-row>
110 <el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }"> 110
111 <span slot="label"> 111 <el-row>
112 层分摊建筑面积： <br /> 112 <el-col :span="8">
113 <p class="label-detail">（CFTJZMJ）</p> 113 <el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }">
114 </span> 114 <span slot="label">
115 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 115 层分摊建筑面积： <br />
116 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 116 <p class="label-detail">（CFTJZMJ）</p>
117 v-model.number="ruleForm.cftjzmj"></el-input-number> 117 </span>
118 </el-form-item> 118 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
119 </el-col> 119 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
120 120 v-model.number="ruleForm[index].cftjzmj"></el-input-number>
121 <el-col :span="8"> 121 </el-form-item>
122 <el-form-item prop="CBQMJ" :rules="{ type: 'number' }"> 122 </el-col>
123 <span slot="label"> 123
124 层半墙面积： <br /> 124 <el-col :span="8">
125 <p class="label-detail">（CBQMJ）</p> 125 <el-form-item prop="CBQMJ" :rules="{ type: 'number' }">
126 </span> 126 <span slot="label">
127 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 127 层半墙面积： <br />
128 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 128 <p class="label-detail">（CBQMJ）</p>
129 v-model.number="ruleForm.cbqmj"></el-input-number> 129 </span>
130 </el-form-item> 130 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
131 </el-col> 131 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
132 132 v-model.number="ruleForm[index].cbqmj"></el-input-number>
133 <el-col :span="8"> 133 </el-form-item>
134 <el-form-item prop="CG" :rules="{ type: 'number' }"> 134 </el-col>
135 <span slot="label"> 135
136 层高： <br /> 136 <el-col :span="8">
137 <p class="label-detail">（CG）</p> 137 <el-form-item prop="CG" :rules="{ type: 'number' }">
138 </span> 138 <span slot="label">
139 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 139 层高： <br />
140 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" v-model.number="ruleForm.cg"> 140 <p class="label-detail">（CG）</p>
141 </el-input-number> 141 </span>
142 </el-form-item> 142 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
143 </el-col> 143 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" v-model.number="ruleForm[index].cg">
144 </el-row> 144 </el-input-number>
145 145 </el-form-item>
146 <el-row> 146 </el-col>
147 <el-col :span="8"> 147 </el-row>
148 <el-form-item prop="SPTYMJ" :rules="{ type: 'number' }"> 148
149 <span slot="label"> 149 <el-row>
150 水平投影面积： <br /> 150 <el-col :span="8">
151 <p class="label-detail">（SPTYMJ）</p> 151 <el-form-item prop="SPTYMJ" :rules="{ type: 'number' }">
152 </span> 152 <span slot="label">
153 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 153 水平投影面积： <br />
154 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 154 <p class="label-detail">（SPTYMJ）</p>
155 v-model.number="ruleForm.sptymj"></el-input-number> 155 </span>
156 </el-form-item> 156 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
157 </el-col> 157 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
158 158 v-model.number="ruleForm[index].sptymj"></el-input-number>
159 <el-col :span="8"> 159 </el-form-item>
160 <el-form-item prop="QXDM"> 160 </el-col>
161 <span slot="label"> 161
162 区县代码： <br /> 162 <el-col :span="8">
163 <p class="label-detail">（QXDM）</p> 163 <el-form-item prop="QXDM">
164 </span> 164 <span slot="label">
165 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input> 165 区县代码： <br />
166 </el-form-item> 166 <p class="label-detail">（QXDM）</p>
167 </el-col> 167 </span>
168 </el-row> 168 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].qxdm"></el-input>
169 </el-form-item>
170 </el-col>
171 </el-row>
172 </div>
173 </div>
174
169 </el-form> 175 </el-form>
170 <message-tips ref="msg" /> 176 <message-tips ref="msg" />
171 </div> 177 </div>
172 </template> 178 </template>
173 <script> 179 <script>
174 // 层信息 180 // 层信息
175 import kttFwC from "@/api/kttFwC"; 181 import kttFwC from "@/api/kttFwC";
176 import ruleMixin from "@/mixins/ruleMixin.js"; 182 import ruleMixin from "@/mixins/ruleMixin.js";
177 export default { 183 export default {
178 mixins: [ruleMixin], 184 mixins: [ruleMixin],
179 props: { 185 props: {
180 bsmSjsb: { 186 bsmSjsb: {
181 type: String, 187 type: String,
182 default: "", 188 default: ""
183 },
184 bsmYwsjb: {
185 type: String,
186 default: "",
187 },
188 },
189 data() {
190 return {
191 ruleForm: {
192 YSDM: "",
193 CH: "",
194 ZRZH: "",
195 SJC: "",
196 MYC: "",
197 CJZMJ: "",
198 CTNJZMJ: "",
199 CYTMJ: "",
200 CGYJZMJ: "",
201 CFTJZMJ: "",
202 CBQMJ: "",
203 CG: "",
204 SPTYMJ: "",
205 QXDM: "",
206 }, 189 },
207 }; 190 bsmYwsjb: {
208 }, 191 type: String,
209 methods: { 192 default: ""
210 async featchData() { 193 },
211 try { 194 },
212 let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb); 195 data () {
213 this.ruleForm = res; 196 return {
214 //this.featchRule() 197 ruleForm: [{
215 } catch (error) { 198 YSDM: "",
216 this.$refs.msg.messageShow(); 199 CH: "",
200 ZRZH: "",
201 SJC: "",
202 MYC: "",
203 CJZMJ: "",
204 CTNJZMJ: "",
205 CYTMJ: "",
206 CGYJZMJ: "",
207 CFTJZMJ: "",
208 CBQMJ: "",
209 CG: "",
210 SPTYMJ: "",
211 QXDM: ""
212 }]
217 } 213 }
218 }, 214 },
219 handleUpdateForm() { 215 methods: {
220 return new Promise(async (resolve, reject) => { 216 async featchData () {
221 try { 217 try {
222 let res = await kttFwC.updateKttFwC(this.ruleForm); 218 let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb);
223 // this.$refs['formList'].resetFields(); 219 this.ruleForm = res;
224 resolve(res.code); 220 //this.featchRule()
225 } catch (error) { 221 } catch (error) {
226 this.$refs.msg.messageShow(); 222 this.$refs.msg.messageShow()
227 } 223 }
228 }); 224 },
229 }, 225 handleUpdateForm () {
230 }, 226 return new Promise(async (resolve, reject) => {
231 }; 227 try {
228 let res = await kttFwC.updateKttFwC(this.ruleForm);
229 // this.$refs['formList'].resetFields();
230 resolve(res.code);
231 } catch (error) {
232 this.$refs.msg.messageShow()
233 }
234 })
235 }
236 }
237 };
232 </script> 238 </script>
233 <style scoped lang="scss"> 239 <style scoped lang="scss">
234 @import "./css/itemForm.scss"; 240 @import "./css/itemForm.scss";
235 </style> 241 </style>
236 242
237 243
......
1 <template> 1 <template>
2 <div class="households itemForm"> 2 <div class="households itemForm">
3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key"> 3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
4 <el-row> 4
5 <el-col :span="8"> 5 <div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
6 <el-form-item prop="YSDM"> 6 <p class="obligee-item-name">户信息{{ index + 1 }}</p>
7 <span slot="label"> 7 <div class="obligee-item-list">
8 要素代码： <br /> 8 <el-row>
9 <p class="label-detail">（YSDM）</p> 9 <el-col :span="8">
10 </span> 10 <el-form-item prop="YSDM">
11 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input> 11 <span slot="label">
12 </el-form-item> 12 要素代码： <br />
13 </el-col> 13 <p class="label-detail">（YSDM）</p>
14 14 </span>
15 <el-col :span="8"> 15 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
16 <el-form-item prop="BDCDYH"> 16 </el-form-item>
17 <span slot="label"> 17 </el-col>
18 不动产单元号： <br /> 18
19 <p class="label-detail">（BDCDYH）</p> 19 <el-col :span="8">
20 </span> 20 <el-form-item prop="BDCDYH">
21 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bdcdyh"></el-input> 21 <span slot="label">
22 </el-form-item> 22 不动产单元号： <br />
23 </el-col> 23 <p class="label-detail">（BDCDYH）</p>
24 24 </span>
25 <el-col :span="8"> 25 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].bdcdyh"></el-input>
26 <el-form-item prop="LJZH"> 26 </el-form-item>
27 <span slot="label"> 27 </el-col>
28 逻辑幢号： <br /> 28
29 <p class="label-detail">（LJZH）</p> 29 <el-col :span="8">
30 </span> 30 <el-form-item prop="LJZH">
31 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh"></el-input> 31 <span slot="label">
32 </el-form-item> 32 逻辑幢号： <br />
33 </el-col> 33 <p class="label-detail">（LJZH）</p>
34 </el-row> 34 </span>
35 35 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ljzh"></el-input>
36 <el-row> 36 </el-form-item>
37 <el-col :span="8"> 37 </el-col>
38 <el-form-item prop="ZRZH"> 38 </el-row>
39 <span slot="label"> 39
40 自然幢号： <br /> 40 <el-row>
41 <p class="label-detail">（ZRZH）</p> 41 <el-col :span="8">
42 </span> 42 <el-form-item prop="ZRZH">
43 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh"></el-input> 43 <span slot="label">
44 </el-form-item> 44 自然幢号： <br />
45 </el-col> 45 <p class="label-detail">（ZRZH）</p>
46 46 </span>
47 <el-col :span="8"> 47 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zrzh"></el-input>
48 <el-form-item prop="FWBM"> 48 </el-form-item>
49 <span slot="label"> 49 </el-col>
50 房屋编码： <br /> 50
51 <p class="label-detail">（FWBM）</p> 51 <el-col :span="8">
52 </span> 52 <el-form-item prop="FWBM">
53 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwbm"></el-input> 53 <span slot="label">
54 </el-form-item> 54 房屋编码： <br />
55 </el-col> 55 <p class="label-detail">（FWBM）</p>
56 56 </span>
57 <el-col :span="8"> 57 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwbm"></el-input>
58 <el-form-item prop="CH"> 58 </el-form-item>
59 <span slot="label"> 59 </el-col>
60 层号： <br /> 60
61 <p class="label-detail">（CH）</p> 61 <el-col :span="8">
62 </span> 62 <el-form-item prop="CH">
63 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></el-input> 63 <span slot="label">
64 </el-form-item> 64 层号： <br />
65 </el-col> 65 <p class="label-detail">（CH）</p>
66 </el-row> 66 </span>
67 67 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></el-input>
68 <el-row> 68 </el-form-item>
69 <el-col :span="8"> 69 </el-col>
70 <el-form-item prop="ZL"> 70 </el-row>
71 <span slot="label"> 71
72 坐落： <br /> 72 <el-row>
73 <p class="label-detail">（ZL）</p> 73 <el-col :span="8">
74 </span> 74 <el-form-item prop="ZL">
75 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zl"></el-input> 75 <span slot="label">
76 </el-form-item> 76 坐落： <br />
77 </el-col> 77 <p class="label-detail">（ZL）</p>
78 78 </span>
79 <el-col :span="8"> 79 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zl"></el-input>
80 <el-form-item prop="MJDW"> 80 </el-form-item>
81 <span slot="label"> 81 </el-col>
82 面积单位： <br /> 82
83 <p class="label-detail">（MJDW）</p> 83 <el-col :span="8">
84 </span> 84 <el-form-item prop="MJDW">
85 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.mjdw"> 85 <span slot="label">
86 <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 86 面积单位： <br />
87 </el-option> 87 <p class="label-detail">（MJDW）</p>
88 </el-select> 88 </span>
89 </el-form-item> 89 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].mjdw">
90 </el-col> 90 <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
91 91 </el-option>
92 <el-col :span="8"> 92 </el-select>
93 <el-form-item prop="SJCS"> 93 </el-form-item>
94 <span slot="label"> 94 </el-col>
95 实际层数： <br /> 95
96 <p class="label-detail">（SJCS）</p> 96 <el-col :span="8">
97 </span> 97 <el-form-item prop="SJCS">
98 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 98 <span slot="label">
99 v-only-number="{ max: 99999, min: 1, precision: 0 }" v-model="ruleForm.sjcs"></el-input-number> 99 实际层数： <br />
100 </el-form-item> 100 <p class="label-detail">（SJCS）</p>
101 </el-col> 101 </span>
102 </el-row> 102 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
103 103 v-only-number="{ max: 99999, min: 1, precision: 0 }" v-model="ruleForm[index].sjcs"></el-input-number>
104 <el-row> 104 </el-form-item>
105 <el-col :span="8"> 105 </el-col>
106 <el-form-item prop="HH"> 106 </el-row>
107 <span slot="label"> 107
108 户号： <br /> 108 <el-row>
109 <p class="label-detail">（HH）</p> 109 <el-col :span="8">
110 </span> 110 <el-form-item prop="HH">
111 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm.hh" 111 <span slot="label">
112 v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input-number> 112 户号： <br />
113 </el-form-item> 113 <p class="label-detail">（HH）</p>
114 </el-col> 114 </span>
115 115 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model="ruleForm[index].hh"
116 <el-col :span="8"> 116 v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input-number>
117 <el-form-item prop="SHBW"> 117 </el-form-item>
118 <span slot="label"> 118 </el-col>
119 室号部位： <br /> 119
120 <p class="label-detail">（SHBW）</p> 120 <el-col :span="8">
121 </span> 121 <el-form-item prop="SHBW">
122 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.shbw"></el-input> 122 <span slot="label">
123 </el-form-item> 123 室号部位： <br />
124 </el-col> 124 <p class="label-detail">（SHBW）</p>
125 125 </span>
126 <el-col :span="8"> 126 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].shbw"></el-input>
127 <el-form-item prop="HX"> 127 </el-form-item>
128 <span slot="label"> 128 </el-col>
129 户型： <br /> 129
130 <p class="label-detail">（HX）</p> 130 <el-col :span="8">
131 </span> 131 <el-form-item prop="HX">
132 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hx"> 132 <span slot="label">
133 <el-option v-for="item in dicData['A15']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 133 户型： <br />
134 </el-option> 134 <p class="label-detail">（HX）</p>
135 </el-select> 135 </span>
136 </el-form-item> 136 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].hx">
137 </el-col> 137 <el-option v-for="item in dicData['A15']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
138 </el-row> 138 </el-option>
139 139 </el-select>
140 <el-row> 140 </el-form-item>
141 <el-col :span="8"> 141 </el-col>
142 <el-form-item prop="HXJG"> 142 </el-row>
143 <span slot="label"> 143
144 户型结构： <br /> 144 <el-row>
145 <p class="label-detail">（HXJG）</p> 145 <el-col :span="8">
146 </span> 146 <el-form-item prop="HXJG">
147 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.hxjg"> 147 <span slot="label">
148 <el-option v-for="item in dicData['A16']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 148 户型结构： <br />
149 </el-option> 149 <p class="label-detail">（HXJG）</p>
150 </el-select> 150 </span>
151 </el-form-item> 151 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].hxjg">
152 </el-col> 152 <el-option v-for="item in dicData['A16']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
153 153 </el-option>
154 <el-col :span="8"> 154 </el-select>
155 <el-form-item prop="FWYT1"> 155 </el-form-item>
156 <span slot="label"> 156 </el-col>
157 房屋用途1： <br /> 157
158 <p class="label-detail">（FWYT1）</p> 158 <el-col :span="8">
159 </span> 159 <el-form-item prop="FWYT1">
160 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt1"> 160 <span slot="label">
161 <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 161 房屋用途1： <br />
162 </el-option> 162 <p class="label-detail">（FWYT1）</p>
163 </el-select> 163 </span>
164 </el-form-item> 164 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt1">
165 </el-col> 165 <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
166 166 </el-option>
167 <el-col :span="8"> 167 </el-select>
168 <el-form-item prop="FWYT2"> 168 </el-form-item>
169 <span slot="label"> 169 </el-col>
170 房屋用途2： <br /> 170
171 <p class="label-detail">（FWYT2）</p> 171 <el-col :span="8">
172 </span> 172 <el-form-item prop="FWYT2">
173 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2"> 173 <span slot="label">
174 <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 174 房屋用途2： <br />
175 </el-option> 175 <p class="label-detail">（FWYT2）</p>
176 </el-select> 176 </span>
177 </el-form-item> 177 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt2">
178 </el-col> 178 <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
179 </el-row> 179 </el-option>
180 180 </el-select>
181 <el-row> 181 </el-form-item>
182 <el-col :span="8"> 182 </el-col>
183 <el-form-item prop="FWYT3"> 183 </el-row>
184 <span slot="label"> 184
185 房屋用途3： <br /> 185 <el-row>
186 <p class="label-detail">（FWYT3）</p> 186 <el-col :span="8">
187 </span> 187 <el-form-item prop="FWYT3">
188 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3"> 188 <span slot="label">
189 <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 189 房屋用途3： <br />
190 </el-option> 190 <p class="label-detail">（FWYT3）</p>
191 </el-select> 191 </span>
192 </el-form-item> 192 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt3">
193 </el-col> 193 <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
194 194 </el-option>
195 <el-col :span="8"> 195 </el-select>
196 <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }"> 196 </el-form-item>
197 <span slot="label"> 197 </el-col>
198 预测建筑面积： <br /> 198
199 <p class="label-detail">（YCJZMJ）</p> 199 <el-col :span="8">
200 </span> 200 <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
201 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 201 <span slot="label">
202 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number" 202 预测建筑面积： <br />
203 v-model.number="ruleForm.ycjzmj"></el-input-number> 203 <p class="label-detail">（YCJZMJ）</p>
204 </el-form-item> 204 </span>
205 </el-col> 205 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
206 206 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
207 <el-col :span="8"> 207 v-model.number="ruleForm[index].ycjzmj"></el-input-number>
208 <el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }"> 208 </el-form-item>
209 <span slot="label"> 209 </el-col>
210 预测套内建筑面积： <br /> 210
211 <p class="label-detail">（YCTNJZMJ）</p> 211 <el-col :span="8">
212 </span> 212 <el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }">
213 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 213 <span slot="label">
214 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number" 214 预测套内建筑面积： <br />
215 v-model.number="ruleForm.yctnjzmj"></el-input-number> 215 <p class="label-detail">（YCTNJZMJ）</p>
216 </el-form-item> 216 </span>
217 </el-col> 217 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
218 </el-row> 218 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
219 219 v-model.number="ruleForm[index].yctnjzmj"></el-input-number>
220 <el-row> 220 </el-form-item>
221 <el-col :span="8"> 221 </el-col>
222 <el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }"> 222 </el-row>
223 <span slot="label"> 223
224 预测分摊建筑面积： <br /> 224 <el-row>
225 <p class="label-detail">（YCFTJZMJ）</p> 225 <el-col :span="8">
226 </span> 226 <el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }">
227 <el-input :disabled="$store.state.business.Edit" 227 <span slot="label">
228 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number" 228 预测分摊建筑面积： <br />
229 v-model.number="ruleForm.ycftjzmj"></el-input> 229 <p class="label-detail">（YCFTJZMJ）</p>
230 </el-form-item> 230 </span>
231 </el-col> 231 <el-input :disabled="$store.state.business.Edit"
232 232 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
233 <el-col :span="8"> 233 v-model.number="ruleForm[index].ycftjzmj"></el-input>
234 <el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }"> 234 </el-form-item>
235 <span slot="label"> 235 </el-col>
236 预测地下部分建筑面积： <br /> 236
237 <p class="label-detail">（YCDXBFJZMJ）</p> 237 <el-col :span="8">
238 </span> 238 <el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }">
239 <el-input controls-position="right" :disabled="$store.state.business.Edit" 239 <span slot="label">
240 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number" 240 预测地下部分建筑面积： <br />
241 v-model.number="ruleForm.ycdxbfjzmj"></el-input> 241 <p class="label-detail">（YCDXBFJZMJ）</p>
242 </el-form-item> 242 </span>
243 </el-col> 243 <el-input controls-position="right" :disabled="$store.state.business.Edit"
244 244 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
245 <el-col :span="8"> 245 v-model.number="ruleForm[index].ycdxbfjzmj"></el-input>
246 <el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }"> 246 </el-form-item>
247 <span slot="label"> 247 </el-col>
248 预测其它建筑面积： <br /> 248
249 <p class="label-detail">（YCQTJZMJ）</p> 249 <el-col :span="8">
250 </span> 250 <el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }">
251 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 251 <span slot="label">
252 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number" 252 预测其它建筑面积： <br />
253 v-model.number="ruleForm.ycqtjzmj"></el-input-number> 253 <p class="label-detail">（YCQTJZMJ）</p>
254 </el-form-item> 254 </span>
255 </el-col> 255 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
256 </el-row> 256 v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" title="" type="number"
257 257 v-model.number="ruleForm[index].ycqtjzmj"></el-input-number>
258 <!-- 预测分摊系数 --> 258 </el-form-item>
259 <el-row> 259 </el-col>
260 <el-col :span="8"> 260 </el-row>
261 <el-form-item prop="YCFTXS" :rules="{ type: 'number' }"> 261
262 <span slot="label"> 262 <!-- 预测分摊系数 -->
263 预测分摊系数： <br /> 263 <el-row>
264 <p class="label-detail">（YCFTXS）</p> 264 <el-col :span="8">
265 </span> 265 <el-form-item prop="YCFTXS" :rules="{ type: 'number' }">
266 <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ycftxs" title="" type="number" 266 <span slot="label">
267 v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input> 267 预测分摊系数： <br />
268 </el-form-item> 268 <p class="label-detail">（YCFTXS）</p>
269 </el-col> 269 </span>
270 270 <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm[index].ycftxs" title="" type="number"
271 <el-col :span="8"> 271 v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
272 <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }"> 272 </el-form-item>
273 <span slot="label"> 273 </el-col>
274 实测建筑面积： <br /> 274
275 <p class="label-detail">（SCJZMJ）</p> 275 <el-col :span="8">
276 </span> 276 <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
277 <el-input :disabled="$store.state.business.Edit" 277 <span slot="label">
278 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 278 实测建筑面积： <br />
279 v-model.number="ruleForm.scjzmj"></el-input> 279 <p class="label-detail">（SCJZMJ）</p>
280 </el-form-item> 280 </span>
281 </el-col> 281 <el-input :disabled="$store.state.business.Edit"
282 282 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
283 <el-col :span="8"> 283 v-model.number="ruleForm[index].scjzmj"></el-input>
284 <el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }"> 284 </el-form-item>
285 <span slot="label"> 285 </el-col>
286 实测套内建筑面积： <br /> 286
287 <p class="label-detail">（SCTNJZMJ）</p> 287 <el-col :span="8">
288 </span> 288 <el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }">
289 <el-input :disabled="$store.state.business.Edit" 289 <span slot="label">
290 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 290 实测套内建筑面积： <br />
291 v-model.number="ruleForm.sctnjzmj"></el-input> 291 <p class="label-detail">（SCTNJZMJ）</p>
292 </el-form-item> 292 </span>
293 </el-col> 293 <el-input :disabled="$store.state.business.Edit"
294 </el-row> 294 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
295 295 v-model.number="ruleForm[index].sctnjzmj"></el-input>
296 <!-- 实测分摊建筑面积 --> 296 </el-form-item>
297 <el-row> 297 </el-col>
298 <el-col :span="8"> 298 </el-row>
299 <el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }"> 299
300 <span slot="label"> 300 <!-- 实测分摊建筑面积 -->
301 实测分摊建筑面积： <br /> 301 <el-row>
302 <p class="label-detail">（SCFTJZMJ）</p> 302 <el-col :span="8">
303 </span> 303 <el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }">
304 <el-input :disabled="$store.state.business.Edit" 304 <span slot="label">
305 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 305 实测分摊建筑面积： <br />
306 v-model.number="ruleForm.scftjzmj"></el-input> 306 <p class="label-detail">（SCFTJZMJ）</p>
307 </el-form-item> 307 </span>
308 </el-col> 308 <el-input :disabled="$store.state.business.Edit"
309 309 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
310 <el-col :span="8"> 310 v-model.number="ruleForm[index].scftjzmj"></el-input>
311 <el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }"> 311 </el-form-item>
312 <span slot="label"> 312 </el-col>
313 实测地下部分建筑面积： <br /> 313
314 <p class="label-detail">（SCDXBFJZMJ）</p> 314 <el-col :span="8">
315 </span> 315 <el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }">
316 <el-input :disabled="$store.state.business.Edit" 316 <span slot="label">
317 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 317 实测地下部分建筑面积： <br />
318 v-model.number="ruleForm.scdxbfjzmj"></el-input> 318 <p class="label-detail">（SCDXBFJZMJ）</p>
319 </el-form-item> 319 </span>
320 </el-col> 320 <el-input :disabled="$store.state.business.Edit"
321 321 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
322 <el-col :span="8"> 322 v-model.number="ruleForm[index].scdxbfjzmj"></el-input>
323 <el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }"> 323 </el-form-item>
324 <span slot="label"> 324 </el-col>
325 实测其它建筑面积： <br /> 325
326 <p class="label-detail">（SCQTJZMJ）</p> 326 <el-col :span="8">
327 </span> 327 <el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }">
328 <el-input :disabled="$store.state.business.Edit" 328 <span slot="label">
329 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 329 实测其它建筑面积： <br />
330 v-model.number="ruleForm.scqtjzmj"></el-input> 330 <p class="label-detail">（SCQTJZMJ）</p>
331 </el-form-item> 331 </span>
332 </el-col> 332 <el-input :disabled="$store.state.business.Edit"
333 </el-row> 333 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
334 334 v-model.number="ruleForm[index].scqtjzmj"></el-input>
335 <!-- 实测分摊系数 --> 335 </el-form-item>
336 <el-row> 336 </el-col>
337 <el-col :span="8"> 337 </el-row>
338 <el-form-item prop="SCFTXS" :rules="{ type: 'number' }"> 338
339 <span slot="label"> 339 <!-- 实测分摊系数 -->
340 实测分摊系数： <br /> 340 <el-row>
341 <p class="label-detail">（SCFTXS）</p> 341 <el-col :span="8">
342 </span> 342 <el-form-item prop="SCFTXS" :rules="{ type: 'number' }">
343 <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.scftxs" title="" type="number" 343 <span slot="label">
344 v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input> 344 实测分摊系数： <br />
345 </el-form-item> 345 <p class="label-detail">（SCFTXS）</p>
346 </el-col> 346 </span>
347 347 <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm[index].scftxs" title="" type="number"
348 <el-col :span="8"> 348 v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
349 <el-form-item prop="GYTDMJ" :rules="{ type: 'number' }"> 349 </el-form-item>
350 <span slot="label"> 350 </el-col>
351 共有土地面积： <br /> 351
352 <p class="label-detail">（GYTDMJ）</p> 352 <el-col :span="8">
353 </span> 353 <el-form-item prop="GYTDMJ" :rules="{ type: 'number' }">
354 <el-input :disabled="$store.state.business.Edit" 354 <span slot="label">
355 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 355 共有土地面积： <br />
356 v-model.number="ruleForm.gytdmj"></el-input> 356 <p class="label-detail">（GYTDMJ）</p>
357 </el-form-item> 357 </span>
358 </el-col> 358 <el-input :disabled="$store.state.business.Edit"
359 359 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
360 <el-col :span="8"> 360 v-model.number="ruleForm[index].gytdmj"></el-input>
361 <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }"> 361 </el-form-item>
362 <span slot="label"> 362 </el-col>
363 分摊土地面积： <br /> 363
364 <p class="label-detail">（FTTDMJ）</p> 364 <el-col :span="8">
365 </span> 365 <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
366 <el-input :disabled="$store.state.business.Edit" 366 <span slot="label">
367 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 367 分摊土地面积： <br />
368 v-model.number="ruleForm.fttdmj"></el-input> 368 <p class="label-detail">（FTTDMJ）</p>
369 </el-form-item> 369 </span>
370 </el-col> 370 <el-input :disabled="$store.state.business.Edit"
371 </el-row> 371 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
372 372 v-model.number="ruleForm[index].fttdmj"></el-input>
373 <!-- 独用土地面积 --> 373 </el-form-item>
374 <el-row> 374 </el-col>
375 <el-col :span="8"> 375 </el-row>
376 <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }"> 376
377 <span slot="label"> 377 <!-- 独用土地面积 -->
378 独用土地面积： <br /> 378 <el-row>
379 <p class="label-detail">（DYTDMJ）</p> 379 <el-col :span="8">
380 </span> 380 <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
381 <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.dytdmj" title="" type="number" 381 <span slot="label">
382 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input> 382 独用土地面积： <br />
383 </el-form-item> 383 <p class="label-detail">（DYTDMJ）</p>
384 </el-col> 384 </span>
385 385 <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm[index].dytdmj" title="" type="number"
386 <el-col :span="8"> 386 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input>
387 <el-form-item prop="FWLX"> 387 </el-form-item>
388 <span slot="label"> 388 </el-col>
389 房屋类型： <br /> 389
390 <p class="label-detail">（FWLX）</p> 390 <el-col :span="8">
391 </span> 391 <el-form-item prop="FWLX">
392 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwlx"> 392 <span slot="label">
393 <el-option v-for="item in dicData['A18']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 393 房屋类型： <br />
394 </el-option> 394 <p class="label-detail">（FWLX）</p>
395 </el-select> 395 </span>
396 </el-form-item> 396 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwlx">
397 </el-col> 397 <el-option v-for="item in dicData['A18']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
398 398 </el-option>
399 <el-col :span="8"> 399 </el-select>
400 <el-form-item prop="FWXZ"> 400 </el-form-item>
401 <span slot="label"> 401 </el-col>
402 房屋性质： <br /> 402
403 <p class="label-detail">（FWXZ）</p> 403 <el-col :span="8">
404 </span> 404 <el-form-item prop="FWXZ">
405 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.fwxz"> 405 <span slot="label">
406 <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 406 房屋性质： <br />
407 </el-option> 407 <p class="label-detail">（FWXZ）</p>
408 </el-select> 408 </span>
409 </el-form-item> 409 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwxz">
410 </el-col> 410 <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
411 </el-row> 411 </el-option>
412 412 </el-select>
413 <!-- 房产分户图 --> 413 </el-form-item>
414 <el-row> 414 </el-col>
415 <el-col :span="8"> 415 </el-row>
416 <el-form-item prop="FCFHT"> 416
417 <span slot="label"> 417 <!-- 房产分户图 -->
418 房产分户图： <br /> 418 <el-row>
419 <p class="label-detail">（FCFHT）</p> 419 <el-col :span="8">
420 </span> 420 <el-form-item prop="FCFHT">
421 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fcfht"></el-input> 421 <span slot="label">
422 </el-form-item> 422 房产分户图： <br />
423 </el-col> 423 <p class="label-detail">（FCFHT）</p>
424 424 </span>
425 <el-col :span="8"> 425 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fcfht"></el-input>
426 <el-form-item prop="ZT"> 426 </el-form-item>
427 <span slot="label"> 427 </el-col>
428 状态： <br /> 428
429 <p class="label-detail">（ZT）</p> 429 <el-col :span="8">
430 </span> 430 <el-form-item prop="ZT">
431 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.zt"> 431 <span slot="label">
432 <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 432 状态： <br />
433 </el-option> 433 <p class="label-detail">（ZT）</p>
434 </el-select> 434 </span>
435 </el-form-item> 435 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm[index].zt">
436 </el-col> 436 <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
437 437 </el-option>
438 <el-col :span="8"> 438 </el-select>
439 <el-form-item prop="QXDM"> 439 </el-form-item>
440 <span slot="label"> 440 </el-col>
441 区县代码： <br /> 441
442 <p class="label-detail">（QXDM）</p> 442 <el-col :span="8">
443 </span> 443 <el-form-item prop="QXDM">
444 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input> 444 <span slot="label">
445 </el-form-item> 445 区县代码： <br />
446 </el-col> 446 <p class="label-detail">（QXDM）</p>
447 </el-row> 447 </span>
448 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].qxdm"></el-input>
449 </el-form-item>
450 </el-col>
451 </el-row>
452 </div>
453 </div>
448 </el-form> 454 </el-form>
449 <message-tips ref="msg" />
450 </div> 455 </div>
451 </template> 456 </template>
452 <script> 457 <script>
453 // 户信息 458 // 户信息
454 import kttFwH from "@/api/kttFwH"; 459 import kttFwH from "@/api/kttFwH";
455 import ruleMixin from "@/mixins/ruleMixin.js"; 460 import ruleMixin from "@/mixins/ruleMixin.js";
456 export default { 461 export default {
457 mixins: [ruleMixin], 462 mixins: [ruleMixin],
458 props: { 463 props: {
459 bsmSjsb: { 464 bsmSjsb: {
460 type: String, 465 type: String,
461 default: "", 466 default: ""
462 }, 467 },
463 bsmYwsjb: { 468 bsmYwsjb: {
464 type: String, 469 type: String,
465 default: "", 470 default: ""
466 },
467 },
468 data() {
469 return {
470 ruleForm: {
471 YSDM: "",
472 BDCDYH: "",
473 LJZH: "",
474 ZRZH: "",
475 FWBM: "",
476 CH: "",
477 ZL: "",
478 MJDW: "",
479 SJCS: "",
480 HH: "",
481 SHBW: "",
482 HX: "",
483 HXJG: "",
484 FWYT1: "",
485 FWYT2: "",
486 FWYT3: "",
487 YCJZMJ: "",
488 YCTNJZMJ: "",
489 YCFTJZMJ: "",
490 YCDXBFJZMJ: "",
491 YCQTJZMJ: "",
492 YCFTXS: "",
493 SCJZMJ: "",
494 SCTNJZMJ: "",
495 SCFTJZMJ: "",
496 SCDXBFJZMJ: "",
497 SCQTJZMJ: "",
498 SCFTXS: "",
499 GYTDMJ: "",
500 FTTDMJ: "",
501 DYTDMJ: "",
502 FWLX: "",
503 FWXZ: "",
504 FCFHT: "",
505 ZT: "",
506 QXDM: "",
507 }, 471 },
508 }; 472 },
509 }, 473 data () {
510 methods: { 474 return {
511 async featchData() { 475 ruleForm: [{
512 try { 476 YSDM: "",
513 let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb); 477 BDCDYH: "",
514 this.ruleForm = res; 478 LJZH: "",
515 //this.featchRule() 479 ZRZH: "",
516 } catch (error) { 480 FWBM: "",
517 this.$refs.msg.messageShow(); 481 CH: "",
482 ZL: "",
483 MJDW: "",
484 SJCS: "",
485 HH: "",
486 SHBW: "",
487 HX: "",
488 HXJG: "",
489 FWYT1: "",
490 FWYT2: "",
491 FWYT3: "",
492 YCJZMJ: "",
493 YCTNJZMJ: "",
494 YCFTJZMJ: "",
495 YCDXBFJZMJ: "",
496 YCQTJZMJ: "",
497 YCFTXS: "",
498 SCJZMJ: "",
499 SCTNJZMJ: "",
500 SCFTJZMJ: "",
501 SCDXBFJZMJ: "",
502 SCQTJZMJ: "",
503 SCFTXS: "",
504 GYTDMJ: "",
505 FTTDMJ: "",
506 DYTDMJ: "",
507 FWLX: "",
508 FWXZ: "",
509 FCFHT: "",
510 ZT: "",
511 QXDM: ""
512 }]
518 } 513 }
519 }, 514 },
520 handleUpdateForm() { 515 methods: {
521 return new Promise(async (resolve, reject) => { 516 async featchData () {
522 try { 517 try {
523 let res = await kttFwH.updateKttFwH(this.ruleForm); 518 let { result: res } = await kttFwH.getKttFwHById(this.bsmSjsb);
524 // this.$refs['formList'].resetFields(); 519 this.ruleForm = res;
525 resolve(res.code); 520 //this.featchRule()
526 } catch (error) { 521 } catch (error) {
527 this.$refs.msg.messageShow(); 522 this.$refs.msg.messageShow();
528 } 523 }
529 }); 524 },
525 handleUpdateForm () {
526 return new Promise(async (resolve, reject) => {
527 try {
528 let res = await kttFwH.updateKttFwH(this.ruleForm);
529 // this.$refs['formList'].resetFields();
530 resolve(res.code);
531 } catch (error) {
532 this.$refs.msg.messageShow();
533 }
534 });
535 },
530 }, 536 },
531 }, 537 };
532 };
533 </script> 538 </script>
534 <style scoped lang="scss"> 539 <style scoped lang="scss">
535 @import "./css/itemForm.scss"; 540 @import "./css/itemForm.scss";
536 541
537 .households { 542 .households {
538 .item-label { 543 .item-label {
539 flex: 0 0 120px; 544 flex: 0 0 120px;
545 }
540 } 546 }
541 }
542 </style> 547 </style>
543 548
544 549
......
1 <template> 1 <template>
2 <div class="logicBuilding itemForm"> 2 <div class="logicBuilding itemForm">
3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> 3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
4 <el-row> 4 <div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
5 <el-col :span="8"> 5 <p class="obligee-item-name">逻辑幢信息{{ index + 1 }}</p>
6 <el-form-item prop="YSDM"> 6 <div class="obligee-item-list">
7 <span slot="label"> 7 <el-row>
8 要素代码： <br /> 8 <el-col :span="8">
9 <p class="label-detail">（YSDM）</p> 9 <el-form-item prop="YSDM">
10 </span> 10 <span slot="label">
11 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input> 11 要素代码： <br />
12 </el-form-item> 12 <p class="label-detail">（YSDM）</p>
13 </el-col> 13 </span>
14 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
15 </el-form-item>
16 </el-col>
14 17
15 <el-col :span="8"> 18 <el-col :span="8">
16 <el-form-item prop="LJZH"> 19 <el-form-item prop="LJZH">
17 <span slot="label"> 20 <span slot="label">
18 逻辑幢号： <br /> 21 逻辑幢号： <br />
19 <p class="label-detail">（LJZH）</p> 22 <p class="label-detail">（LJZH）</p>
20 </span> 23 </span>
21 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ljzh"></el-input> 24 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ljzh"></el-input>
22 </el-form-item> 25 </el-form-item>
23 </el-col> 26 </el-col>
24 27
25 <el-col :span="8"> 28 <el-col :span="8">
26 <el-form-item prop="ZRZH"> 29 <el-form-item prop="ZRZH">
27 <span slot="label"> 30 <span slot="label">
28 自然幢号： <br /> 31 自然幢号： <br />
29 <p class="label-detail">（ZRZH）</p> 32 <p class="label-detail">（ZRZH）</p>
30 </span> 33 </span>
31 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.zrzh"></el-input> 34 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].zrzh"></el-input>
32 </el-form-item> 35 </el-form-item>
33 </el-col> 36 </el-col>
34 </el-row> 37 </el-row>
35 38
36 <el-row> 39 <el-row>
37 <el-col :span="8"> 40 <el-col :span="8">
38 <el-form-item prop="MPH"> 41 <el-form-item prop="MPH">
39 <span slot="label"> 42 <span slot="label">
40 门牌号： <br /> 43 门牌号： <br />
41 <p class="label-detail">（MPH）</p> 44 <p class="label-detail">（MPH）</p>
42 </span> 45 </span>
43 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.mph"></el-input> 46 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].mph"></el-input>
44 </el-form-item> 47 </el-form-item>
45 </el-col> 48 </el-col>
46 49
47 <el-col :span="8"> 50 <el-col :span="8">
48 <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }"> 51 <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
49 <span slot="label"> 52 <span slot="label">
50 预测建筑面积： <br /> 53 预测建筑面积： <br />
51 <p class="label-detail">（YCJZMJ）</p> 54 <p class="label-detail">（YCJZMJ）</p>
52 </span> 55 </span>
53 <el-input :disabled="$store.state.business.Edit" 56 <el-input :disabled="$store.state.business.Edit"
54 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 57 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
55 v-model.number="ruleForm.ycjzmj"></el-input> 58 v-model.number="ruleForm[index].ycjzmj"></el-input>
56 </el-form-item> 59 </el-form-item>
57 </el-col> 60 </el-col>
58 61
59 <el-col :span="8"> 62 <el-col :span="8">
60 <el-form-item prop="YCDXMJ" :rules="{ type: 'number' }"> 63 <el-form-item prop="YCDXMJ" :rules="{ type: 'number' }">
61 <span slot="label"> 64 <span slot="label">
62 预测地下面积： <br /> 65 预测地下面积： <br />
63 <p class="label-detail">（YCDXMJ）</p> 66 <p class="label-detail">（YCDXMJ）</p>
64 </span> 67 </span>
65 <el-input :disabled="$store.state.business.Edit" 68 <el-input :disabled="$store.state.business.Edit"
66 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 69 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
67 v-model.number="ruleForm.ycdxmj"></el-input> 70 v-model.number="ruleForm[index].ycdxmj"></el-input>
68 </el-form-item> 71 </el-form-item>
69 </el-col> 72 </el-col>
70 </el-row> 73 </el-row>
71 74
72 <el-row> 75 <el-row>
73 <el-col :span="8"> 76 <el-col :span="8">
74 <el-form-item prop="YCQTMJ" :rules="{ type: 'number' }"> 77 <el-form-item prop="YCQTMJ" :rules="{ type: 'number' }">
75 <span slot="label"> 78 <span slot="label">
76 预测其它面积： <br /> 79 预测其它面积： <br />
77 <p class="label-detail">（YCQTMJ）</p> 80 <p class="label-detail">（YCQTMJ）</p>
78 </span> 81 </span>
79 <el-input :disabled="$store.state.business.Edit" 82 <el-input :disabled="$store.state.business.Edit"
80 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 83 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
81 v-model.number="ruleForm.ycqtmj"></el-input> 84 v-model.number="ruleForm[index].ycqtmj"></el-input>
82 </el-form-item> 85 </el-form-item>
83 </el-col> 86 </el-col>
84 87
85 <el-col :span="8"> 88 <el-col :span="8">
86 <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }"> 89 <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
87 <span slot="label"> 90 <span slot="label">
88 实测建筑面积： <br /> 91 实测建筑面积： <br />
89 <p class="label-detail">（SCJZMJ）</p> 92 <p class="label-detail">（SCJZMJ）</p>
90 </span> 93 </span>
91 <el-input :disabled="$store.state.business.Edit" 94 <el-input :disabled="$store.state.business.Edit"
92 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 95 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
93 v-model.number="ruleForm.scjzmj"></el-input> 96 v-model.number="ruleForm[index].scjzmj"></el-input>
94 </el-form-item> 97 </el-form-item>
95 </el-col> 98 </el-col>
96 99
97 <el-col :span="8"> 100 <el-col :span="8">
98 <el-form-item prop="SCDXMJ" :rules="{ type: 'number' }"> 101 <el-form-item prop="SCDXMJ" :rules="{ type: 'number' }">
99 <span slot="label"> 102 <span slot="label">
100 实测地下面积： <br /> 103 实测地下面积： <br />
101 <p class="label-detail">（SCDXMJ）</p> 104 <p class="label-detail">（SCDXMJ）</p>
102 </span> 105 </span>
103 <el-input :disabled="$store.state.business.Edit" 106 <el-input :disabled="$store.state.business.Edit"
104 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 107 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
105 v-model.number="ruleForm.scdxmj"></el-input> 108 v-model.number="ruleForm[index].scdxmj"></el-input>
106 </el-form-item> 109 </el-form-item>
107 </el-col> 110 </el-col>
108 </el-row> 111 </el-row>
109 112
110 <el-row> 113 <el-row>
111 <el-col :span="8"> 114 <el-col :span="8">
112 <el-form-item prop="SCQTMJ" :rules="{ type: 'number' }"> 115 <el-form-item prop="SCQTMJ" :rules="{ type: 'number' }">
113 <span slot="label"> 116 <span slot="label">
114 实测其它面积： <br /> 117 实测其它面积： <br />
115 <p class="label-detail">（SCQTMJ）</p> 118 <p class="label-detail">（SCQTMJ）</p>
116 </span> 119 </span>
117 <el-input :disabled="$store.state.business.Edit" 120 <el-input :disabled="$store.state.business.Edit"
118 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 121 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
119 v-model.number="ruleForm.scqtmj"></el-input> 122 v-model.number="ruleForm[index].scqtmj"></el-input>
120 </el-form-item> 123 </el-form-item>
121 </el-col> 124 </el-col>
122 125
123 <el-col :span="8"> 126 <el-col :span="8">
124 <el-form-item prop="JGRQ"> 127 <el-form-item prop="JGRQ">
125 <span slot="label"> 128 <span slot="label">
126 竣工日期： <br /> 129 竣工日期： <br />
127 <p class="label-detail">（JGRQ）</p> 130 <p class="label-detail">（JGRQ）</p>
128 </span> 131 </span>
129 <el-date-picker :disabled="$store.state.business.Edit" type="datetime" clearable v-model="ruleForm.jgrq" 132 <el-date-picker :disabled="$store.state.business.Edit" type="datetime" clearable v-model="ruleForm[index].jgrq"
130 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> 133 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
131 </el-form-item> 134 </el-form-item>
132 </el-col> 135 </el-col>
133 136
134 <el-col :span="8"> 137 <el-col :span="8">
135 <el-form-item prop="FWJG1"> 138 <el-form-item prop="FWJG1">
136 <span slot="label"> 139 <span slot="label">
137 房屋结构1： <br /> 140 房屋结构1： <br />
138 <p class="label-detail">（FWJG1）</p> 141 <p class="label-detail">（FWJG1）</p>
139 </span> 142 </span>
140 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg1"></el-input> 143 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwjg1"></el-input>
141 </el-form-item> 144 </el-form-item>
142 </el-col> 145 </el-col>
143 </el-row> 146 </el-row>
144 147
145 <el-row> 148 <el-row>
146 <el-col :span="8"> 149 <el-col :span="8">
147 <el-form-item prop="FWJG2"> 150 <el-form-item prop="FWJG2">
148 <span slot="label"> 151 <span slot="label">
149 房屋结构2： <br /> 152 房屋结构2： <br />
150 <p class="label-detail">（FWJG2）</p> 153 <p class="label-detail">（FWJG2）</p>
151 </span> 154 </span>
152 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg2"></el-input> 155 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwjg2"></el-input>
153 </el-form-item> 156 </el-form-item>
154 </el-col> 157 </el-col>
155 158
156 <el-col :span="8"> 159 <el-col :span="8">
157 <el-form-item prop="FWJG3"> 160 <el-form-item prop="FWJG3">
158 <span slot="label"> 161 <span slot="label">
159 房屋结构3： <br /> 162 房屋结构3： <br />
160 <p class="label-detail">（FWJG3）</p> 163 <p class="label-detail">（FWJG3）</p>
161 </span> 164 </span>
162 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwjg3"></el-input> 165 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwjg3"></el-input>
163 </el-form-item> 166 </el-form-item>
164 </el-col> 167 </el-col>
165 168
166 <el-col :span="8"> 169 <el-col :span="8">
167 <el-form-item prop="JZWZT"> 170 <el-form-item prop="JZWZT">
168 <span slot="label"> 171 <span slot="label">
169 建筑物状态： <br /> 172 建筑物状态： <br />
170 <p class="label-detail">（JZWZT）</p> 173 <p class="label-detail">（JZWZT）</p>
171 </span> 174 </span>
172 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.jzwzt"></el-input> 175 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].jzwzt"></el-input>
173 </el-form-item> 176 </el-form-item>
174 </el-col> 177 </el-col>
175 </el-row> 178 </el-row>
176 179
177 <el-row> 180 <el-row>
178 <el-col :span="8"> 181 <el-col :span="8">
179 <el-form-item prop="FWYT"> 182 <el-form-item prop="FWYT">
180 <span slot="label"> 183 <span slot="label">
181 房屋用途1： <br /> 184 房屋用途1： <br />
182 <p class="label-detail">（FWYT）</p> 185 <p class="label-detail">（FWYT）</p>
183 </span> 186 </span>
184 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt"></el-input> 187 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt"></el-input>
185 </el-form-item> 188 </el-form-item>
186 </el-col> 189 </el-col>
187 190
188 <el-col :span="8"> 191 <el-col :span="8">
189 <el-form-item prop="FWYT2"> 192 <el-form-item prop="FWYT2">
190 <span slot="label"> 193 <span slot="label">
191 房屋用途2： <br /> 194 房屋用途2： <br />
192 <p class="label-detail">（FWYT2）</p> 195 <p class="label-detail">（FWYT2）</p>
193 </span> 196 </span>
194 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt2"></el-input> 197 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt2"></el-input>
195 </el-form-item> 198 </el-form-item>
196 </el-col> 199 </el-col>
197 200
198 <el-col :span="8"> 201 <el-col :span="8">
199 <el-form-item prop="FWYT3"> 202 <el-form-item prop="FWYT3">
200 <span slot="label"> 203 <span slot="label">
201 房屋用途3： <br /> 204 房屋用途3： <br />
202 <p class="label-detail">（FWYT3）</p> 205 <p class="label-detail">（FWYT3）</p>
203 </span> 206 </span>
204 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.fwyt3"></el-input> 207 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].fwyt3"></el-input>
205 </el-form-item> 208 </el-form-item>
206 </el-col> 209 </el-col>
207 </el-row> 210 </el-row>
208 211
209 <el-row> 212 <el-row>
210 <el-col :span="8"> 213 <el-col :span="8">
211 <el-form-item prop="ZCS" :rules="{ type: 'number' }"> 214 <el-form-item prop="ZCS" :rules="{ type: 'number' }">
212 <span slot="label"> 215 <span slot="label">
213 总层数： <br /> 216 总层数： <br />
214 <p class="label-detail">（ZCS）</p> 217 <p class="label-detail">（ZCS）</p>
215 </span> 218 </span>
216 <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }" 219 <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }"
217 title="" type="number" v-model.number="ruleForm.zcs"></el-input> 220 title="" type="number" v-model.number="ruleForm[index].zcs"></el-input>
218 </el-form-item> 221 </el-form-item>
219 </el-col> 222 </el-col>
220 223
221 <el-col :span="8"> 224 <el-col :span="8">
222 <el-form-item prop="DSCS"> 225 <el-form-item prop="DSCS">
223 <span slot="label"> 226 <span slot="label">
224 地上层数： <br /> 227 地上层数： <br />
225 <p class="label-detail">（DSCS）</p> 228 <p class="label-detail">（DSCS）</p>
226 </span> 229 </span>
227 <el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm.dscs"></el-input> 230 <el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm[index].dscs"></el-input>
228 </el-form-item> 231 </el-form-item>
229 </el-col> 232 </el-col>
230 233
231 <el-col :span="8"> 234 <el-col :span="8">
232 <el-form-item prop="DXCS"> 235 <el-form-item prop="DXCS">
233 <span slot="label"> 236 <span slot="label">
234 地下层数： <br /> 237 地下层数： <br />
235 <p class="label-detail">（DXCS）</p> 238 <p class="label-detail">（DXCS）</p>
236 </span> 239 </span>
237 <el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm.dxcs"></el-input> 240 <el-input :disabled="$store.state.business.Edit" maxlength="5" v-model="ruleForm[index].dxcs"></el-input>
238 </el-form-item> 241 </el-form-item>
239 </el-col> 242 </el-col>
240 </el-row> 243 </el-row>
241 244
242 <el-row> 245 <el-row>
243 <el-col :span="8"> 246 <el-col :span="8">
244 <el-form-item prop="BZ"> 247 <el-form-item prop="BZ">
245 <span slot="label"> 248 <span slot="label">
246 备注： <br /> 249 备注： <br />
247 <p class="label-detail">（BZ）</p> 250 <p class="label-detail">（BZ）</p>
248 </span> 251 </span>
249 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.bz"></el-input> 252 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].bz"></el-input>
250 </el-form-item> 253 </el-form-item>
251 </el-col> 254 </el-col>
252 255
253 <el-col :span="8"> 256 <el-col :span="8">
254 <el-form-item prop="QXDM"> 257 <el-form-item prop="QXDM">
255 <span slot="label"> 258 <span slot="label">
256 区县代码： <br /> 259 区县代码： <br />
257 <p class="label-detail">（QXDM）</p> 260 <p class="label-detail">（QXDM）</p>
258 </span> 261 </span>
259 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input> 262 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].qxdm"></el-input>
260 </el-form-item> 263 </el-form-item>
261 </el-col> 264 </el-col>
265
266 </el-row>
267 </div>
268 </div>
262 269
263 </el-row>
264 </el-form> 270 </el-form>
265 <message-tips ref="msg" />
266 </div> 271 </div>
267 </template> 272 </template>
268 <script> 273 <script>
269 // 逻辑幢信息 274 // 逻辑幢信息
270 import kttFwLjz from "@/api/kttFwLjz"; 275 import kttFwLjz from "@/api/kttFwLjz";
271 import ruleMixin from "@/mixins/ruleMixin.js"; 276 import ruleMixin from "@/mixins/ruleMixin.js";
272 export default { 277 export default {
273 mixins: [ruleMixin], 278 mixins: [ruleMixin],
274 props: { 279 props: {
275 bsmSjsb: { 280 bsmSjsb: {
276 type: String, 281 type: String,
277 default: "", 282 default: ""
278 }, 283 },
279 bsmYwsjb: { 284 bsmYwsjb: {
280 type: String, 285 type: String,
281 default: "", 286 default: ""
282 },
283 },
284 data() {
285 return {
286 ruleForm: {
287 YSDM: "",
288 LJZH: "",
289 ZRZH: "",
290 MPH: "",
291 YCJZMJ: "",
292 YCDXMJ: "",
293 YCQTMJ: "",
294 SCJZMJ: "",
295 SCDXMJ: "",
296 SCQTMJ: "",
297 JGRQ: "",
298 FWJG1: "",
299 FWJG2: "",
300 FWJG3: "",
301 JZWZT: "",
302 FWYT: "",
303 FWYT2: "",
304 FWYT3: "",
305 ZCS: "",
306 DSCS: "",
307 DXCS: "",
308 BZ: "",
309 QXDM: "",
310 }, 287 },
311 }; 288 },
312 }, 289 data () {
313 methods: { 290 return {
314 async featchData() { 291 ruleForm: [{
315 try { 292 YSDM: "",
316 let { result: res } = await kttFwLjz.getKttFwLjzById(this.bsmSjsb); 293 LJZH: "",
317 this.ruleForm = res; 294 ZRZH: "",
318 //this.featchRule() 295 MPH: "",
319 } catch (error) { 296 YCJZMJ: "",
320 this.$refs.msg.messageShow(); 297 YCDXMJ: "",
298 YCQTMJ: "",
299 SCJZMJ: "",
300 SCDXMJ: "",
301 SCQTMJ: "",
302 JGRQ: "",
303 FWJG1: "",
304 FWJG2: "",
305 FWJG3: "",
306 JZWZT: "",
307 FWYT: "",
308 FWYT2: "",
309 FWYT3: "",
310 ZCS: "",
311 DSCS: "",
312 DXCS: "",
313 BZ: "",
314 QXDM: ""
315 }]
321 } 316 }
322 }, 317 },
323 handleUpdateForm() { 318 methods: {
324 return new Promise(async (resolve, reject) => { 319 async featchData () {
325 try { 320 try {
326 let res = await kttFwLjz.updateKttFwLjz(this.ruleForm); 321 let { result: res } = await kttFwLjz.getKttFwLjzById(this.bsmSjsb);
327 // this.$refs['formList'].resetFields(); 322 this.ruleForm = res;
328 resolve(res.code); 323 //this.featchRule()
329 } catch (error) { 324 } catch (error) {
330 this.$refs.msg.messageShow(); 325 this.$refs.msg.messageShow();
331 } 326 }
332 }); 327 },
333 }, 328 handleUpdateForm () {
334 }, 329 return new Promise(async (resolve, reject) => {
335 }; 330 try {
331 let res = await kttFwLjz.updateKttFwLjz(this.ruleForm);
332 // this.$refs['formList'].resetFields();
333 resolve(res.code);
334 } catch (error) {
335 this.$refs.msg.messageShow()
336 }
337 })
338 }
339 }
340 }
336 </script> 341 </script>
337 <style scoped lang="scss"> 342 <style scoped lang="scss">
338 @import "./css/itemForm.scss"; 343 @import "./css/itemForm.scss";
339 </style> 344 </style>
340 345
341 346
......
...@@ -315,112 +315,113 @@ ...@@ -315,112 +315,113 @@
315 </div> 315 </div>
316 </template> 316 </template>
317 <script> 317 <script>
318 // 自然幢 318 // 自然幢
319 import kttFwZrz from "@/api/kttFwZrz"; 319 import kttFwZrz from "@/api/kttFwZrz";
320 import ruleMixin from "@/mixins/ruleMixin.js"; 320 import ruleMixin from "@/mixins/ruleMixin.js";
321 export default { 321 export default {
322 mixins: [ruleMixin], 322 mixins: [ruleMixin],
323 props: { 323 props: {
324 bsmSjsb: { 324 bsmSjsb: {
325 type: String, 325 type: String,
326 default: "", 326 default: "",
327 }, 327 },
328 bsmYwsjb: { 328 bsmYwsjb: {
329 type: String, 329 type: String,
330 default: "", 330 default: "",
331 },
332 },
333 data () {
334 return {
335 naturalForm: {
336 naturalList: [
337 {
338 BSM: "",
339 YSDM: "",
340 BDCDYH: "",
341 ZDDM: "",
342 ZRZH: "",
343 XMMC: "",
344 JZWMC: "",
345 JGRQ: "",
346 JZWGD: "",
347 ZZDMJ: "",
348 ZYDMJ: "",
349 YCJZMJ: "",
350 SCJZMJ: "",
351 ZCS: "",
352 DSCS: "",
353 DXCS: "",
354 DXSD: "",
355 GHYT: "",
356 FWJG: "",
357 ZTS: "",
358 JZWJBYT: "",
359 DAH: "",
360 BZ: "",
361 ZT: "",
362 QXDM: "",
363 },
364 ],
365 }, 331 },
366 };
367 },
368 methods: {
369 async featchData () {
370 try {
371 let { result: res } = await kttFwZrz.getKttFwZrzById(this.bsmSjsb);
372 this.naturalForm.naturalList = res;
373 //this.featchRule()
374 } catch (error) {
375 this.$refs.msg.messageShow();
376 }
377 }, 332 },
378 handleUpdateForm () { 333 data () {
379 return new Promise(async (resolve) => { 334 return {
335 naturalForm: {
336 naturalList: [
337 {
338 BSM: "",
339 YSDM: "",
340 BDCDYH: "",
341 ZDDM: "",
342 ZRZH: "",
343 XMMC: "",
344 JZWMC: "",
345 JGRQ: "",
346 JZWGD: "",
347 ZZDMJ: "",
348 ZYDMJ: "",
349 YCJZMJ: "",
350 SCJZMJ: "",
351 ZCS: "",
352 DSCS: "",
353 DXCS: "",
354 DXSD: "",
355 GHYT: "",
356 FWJG: "",
357 ZTS: "",
358 JZWJBYT: "",
359 DAH: "",
360 BZ: "",
361 ZT: "",
362 QXDM: "",
363 },
364 ],
365 },
366 };
367 },
368 methods: {
369 async featchData () {
380 try { 370 try {
381 let res = await kttFwZrz.updateKttFwZrz(this.naturalForm.naturalList); 371 let { result: res } = await kttFwZrz.getKttFwZrzById(this.bsmSjsb);
382 // this.$refs['formList'].resetFields(); 372 this.naturalForm.naturalList = res;
383 resolve(res.code); 373 //this.featchRule()
384 } catch (error) { 374 } catch (error) {
385 this.$refs.msg.messageShow(); 375 this.$refs.msg.messageShow();
386 } 376 }
387 }); 377 },
378 handleUpdateForm () {
379 return new Promise(async (resolve) => {
380 try {
381 let res = await kttFwZrz.updateKttFwZrz(this.naturalForm.naturalList);
382 // this.$refs['formList'].resetFields();
383 resolve(res.code);
384 } catch (error) {
385 this.$refs.msg.messageShow();
386 }
387 });
388 },
388 }, 389 },
389 }, 390 };
390 };
391 </script> 391 </script>
392 <style scoped lang="scss"> 392 <style scoped lang="scss">
393 @import "./css/itemForm.scss"; 393 @import "./css/itemForm.scss";
394 394
395 .naturalBuilding { 395 .naturalBuilding {
396 .naturalBuilding-item { 396 .naturalBuilding-item {
397 display: flex;
398 height: 100%;
399 margin-bottom: 15px;
400 margin-right: 5px;
401
402 .naturalBuilding-name {
403 display: flex; 397 display: flex;
404 align-items: center; 398 height: 100%;
405 justify-content: center; 399 margin-bottom: 15px;
406 width: 20px; 400 margin-right: 5px;
407 padding: 10px 20px; 401
408 line-height: 28px; 402 .naturalBuilding-name {
409 border: 1px solid #ccc; 403 display: flex;
410 margin-right: 15px; 404 align-items: center;
411 border-radius: 3px; 405 justify-content: center;
412 } 406 width: 20px;
407 padding: 10px 20px;
408 line-height: 28px;
409 border: 1px solid #ccc;
410 margin-right: 15px;
411 border-radius: 3px;
412 margin-left: 10px;
413 }
413 414
414 .naturalBuilding-list { 415 .naturalBuilding-list {
415 width: 100%; 416 width: 100%;
416 flex: 1; 417 flex: 1;
418 }
417 } 419 }
418 }
419 420
420 .bsm { 421 .bsm {
421 white-space: nowrap; 422 white-space: nowrap;
423 }
422 } 424 }
423 }
424 </style> 425 </style>
425 426
426 427
......
...@@ -139,32 +139,6 @@ export default { ...@@ -139,32 +139,6 @@ export default {
139 </script> 139 </script>
140 <style scoped lang="scss"> 140 <style scoped lang="scss">
141 @import "./css/itemForm.scss"; 141 @import "./css/itemForm.scss";
142
143 .obligee-item {
144 display: flex;
145 height: 100%;
146 margin-bottom: 15px;
147 margin-right: 5px;
148
149 &-name {
150 display: flex;
151 align-items: center;
152 justify-content: center;
153 width: 20px;
154 padding: 10px 20px;
155 line-height: 28px;
156 border: 1px solid #ccc;
157 border-radius: 3px;
158 }
159
160 &-list {
161 width: 100%;
162 flex: 1;
163 display: flex;
164 justify-content: center;
165 flex-direction: column;
166 }
167 }
168 </style> 142 </style>
169 143
170 144
......
...@@ -447,32 +447,6 @@ ...@@ -447,32 +447,6 @@
447 </script> 447 </script>
448 <style scoped lang="scss"> 448 <style scoped lang="scss">
449 @import "./css/itemForm.scss"; 449 @import "./css/itemForm.scss";
450
451 .obligee-item {
452 display: flex;
453 height: 100%;
454 margin-bottom: 15px;
455 margin-right: 5px;
456
457 &-name {
458 display: flex;
459 align-items: center;
460 justify-content: center;
461 width: 20px;
462 padding: 10px 20px;
463 line-height: 28px;
464 border: 1px solid #ccc;
465 border-radius: 3px;
466 }
467
468 &-list {
469 width: 100%;
470 flex: 1;
471 display: flex;
472 justify-content: center;
473 flex-direction: column;
474 }
475 }
476 </style> 450 </style>
477 451
478 452
......