Skip to content

任超 / js.CadastralSystem

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

自然幢信息路由配置，结构规范

1 parent fa3ae6a0
Inline Side-by-side
Showing 7 changed files with 587 additions and 1 deletions
...@@ -63,7 +63,7 @@ const constantRoutes = [ ...@@ -63,7 +63,7 @@ const constantRoutes = [
63 path: "/zrz", 63 path: "/zrz",
64 name: "自然幢", 64 name: "自然幢",
65 code: "1-1", 65 code: "1-1",
66 component: () => import("@/views/basic/zrz/index"), 66 component: () => import("@/views/systemZRZ/index"),
67 }, 67 },
68 { 68 {
69 path: "/dz", 69 path: "/dz",
......
1 <template>
2 <div class="">登记簿</div>
3 </template>
4
5 <script>
6 export default {
7 name:"",
8 components:{},
9 props:{},
10 data(){
11 return {
12 }
13 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {},
18 watch: {},
19 }
20 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="content_box">
3 <el-tabs v-model="activeName" @tab-click="handleClick">
4 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane>
5 <el-tab-pane label="业主共有" name="yzgy"><yzgy></yzgy></el-tab-pane>
6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
7 <el-tab-pane label="楼盘表" name="lpb"><lpb></lpb></el-tab-pane>
8 <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
9 </el-tabs>
10 </div>
11 </template>
12
13 <script>
14 import zrzxx from "./zrzxx";
15 import yzgy from "./yzgy";
16 import djb from "./djb";
17 import lpb from "./lpb";
18 import lshs from "./lshs";
19 export default {
20 name: "",
21 components: {
22 zrzxx,yzgy,djb,lpb,lshs
23 },
24 props: {},
25 data() {
26 return {
27 activeName: "zrzxx",
28 };
29 },
30 methods: {
31 handleClick(tab, event) {
32 console.log(tab, event);
33 },
34 },
35 created() {},
36 mounted() {},
37 computed: {},
38 watch: {},
39 };
40 </script>
41 <style scoped lang="less"></style>
......
1 <template>
2 <div class="">楼盘表</div>
3 </template>
4
5 <script>
6 export default {
7 name:"",
8 components:{},
9 props:{},
10 data(){
11 return {
12 }
13 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {},
18 watch: {},
19 }
20 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="">历史回溯</div>
3 </template>
4
5 <script>
6 export default {
7 name:"",
8 components:{},
9 props:{},
10 data(){
11 return {
12 }
13 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {},
18 watch: {},
19 }
20 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="">业主共有</div>
3 </template>
4
5 <script>
6 export default {
7 name:"",
8 components:{},
9 props:{},
10 data(){
11 return {
12 }
13 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {},
18 watch: {},
19 }
20 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="zrz content-form">
3 <el-form ref="form" :model="form" label-width="160px">
4 <Qlr ref="qlrxxModule"></Qlr>
5 <table border="1" width="100%" cellspacing="1" cellpadding="2" class="zrzTable">
6 <tbody>
7 <tr>
8 <td colspan="1"></td>
9 <td colspan="1"></td>
10 <td colspan="1"></td>
11 <td colspan="1"></td>
12 <td colspan="1"></td>
13 <td colspan="1"></td>
14 <td colspan="1"></td>
15 <td colspan="1"></td>
16 <td colspan="1"></td>
17 <td colspan="1"></td>
18 <td colspan="1"></td>
19 <td colspan="1"></td>
20 </tr>
21 <tr height="30">
22 <td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td>
23 </tr>
24 <tr height="30">
25 <td colspan="2" align="center" >宗地代码</td>
26 <td colspan="4" >
27 <el-input v-model="form.zdbsm"></el-input>
28 </td>
29 <td colspan="2" align="center" >自然幢号</td>
30 <td colspan="4" >
31 <el-input v-model="form.zrzh" style="width: 70%"></el-input>
32 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
33 </td>
34 </tr>
35 <tr height="30">
36 <td colspan="2" align="center" >项目名称</td>
37 <td colspan="4" >
38 <el-input v-model="form.xmmc"></el-input>
39 </td>
40 <td colspan="2" align="center" >不动产单元号</td>
41 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
42 <td colspan="4" >
43 <el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
44 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
45 </td>
46 </tr>
47
48 <tr height="30">
49 <td colspan="2" align="center" >建筑物名称</td>
50 <td colspan="4" >
51 <el-input v-model="form.jzwmc"></el-input>
52 </td>
53 <td colspan="2" align="center" >建筑物基本用途</td>
54 <td colspan="4" >
55 <el-input v-model="form.jzwjbyt"></el-input>
56 </td>
57 </tr>
58
59 <tr height="30">
60 <td colspan="2" align="center" >房屋性质</td>
61 <td colspan="4" >
62 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
63 <el-option
64 v-for="item in options"
65 :key="item.value"
66 :label="item.label"
67 :value="item.value">
68 </el-option>
69 </el-select>
70 </td>
71 <td colspan="2" align="center" >竣工日期</td>
72 <td colspan="4" >
73 <el-date-picker
74 v-model="form.jgrq"
75 type="date"
76 placeholder="选择日期">
77 </el-date-picker>
78 </td>
79 </tr>
80
81 <tr height="30">
82 <td colspan="2" align="center" >建筑物高度(m)</td>
83 <td colspan="4" >
84 <el-input v-model="form.jzwgd"></el-input>
85 </td>
86 <td colspan="2" align="center" >总套数</td>
87 <td colspan="4" >
88 <el-input v-model="form.zts"></el-input>
89 </td>
90 </tr>
91
92 <tr height="30">
93 <td colspan="2" align="center" >幢用地面积(㎡)</td>
94 <td colspan="4" >
95 <el-input v-model="form.zydmj"></el-input>
96 </td>
97 <td colspan="2" align="center" >幢占用地面积（㎡）</td>
98 <td colspan="4" >
99 <el-input v-model="form.zzdmj"></el-input>
100 </td>
101 </tr>
102
103 <tr height="30">
104 <td colspan="2" align="center" >预测建筑面积（㎡）</td>
105 <td colspan="4" >
106 <el-input v-model="form.ycjzmj"></el-input>
107 </td>
108 <td colspan="2" align="center" >实测建筑面积（㎡）</td>
109 <td colspan="4" >
110 <el-input v-model="form.scjzmj"></el-input>
111 </td>
112 </tr>
113
114 <tr height="30">
115 <td colspan="2" align="center" >地下层数</td>
116 <td colspan="4" >
117 <el-input v-model="form.dxcs"></el-input>
118 </td>
119 <td colspan="2" align="center" >地上层数</td>
120 <td colspan="4" >
121 <el-input v-model="form.dscs"></el-input>
122 </td>
123 </tr>
124
125 <tr height="30">
126 <td colspan="2" align="center" >总层数</td>
127 <td colspan="4" >
128 <el-input v-model="form.zcs"></el-input>
129 </td>
130 <td colspan="2" align="center" >地下深度（m）</td>
131 <td colspan="4" >
132 <el-input v-model="form.dxsd"></el-input>
133 </td>
134 </tr>
135
136 <tr height="30">
137 <td colspan="2" align="center" >产别</td>
138 <td colspan="4" >
139 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
140 <el-option
141 v-for="item in options"
142 :key="item.value"
143 :label="item.label"
144 :value="item.value">
145 </el-option>
146 </el-select>
147 </td>
148 <td colspan="2" align="center" >产权来源</td>
149 <td colspan="4" >
150 <el-select v-model="form.fwcqlybsm" placeholder="请选择" >
151 <el-option
152 v-for="item in options"
153 :key="item.value"
154 :label="item.label"
155 :value="item.value">
156 </el-option>
157 </el-select>
158 </td>
159 </tr>
160
161 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
162 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
163 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
164 <span>用途</span>
165 </td>
166
167 <td width="30" colspan="1" align="center" >
168 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
169 规划用途
170 </td>
171 <td width="30" colspan="4" align="center" >
172 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
173 <el-option
174 v-for="item in options"
175 :key="item.value"
176 :label="item.label"
177 :value="item.value">
178 </el-option>
179 </el-select>
180 </td>
181 <td width="30" colspan="1" align="center" >用途</td>
182 <td width="30" colspan="4" align="center" >
183 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
184 <el-option
185 v-for="item in options"
186 :key="item.value"
187 :label="item.label"
188 :value="item.value">
189 </el-option>
190 </el-select>
191 </td>
192 </tr>
193
194 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
195 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
196 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
197 <span>房屋结构</span>
198 </td>
199 <td colspan="1" align="center" >
200 <span @click="deleteFwjgInfo(index)">删除</span>
201 </td>
202 <td colspan="9" >
203 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
204 <el-option
205 v-for="item in options"
206 :key="item.value"
207 :label="item.label"
208 :value="item.value">
209 </el-option>
210 </el-select>
211 </td>
212 </tr>
213
214 <tr>
215 <td colspan="12" rowspan="4" align="center">
216 <Qlxz ref="qlxzModule"></Qlxz>
217 </td>
218 </tr>
219 <tr></tr>
220 <tr></tr>
221 <tr></tr>
222
223 <tr height="30">
224 <td colspan="2" align="center" >
225 <span>坐落</span>
226 </td>
227 <td colspan="10" >
228 <el-input v-model="form.zl"></el-input>
229 </td>
230 </tr>
231
232 <tr height="30">
233 <td colspan="2" rowspan="2" align="center" >
234 <span>附加说明</span>
235 </td>
236 <td colspan="10" rowspan="2" >
237 <el-input v-model="form.bz" type="textarea"></el-input>
238 </td>
239 </tr>
240 <tr height="30">
241 </tr>
242
243 <tr height="30">
244 <td colspan="2" rowspan="2" align="center" >
245 <span>调查意见</span>
246 </td>
247 <td colspan="10" >
248 <el-input v-model="form.name"></el-input>
249 </td>
250 </tr>
251
252 <tr height="30">
253 <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
254 <span>审查员</span>
255 </td>
256 <td colspan="2" >
257 <el-input v-model="form.name"></el-input>
258 </td>
259 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
260 <span>审查日期</span>
261 </td>
262 <td colspan="2" >
263 <el-date-picker
264 v-model="form.date"
265 type="date"
266 placeholder="选择日期">
267 </el-date-picker>
268 </td>
269 </tr>
270 </tbody>
271 </table>
272 </el-form>
273 <div style="min-height: 40px;text-align: center;margin-top: 10px">
274 <el-button type="success" @click="onSave">保存</el-button>
275 <el-button type="primary" @click="onSubmit">提交</el-button>
276 </div>
277 </div>
278
279 </template>
280
281 <script>
282 import Qlr from "../../../components/formMenu/qlr";
283 import Qlxz from "../../../components/formMenu/qlxz";
284 export default {
285 name:'zrz',
286 components:{
287 Qlr,
288 Qlxz,
289 },
290 data () {
291 return {
292 form:{
293 zrzbsm:'', //自然幢标识码
294 zdbsm:'', //宗地标识码
295 dzbsm:'', //多幢标识码
296 dyhbsm:'', //不动产单元号标识码
297 zrzh:'', //自然幢号
298 jzwgd:'', //建筑物高度
299 zzdmj:'', //幢占地面积
300 zydmj:'', //幢用地面积
301 ycjzmj:'', //预测建筑面积
302 scjzmj:'', //实测建筑面积
303 zcs:'', //总层数
304 dscs:'', //地上层数
305 dxcs:'', //地下层数
306 dxsd:'', //地下深度
307 zts:'', //总套数
308 zl:'', //坐落
309 jzwjbyt:'', //建筑物基本用途
310 jzwmc:'', //建筑物名称
311 xmmc:'', //项目名称
312 jgrq:'', //竣工日期
313 tfh:'', //图幅号
314 bz:'', //备注
315 fwxzbsm:'', //房屋性质ID
316 fwcbbsm:'', //房屋产别ID
317 fwcqlybsm:'', //房屋产权来源ID
318 ydybsm:'', //原单元标识码
319 name:'',
320 date:'',
321 ytList:[{
322 glbsm:'', //关联标识码
323 fwytzdbsm:'', //房屋用途字典标识码
324 sx:'', //顺序
325 fwsjytbsm:'', //房屋实际用途字典标识码
326 }],
327 fwjgList:[{
328 fwjgzdbsm:'', //房屋结构字典标识码
329 glbsm:'', //关联标识码
330 sx:'', //顺序
331 }],
332 qlxzList:[{
333 qlxzdm:'', //权利性质代码
334 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
335 qlxzzdbsm:'', //权利性质字典表标识码
336 qlxzmc:'', //权利名称名称
337 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
338 addQjTdytRequestList:[{
339 }], //土地用途新增实体列表
340 }]
341 },
342 options: [{
343 value: '选项1',
344 label: '黄金糕'
345 }, {
346 value: '选项2',
347 label: '双皮奶'
348 }, {
349 value: '选项3',
350 label: '蚵仔煎'
351 }, {
352 value: '选项4',
353 label: '龙须面'
354 }, {
355 value: '选项5',
356 label: '北京烤鸭'
357 }],
358 value: '',
359 ytTitleRowspan:1, //用途的单元格垂直合并数量
360 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
361 }
362 },
363 methods: {
364 addYtInfo(){
365 this.form.ytList.push({
366 glbsm:'',
367 fwytzdbsm:'',
368 fwsjytbsm:'',
369 sx:'',
370 });
371 this.ytTitleRowspan=this.form.ytList.length;
372 },
373 deleteYtInfo(index){
374 if(this.form.ytList.length<=1){
375 this.$message({
376 message: '不能删除，最少含有一条用途信息',
377 type: 'warning'
378 });
379 }else{
380 this.form.ytList.splice(index,1);
381 this.ytTitleRowspan=this.form.ytList.length;
382 }
383 },
384 addFwjgInfo(){
385 this.form.fwjgList.push({
386 fwjgzdbsm:'', //房屋结构字典标识码
387 glbsm:'', //关联标识码
388 sx:'', //顺序
389 });
390 this.fwjgTitleRowspan=this.form.fwjgList.length;
391 },
392 deleteFwjgInfo(index){
393 if(this.form.fwjgList.length<=1){
394 this.$message({
395 message: '不能删除，最少含有一条房屋结构信息',
396 type: 'warning'
397 });
398 }else{
399 this.form.fwjgList.splice(index,1);
400 this.fwjgTitleRowspan=this.form.fwjgList.length;
401 }
402 },
403 onSave(){
404 console.log(this.form)
405 },
406 onSubmit(){
407 console.log(this.form)
408 }
409 }
410 }
411 </script>
412 <style rel="stylesheet/less" lang="less" scoped>
413 .zrz {
414 min-height: 200px;
415 width: 80%;
416 margin-top: 10px;
417 float: left;
418
419 /deep/.el-input__inner{
420 width: 100%;
421 border: 0;
422 }
423
424 /deep/textarea{
425 width: 100%;
426 border: 0;
427 }
428
429
430 .el-form-item{
431 font-weight: bold;
432 font-size: xx-large
433 }
434
435 table{
436 background: #fff;
437 }
438
439 td{
440 //bgcolor:#F1F4FC;
441 bgcolor:#fff;
442 width:8.33%
443 }
444
445 .el-select{
446 display:block;
447 }
448
449 table{
450 font-size: 14px;
451 }
452
453 .zrzTable{
454 margin-top: 10px;
455 }
456 }
457 </style>
...\ No newline at end of file ...\ No newline at end of file