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
Expand all
Inline Side-by-side
Showing 8 changed files with 95 additions and 139 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,22 +116,22 @@ ...@@ -116,22 +116,22 @@
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 }, 128 },
129 bsmYwsjb: { 129 bsmYwsjb: {
130 type: String, 130 type: String,
131 default: "", 131 default: ""
132 }, 132 },
133 }, 133 },
134 data() { 134 data () {
135 return { 135 return {
136 certificateInfo: { 136 certificateInfo: {
137 ruleForm: [ 137 ruleForm: [
...@@ -144,14 +144,14 @@ export default { ...@@ -144,14 +144,14 @@ export default {
144 SZRY: "", 144 SZRY: "",
145 SZSJ: "", 145 SZSJ: "",
146 BZ: "", 146 BZ: "",
147 QXDM: "", 147 QXDM: ""
148 }, 148 }
149 ], 149 ]
150 }, 150 }
151 }; 151 }
152 }, 152 },
153 methods: { 153 methods: {
154 async featchData() { 154 async featchData () {
155 try { 155 try {
156 let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb); 156 let { result: res } = await djfDjSz.getDjfDjSzById(this.bsmSjsb);
157 this.certificateInfo.ruleForm = res; 157 this.certificateInfo.ruleForm = res;
...@@ -160,7 +160,7 @@ export default { ...@@ -160,7 +160,7 @@ export default {
160 this.$refs.msg.messageShow(); 160 this.$refs.msg.messageShow();
161 } 161 }
162 }, 162 },
163 handleUpdateForm() { 163 handleUpdateForm () {
164 return new Promise(async (resolve) => { 164 return new Promise(async (resolve) => {
165 try { 165 try {
166 let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm); 166 let res = await djfDjSz.updateDjfDjSz(this.certificateInfo.ruleForm);
...@@ -169,39 +169,14 @@ export default { ...@@ -169,39 +169,14 @@ export default {
169 } catch (error) { 169 } catch (error) {
170 this.$refs.msg.messageShow(); 170 this.$refs.msg.messageShow();
171 } 171 }
172 }); 172 })
173 },
174 },
175 };
176 </script>
177 <style scoped lang="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 } 173 }
196
197 &-list {
198 width: 100%;
199 flex: 1;
200 display: flex;
201 justify-content: center;
202 flex-direction: column;
203 } 174 }
204 } 175 }
176 </script>
177 <style scoped lang="scss">
178 @import "./css/itemForm.scss";
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 <div v-for="(item, index) in ruleForm" :key="index" class="obligee-item">
5 <p class="obligee-item-name">层信息{{ index + 1 }}</p>
6 <div class="obligee-item-list">
4 <el-row> 7 <el-row>
5 <el-col :span="8"> 8 <el-col :span="8">
6 <el-form-item prop="YSDM"> 9 <el-form-item prop="YSDM">
...@@ -8,7 +11,7 @@ ...@@ -8,7 +11,7 @@
8 要素代码： <br /> 11 要素代码： <br />
9 <p class="label-detail">（YSDM）</p> 12 <p class="label-detail">（YSDM）</p>
10 </span> 13 </span>
11 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ysdm"></el-input> 14 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ysdm"></el-input>
12 </el-form-item> 15 </el-form-item>
13 </el-col> 16 </el-col>
14 17
...@@ -18,7 +21,7 @@ ...@@ -18,7 +21,7 @@
18 层号： <br /> 21 层号： <br />
19 <p class="label-detail">（CH）</p> 22 <p class="label-detail">（CH）</p>
20 </span> 23 </span>
21 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ch"></el-input> 24 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].ch"></el-input>
22 </el-form-item> 25 </el-form-item>
23 </el-col> 26 </el-col>
24 27
...@@ -28,7 +31,7 @@ ...@@ -28,7 +31,7 @@
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>
...@@ -40,7 +43,7 @@ ...@@ -40,7 +43,7 @@
40 实际层： <br /> 43 实际层： <br />
41 <p class="label-detail">（SJC）</p> 44 <p class="label-detail">（SJC）</p>
42 </span> 45 </span>
43 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.sjc"></el-input> 46 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].sjc"></el-input>
44 </el-form-item> 47 </el-form-item>
45 </el-col> 48 </el-col>
46 49
...@@ -50,7 +53,7 @@ ...@@ -50,7 +53,7 @@
50 名义层： <br /> 53 名义层： <br />
51 <p class="label-detail">（MYC）</p> 54 <p class="label-detail">（MYC）</p>
52 </span> 55 </span>
53 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.myc"></el-input> 56 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].myc"></el-input>
54 </el-form-item> 57 </el-form-item>
55 </el-col> 58 </el-col>
56 59
...@@ -62,7 +65,7 @@ ...@@ -62,7 +65,7 @@
62 </span> 65 </span>
63 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 66 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
64 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 67 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
65 v-model.number="ruleForm.cjzmj"></el-input-number> 68 v-model.number="ruleForm[index].cjzmj"></el-input-number>
66 </el-form-item> 69 </el-form-item>
67 </el-col> 70 </el-col>
68 </el-row> 71 </el-row>
...@@ -76,7 +79,7 @@ ...@@ -76,7 +79,7 @@
76 </span> 79 </span>
77 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 80 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
78 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 81 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
79 v-model.number="ruleForm.ctnjzmj"></el-input-number> 82 v-model.number="ruleForm[index].ctnjzmj"></el-input-number>
80 </el-form-item> 83 </el-form-item>
81 </el-col> 84 </el-col>
82 85
...@@ -88,7 +91,7 @@ ...@@ -88,7 +91,7 @@
88 </span> 91 </span>
89 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 92 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
90 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 93 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
91 v-model.number="ruleForm.cytmj"></el-input-number> 94 v-model.number="ruleForm[index].cytmj"></el-input-number>
92 </el-form-item> 95 </el-form-item>
93 </el-col> 96 </el-col>
94 97
...@@ -100,7 +103,7 @@ ...@@ -100,7 +103,7 @@
100 </span> 103 </span>
101 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 104 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
102 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 105 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
103 v-model.number="ruleForm.cgyjzmj"></el-input-number> 106 v-model.number="ruleForm[index].cgyjzmj"></el-input-number>
104 </el-form-item> 107 </el-form-item>
105 </el-col> 108 </el-col>
106 </el-row> 109 </el-row>
...@@ -114,7 +117,7 @@ ...@@ -114,7 +117,7 @@
114 </span> 117 </span>
115 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 118 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
116 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 119 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
117 v-model.number="ruleForm.cftjzmj"></el-input-number> 120 v-model.number="ruleForm[index].cftjzmj"></el-input-number>
118 </el-form-item> 121 </el-form-item>
119 </el-col> 122 </el-col>
120 123
...@@ -126,7 +129,7 @@ ...@@ -126,7 +129,7 @@
126 </span> 129 </span>
127 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 130 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
128 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 131 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
129 v-model.number="ruleForm.cbqmj"></el-input-number> 132 v-model.number="ruleForm[index].cbqmj"></el-input-number>
130 </el-form-item> 133 </el-form-item>
131 </el-col> 134 </el-col>
132 135
...@@ -137,7 +140,7 @@ ...@@ -137,7 +140,7 @@
137 <p class="label-detail">（CG）</p> 140 <p class="label-detail">（CG）</p>
138 </span> 141 </span>
139 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 142 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
140 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" v-model.number="ruleForm.cg"> 143 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" v-model.number="ruleForm[index].cg">
141 </el-input-number> 144 </el-input-number>
142 </el-form-item> 145 </el-form-item>
143 </el-col> 146 </el-col>
...@@ -152,7 +155,7 @@ ...@@ -152,7 +155,7 @@
152 </span> 155 </span>
153 <el-input-number controls-position="right" :disabled="$store.state.business.Edit" 156 <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
154 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number" 157 v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" title="" type="number"
155 v-model.number="ruleForm.sptymj"></el-input-number> 158 v-model.number="ruleForm[index].sptymj"></el-input-number>
156 </el-form-item> 159 </el-form-item>
157 </el-col> 160 </el-col>
158 161
...@@ -162,33 +165,36 @@ ...@@ -162,33 +165,36 @@
162 区县代码： <br /> 165 区县代码： <br />
163 <p class="label-detail">（QXDM）</p> 166 <p class="label-detail">（QXDM）</p>
164 </span> 167 </span>
165 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.qxdm"></el-input> 168 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm[index].qxdm"></el-input>
166 </el-form-item> 169 </el-form-item>
167 </el-col> 170 </el-col>
168 </el-row> 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 }, 189 },
184 bsmYwsjb: { 190 bsmYwsjb: {
185 type: String, 191 type: String,
186 default: "", 192 default: ""
187 }, 193 },
188 }, 194 },
189 data() { 195 data () {
190 return { 196 return {
191 ruleForm: { 197 ruleForm: [{
192 YSDM: "", 198 YSDM: "",
193 CH: "", 199 CH: "",
194 ZRZH: "", 200 ZRZH: "",
...@@ -202,36 +208,36 @@ export default { ...@@ -202,36 +208,36 @@ export default {
202 CBQMJ: "", 208 CBQMJ: "",
203 CG: "", 209 CG: "",
204 SPTYMJ: "", 210 SPTYMJ: "",
205 QXDM: "", 211 QXDM: ""
206 }, 212 }]
207 }; 213 }
208 }, 214 },
209 methods: { 215 methods: {
210 async featchData() { 216 async featchData () {
211 try { 217 try {
212 let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb); 218 let { result: res } = await kttFwC.getKttFwCById(this.bsmSjsb);
213 this.ruleForm = res; 219 this.ruleForm = res;
214 //this.featchRule() 220 //this.featchRule()
215 } catch (error) { 221 } catch (error) {
216 this.$refs.msg.messageShow(); 222 this.$refs.msg.messageShow()
217 } 223 }
218 }, 224 },
219 handleUpdateForm() { 225 handleUpdateForm () {
220 return new Promise(async (resolve, reject) => { 226 return new Promise(async (resolve, reject) => {
221 try { 227 try {
222 let res = await kttFwC.updateKttFwC(this.ruleForm); 228 let res = await kttFwC.updateKttFwC(this.ruleForm);
223 // this.$refs['formList'].resetFields(); 229 // this.$refs['formList'].resetFields();
224 resolve(res.code); 230 resolve(res.code);
225 } catch (error) { 231 } catch (error) {
226 this.$refs.msg.messageShow(); 232 this.$refs.msg.messageShow()
227 } 233 }
228 }); 234 })
229 }, 235 }
230 }, 236 }
231 }; 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
......
...@@ -315,10 +315,10 @@ ...@@ -315,10 +315,10 @@
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: {
...@@ -387,12 +387,12 @@ export default { ...@@ -387,12 +387,12 @@ export default {
387 }); 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; 397 display: flex;
398 height: 100%; 398 height: 100%;
...@@ -409,6 +409,7 @@ export default { ...@@ -409,6 +409,7 @@ export default {
409 border: 1px solid #ccc; 409 border: 1px solid #ccc;
410 margin-right: 15px; 410 margin-right: 15px;
411 border-radius: 3px; 411 border-radius: 3px;
412 margin-left: 10px;
412 } 413 }
413 414
414 .naturalBuilding-list { 415 .naturalBuilding-list {
...@@ -420,7 +421,7 @@ export default { ...@@ -420,7 +421,7 @@ export default {
420 .bsm { 421 .bsm {
421 white-space: nowrap; 422 white-space: nowrap;
422 } 423 }
423 } 424 }
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
......