Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
a24e599b by 杨威
Options

宗地表单数据绑定，部分样式修改

1 parent 98334d8b
Inline Side-by-side
Showing 2 changed files with 112 additions and 53 deletions
...@@ -304,9 +304,14 @@ export default { ...@@ -304,9 +304,14 @@ export default {
304 line-height: 37px; 304 line-height: 37px;
305 text-decoration: none; 305 text-decoration: none;
306 border-bottom: 1px solid grey; 306 border-bottom: 1px solid grey;
307 .el-select{
308 width: 100%;
309 }
310 .el-input{
311 width: 100%;
312 }
307 .el-input__inner { 313 .el-input__inner {
308 height: 34px; 314 height: 34px;
309 width: 164px;
310 } 315 }
311 } 316 }
312 li:last-child { 317 li:last-child {
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
2 <div class="main"> 2 <div class="main">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule"></Qlr> 4 <Qlr ref="qlrxxModule"></Qlr>
5 5
6 <!-- <el-button 6 <!-- <el-button
7 type="primary" 7 type="primary"
8 class="changeBtn" 8 class="changeBtn"
9 @click="getQlrxxData" 9 @click="getQlrxxData"
...@@ -22,33 +22,33 @@ ...@@ -22,33 +22,33 @@
22 <tr> 22 <tr>
23 <td colspan="2">行政区</td> 23 <td colspan="2">行政区</td>
24 <td colspan="2"> 24 <td colspan="2">
25 <input type="text" class="formInput" /> 25 <input type="text" class="formInput" v-model="formData.xzq" />
26 </td> 26 </td>
27 <td colspan="2">地籍区</td> 27 <td colspan="2">地籍区</td>
28 <td colspan="2"> 28 <td colspan="2">
29 <input type="text" class="formInput" /> 29 <input type="text" class="formInput" v-model="formData.djq" />
30 </td> 30 </td>
31 <td colspan="2">地籍子区</td> 31 <td colspan="2">地籍子区</td>
32 <td colspan="2"> 32 <td colspan="2">
33 <input type="text" class="formInput" /> 33 <input type="text" class="formInput" v-model="formData.djzq" />
34 </td> 34 </td>
35 </tr> 35 </tr>
36 <tr> 36 <tr>
37 <td colspan="2">权利类型</td> 37 <td colspan="2">权利类型</td>
38 <td colspan="4"> 38 <td colspan="4">
39 <el-select class="formSelect" v-model="value"> 39 <el-select class="formSelect" v-model="formData.qllx">
40 <el-option 40 <el-option
41 v-for="item in qllxList" 41 v-for="item in qllxList"
42 :key="item.value" 42 :key="item.bsm"
43 :label="item.label" 43 :label="item.mc"
44 :value="item.value" 44 :value="item.bsm"
45 > 45 >
46 </el-option> 46 </el-option>
47 </el-select> 47 </el-select>
48 </td> 48 </td>
49 <td colspan="2">权利设定方式</td> 49 <td colspan="2">权利设定方式</td>
50 <td colspan="4"> 50 <td colspan="4">
51 <el-select class="formSelect" v-model="value"> 51 <el-select class="formSelect" v-model="formData.qlsdfs">
52 <el-option 52 <el-option
53 v-for="item in qlsdfsList" 53 v-for="item in qlsdfsList"
54 :key="item.value" 54 :key="item.value"
...@@ -62,34 +62,42 @@ ...@@ -62,34 +62,42 @@
62 <tr> 62 <tr>
63 <td colspan="2">宗地代码</td> 63 <td colspan="2">宗地代码</td>
64 <td colspan="4"> 64 <td colspan="4">
65 <input type="text" class="formInput" /> 65 <input type="text" class="formInput" v-model="formData.zddm" />
66 </td> 66 </td>
67 <td colspan="2">不动产单元号</td> 67 <td colspan="2">不动产单元号</td>
68 <td colspan="4" class="psr"> 68 <td colspan="4" class="psr">
69 <input type="text" class="formInput percent78" /> 69 <input
70 type="text"
71 class="formInput percent78"
72 v-model="formData.bdcdyh"
73 />
70 <el-button type="primary" class="createBtn">生成</el-button> 74 <el-button type="primary" class="createBtn">生成</el-button>
71 </td> 75 </td>
72 </tr> 76 </tr>
73 <tr> 77 <tr>
74 <td colspan="2">地籍号</td> 78 <td colspan="2">地籍号</td>
75 <td colspan="4"> 79 <td colspan="4">
76 <input type="text" class="formInput" /> 80 <input type="text" class="formInput" v-model="formData.djh" />
77 </td> 81 </td>
78 <td colspan="2">土地权属来源证明材料</td> 82 <td colspan="2">土地权属来源证明材料</td>
79 <td colspan="4" class="psr"> 83 <td colspan="4" class="psr">
80 <input type="text" class="formInput " /> 84 <input
85 type="text"
86 class="formInput "
87 v-model="formData.tdqslyzmcl"
88 />
81 </td> 89 </td>
82 </tr> 90 </tr>
83 <tr> 91 <tr>
84 <td colspan="2">坐落</td> 92 <td colspan="2">坐落</td>
85 <td colspan="10"> 93 <td colspan="10">
86 <input type="text" class="formInput" /> 94 <input type="text" class="formInput" v-model="formData.zl" />
87 </td> 95 </td>
88 </tr> 96 </tr>
89 <tr> 97 <tr>
90 <td colspan="2">国民经济行业分类</td> 98 <td colspan="2">国民经济行业分类</td>
91 <td colspan="4"> 99 <td colspan="4">
92 <el-select class="formSelect" v-model="value"> 100 <el-select class="formSelect" v-model="formData.gmjjhyfl">
93 <el-option 101 <el-option
94 v-for="item in jjhyflList" 102 v-for="item in jjhyflList"
95 :key="item.value" 103 :key="item.value"
...@@ -101,26 +109,26 @@ ...@@ -101,26 +109,26 @@
101 </td> 109 </td>
102 <td colspan="2">价格(元)</td> 110 <td colspan="2">价格(元)</td>
103 <td colspan="4" class="psr"> 111 <td colspan="4" class="psr">
104 <input type="text" class="formInput" /> 112 <input type="text" class="formInput" v-model="formData.jg" />
105 </td> 113 </td>
106 </tr> 114 </tr>
107 <tr> 115 <tr>
108 <td colspan="2" rowspan="2">所在图幅号</td> 116 <td colspan="2" rowspan="2">所在图幅号</td>
109 <td colspan="2">比例尺</td> 117 <td colspan="2">比例尺</td>
110 <td colspan="8" class="psr"> 118 <td colspan="8" class="psr">
111 <input type="text" class="formInput" /> 119 <input type="text" class="formInput" v-model="formData.blc" />
112 </td> 120 </td>
113 </tr> 121 </tr>
114 <tr> 122 <tr>
115 <td colspan="2">图幅号</td> 123 <td colspan="2">图幅号</td>
116 <td colspan="8" class="psr"> 124 <td colspan="8" class="psr">
117 <input type="text" class="formInput" /> 125 <input type="text" class="formInput" v-model="formData.tfh" />
118 </td> 126 </td>
119 </tr> 127 </tr>
120 <tr> 128 <tr>
121 <td colspan="2">容积率</td> 129 <td colspan="2">容积率</td>
122 <td colspan="4"> 130 <td colspan="4">
123 <el-select class="formSelect percent30" v-model="value"> 131 <el-select class="formSelect percent30" v-model="formData.rjl">
124 <el-option 132 <el-option
125 v-for="item in compareList" 133 v-for="item in compareList"
126 :key="item.value" 134 :key="item.value"
...@@ -133,13 +141,13 @@ ...@@ -133,13 +141,13 @@
133 </td> 141 </td>
134 <td colspan="2">容积说明</td> 142 <td colspan="2">容积说明</td>
135 <td colspan="4" class="psr"> 143 <td colspan="4" class="psr">
136 <input type="text" class="formInput" /> 144 <input type="text" class="formInput" v-model="formData.rjsm" />
137 </td> 145 </td>
138 </tr> 146 </tr>
139 <tr> 147 <tr>
140 <td colspan="2">建筑密度</td> 148 <td colspan="2">建筑密度</td>
141 <td colspan="4"> 149 <td colspan="4">
142 <el-select class="formSelect percent30" v-model="value"> 150 <el-select class="formSelect percent30" v-model="formData.jzmd">
143 <el-option 151 <el-option
144 v-for="item in compareList" 152 v-for="item in compareList"
145 :key="item.value" 153 :key="item.value"
...@@ -152,13 +160,13 @@ ...@@ -152,13 +160,13 @@
152 </td> 160 </td>
153 <td colspan="2">建筑密度说明</td> 161 <td colspan="2">建筑密度说明</td>
154 <td colspan="4" class="psr"> 162 <td colspan="4" class="psr">
155 <input type="text" class="formInput" /> 163 <input type="text" class="formInput" v-model="formData.jzmdsm" />
156 </td> 164 </td>
157 </tr> 165 </tr>
158 <tr> 166 <tr>
159 <td colspan="2">建筑限高</td> 167 <td colspan="2">建筑限高</td>
160 <td colspan="4"> 168 <td colspan="4">
161 <el-select class="formSelect percent30" v-model="value"> 169 <el-select class="formSelect percent30" v-model="formData.jzxg">
162 <el-option 170 <el-option
163 v-for="item in compareList" 171 v-for="item in compareList"
164 :key="item.value" 172 :key="item.value"
...@@ -171,32 +179,32 @@ ...@@ -171,32 +179,32 @@
171 </td> 179 </td>
172 <td colspan="2">建筑限高说明</td> 180 <td colspan="2">建筑限高说明</td>
173 <td colspan="4" class="psr"> 181 <td colspan="4" class="psr">
174 <input type="text" class="formInput" /> 182 <input type="text" class="formInput" v-model="formData.jzxgsm" />
175 </td> 183 </td>
176 </tr> 184 </tr>
177 <tr> 185 <tr>
178 <td colspan="2" rowspan="4">宗地四至</td> 186 <td colspan="2" rowspan="4">宗地四至</td>
179 <td colspan="2">北至</td> 187 <td colspan="2">北至</td>
180 <td colspan="8" class="psr"> 188 <td colspan="8" class="psr">
181 <input type="text" class="formInput" /> 189 <input type="text" class="formInput" v-model="formData.bz" />
182 </td> 190 </td>
183 </tr> 191 </tr>
184 <tr> 192 <tr>
185 <td colspan="2">东至</td> 193 <td colspan="2">东至</td>
186 <td colspan="8" class="psr"> 194 <td colspan="8" class="psr">
187 <input type="text" class="formInput" /> 195 <input type="text" class="formInput" v-model="formData.dz" />
188 </td> 196 </td>
189 </tr> 197 </tr>
190 <tr> 198 <tr>
191 <td colspan="2">南至</td> 199 <td colspan="2">南至</td>
192 <td colspan="8" class="psr"> 200 <td colspan="8" class="psr">
193 <input type="text" class="formInput" /> 201 <input type="text" class="formInput" v-model="formData.nz" />
194 </td> 202 </td>
195 </tr> 203 </tr>
196 <tr> 204 <tr>
197 <td colspan="2">西至</td> 205 <td colspan="2">西至</td>
198 <td colspan="8" class="psr"> 206 <td colspan="8" class="psr">
199 <input type="text" class="formInput" /> 207 <input type="text" class="formInput" v-model="formData.xz" />
200 </td> 208 </td>
201 </tr> 209 </tr>
202 <tr> 210 <tr>
...@@ -207,33 +215,33 @@ ...@@ -207,33 +215,33 @@
207 <tr> 215 <tr>
208 <td colspan="2" rowspan="2">批准面积(㎡)</td> 216 <td colspan="2" rowspan="2">批准面积(㎡)</td>
209 <td colspan="2" rowspan="2"> 217 <td colspan="2" rowspan="2">
210 <input type="text" class="formInput" /> 218 <input type="text" class="formInput" v-model="formData.pzmj" />
211 </td> 219 </td>
212 <td colspan="2" rowspan="2">宗地面积(㎡)</td> 220 <td colspan="2" rowspan="2">宗地面积(㎡)</td>
213 <td colspan="2" rowspan="2"> 221 <td colspan="2" rowspan="2">
214 <input type="text" class="formInput" /> 222 <input type="text" class="formInput" v-model="formData.zdmj" />
215 </td> 223 </td>
216 <td colspan="2">建筑占地宗面积</td> 224 <td colspan="2">建筑占地宗面积</td>
217 <td colspan="2"> 225 <td colspan="2">
218 <input type="text" class="formInput" /> 226 <input type="text" class="formInput" v-model="formData.jzzdzmj" />
219 </td> 227 </td>
220 </tr> 228 </tr>
221 <tr> 229 <tr>
222 <td colspan="2">建筑面积(㎡)</td> 230 <td colspan="2">建筑面积(㎡)</td>
223 <td colspan="2"> 231 <td colspan="2">
224 <input type="text" class="formInput" /> 232 <input type="text" class="formInput" v-model="formData.jzmj" />
225 </td> 233 </td>
226 </tr> 234 </tr>
227 <tr> 235 <tr>
228 <td colspan="2">共有/共用权利人情况</td> 236 <td colspan="2">共有/共用权利人情况</td>
229 <td colspan="10"> 237 <td colspan="10">
230 <input type="text" class="formInput" /> 238 <input type="text" class="formInput" v-model="formData.gyqlrqk" />
231 </td> 239 </td>
232 </tr> 240 </tr>
233 <tr> 241 <tr>
234 <td colspan="2" rowspan="2">说明</td> 242 <td colspan="2" rowspan="2">说明</td>
235 <td colspan="10" rowspan="2"> 243 <td colspan="10" rowspan="2">
236 <input type="text" class="formInput" /> 244 <input type="text" class="formInput" v-model="formData.sm" />
237 </td> 245 </td>
238 </tr> 246 </tr>
239 </table> 247 </table>
...@@ -244,6 +252,7 @@ ...@@ -244,6 +252,7 @@
244 <script> 252 <script>
245 import Qlr from "../../../components/formMenu/qlr"; 253 import Qlr from "../../../components/formMenu/qlr";
246 import Qlxz from "../../../components/formMenu/qlxz"; 254 import Qlxz from "../../../components/formMenu/qlxz";
255 import { getDdicByMC } from "../../../api/common";
247 export default { 256 export default {
248 name: "", 257 name: "",
249 components: { 258 components: {
...@@ -253,7 +262,7 @@ export default { ...@@ -253,7 +262,7 @@ export default {
253 props: {}, 262 props: {},
254 data() { 263 data() {
255 return { 264 return {
256 qllxList: [{ label: "国有建设用地使用权", value: "1" }], 265 qllxList: [],
257 qlsdfsList: [{ label: "地上", value: "1" }], 266 qlsdfsList: [{ label: "地上", value: "1" }],
258 jjhyflList: [{ label: "制造业", value: "1" }], 267 jjhyflList: [{ label: "制造业", value: "1" }],
259 compareList: [ 268 compareList: [
...@@ -261,20 +270,62 @@ export default { ...@@ -261,20 +270,62 @@ export default {
261 { label: "<=", value: "<=" }, 270 { label: "<=", value: "<=" },
262 { label: ">=", value: ">=" }, 271 { label: ">=", value: ">=" },
263 ], 272 ],
264 value: "", 273 formData: {
274 xzq: "",
275 djq: "",
276 djzq: "",
277 qllx: "",
278 qlsdfs: "",
279 zddm: "",
280 bdcdyh: "",
281 djh: "",
282 tdqslyzmcl: "",
283 zl: "",
284 gmjjhyfl: "",
285 jg: "",
286 blc: "",
287 tfh: "",
288 rjl: "",
289 rjsm: "",
290 jzmd: "",
291 jzmdsm: "",
292 jzxg: "",
293 jzxgsm: "",
294 bz: "",
295 dz: "",
296 nz: "",
297 xz: "",
298 pzmj: "",
299 zdmj: "",
300 jzzdmj: "",
301 jzmj: "",
302 gyqlrqk: "",
303 sm: "",
304 },
265 }; 305 };
266 }, 306 },
267 created() {}, 307 created() {
308 this.getDicData();
309 },
268 mounted() {}, 310 mounted() {},
269 methods: { 311 methods: {
270 getQlrxxData(){ 312 getQlrxxData() {
271 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 313 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
272 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 314 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
273 }, 315 },
274 getQlxzData(){ 316 getQlxzData() {
275 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 317 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
276 }, 318 },
277 }, 319 //获取字典数据信息
320 getDicData() {
321 getDdicByMC("权利类型")
322 .then((res) => {
323 console.log(res.result);
324 this.qllxList = res.result;
325 })
326 .catch((error) => {});
327 },
328 },
278 computed: {}, 329 computed: {},
279 watch: {}, 330 watch: {},
280 }; 331 };
...@@ -282,11 +333,11 @@ export default { ...@@ -282,11 +333,11 @@ export default {
282 <style lang="less" scoped> 333 <style lang="less" scoped>
283 .main { 334 .main {
284 box-sizing: border-box; 335 box-sizing: border-box;
285 padding: 18px; 336 padding: 18px;
286 height: auto; 337 height: auto;
287 .formMenu { 338 .formMenu {
288 width: 80%; 339 width: 80%;
289 margin: 0 auto; 340 margin: 0 auto;
290 } 341 }
291 .zdjbxxTable { 342 .zdjbxxTable {
292 margin: 10px 0; 343 margin: 10px 0;
...@@ -318,13 +369,13 @@ export default { ...@@ -318,13 +369,13 @@ export default {
318 float: left; 369 float: left;
319 } 370 }
320 .percent68 { 371 .percent68 {
321 width: 68%; 372 width: 68%!important;
322 float: left; 373 float: left;
323 position: relative; 374 position: relative;
324 top: 7px; 375 top: 7px;
325 } 376 }
326 .percent30 { 377 .percent30 {
327 width: 30%; 378 width: 30%!important;
328 float: left; 379 float: left;
329 } 380 }
330 .createBtn { 381 .createBtn {
...@@ -337,6 +388,9 @@ export default { ...@@ -337,6 +388,9 @@ export default {
337 .el-input__icon { 388 .el-input__icon {
338 line-height: 37px; 389 line-height: 37px;
339 } 390 }
391 .el-select {
392 width: 100% ;
393 }
340 } 394 }
341 } 395 }
342 </style> 396 </style>
......