Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
19818dda by zhaoqian
Options

Merge remote-tracking branch 'origin/master'

2 parents 6554791a 475c68b3
Inline Side-by-side
Showing 18 changed files with 80 additions and 2216 deletions
...@@ -95,4 +95,17 @@ export function updateQsztByBsm(data){ ...@@ -95,4 +95,17 @@ export function updateQsztByBsm(data){
95 method: 'post', 95 method: 'post',
96 data: data 96 data: data
97 }) 97 })
98 }
99 /**
100 * 提交表单信息
101 * glbsm 关联标识码，自然幢，多幢等标识码 ,
102 * status 状态
103 * type 类型，zrz，dz，zd等信息，首字母缩写
104 */
105 export function submit (data) {
106 return request({
107 url: '/system/submit/submitInfo',
108 method: 'post',
109 data:data
110 })
98 } 111 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -48,14 +48,4 @@ export function getZrzDetailByBsm (data) { ...@@ -48,14 +48,4 @@ export function getZrzDetailByBsm (data) {
48 }) 48 })
49 } 49 }
50 50
51 /**
52 * 保存自然幢信息
53 */
54 export function submit (data) {
55 return request({
56 url: '/system/submit/submitInfo',
57 method: 'get',
58 data:data
59 })
60 }
61 51
......
...@@ -23,7 +23,12 @@ ...@@ -23,7 +23,12 @@
23 .fr{ 23 .fr{
24 float: right; 24 float: right;
25 } 25 }
26 26 table{
27 border-width: 0;
28 }
29 table,td,tr,.el-col,.title{
30 border-color: #E6E6E6 !important;
31 }
27 .formInput { 32 .formInput {
28 height: 20px; 33 height: 20px;
29 width: 96%; 34 width: 96%;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <td colspan="2">共有方式</td> 6 <td colspan="2">共有方式</td>
7 <td colspan="8"> 7 <td colspan="8">
8 <el-row> 8 <el-row>
9 <el-col :span="12" class="fl"> 9 <el-col :span="16" class="fl">
10 <el-radio-group v-model="gyfs"> 10 <el-radio-group v-model="gyfs">
11 <el-radio :label="item.bsm" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio> 11 <el-radio :label="item.bsm" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio>
12 </el-radio-group> 12 </el-radio-group>
...@@ -560,14 +560,14 @@ ...@@ -560,14 +560,14 @@
560 .el-table--border::after, 560 .el-table--border::after,
561 .el-table--group::after, 561 .el-table--group::after,
562 .el-table::before { 562 .el-table::before {
563 background-color: black; 563 background-color: #E6E6E6;
564 } 564 }
565 .el-table--border td, 565 .el-table--border td,
566 .el-table--border th, 566 .el-table--border th,
567 .el-table__body-wrapper 567 .el-table__body-wrapper
568 .el-table--border.is-scrolling-left 568 .el-table--border.is-scrolling-left
569 ~ .el-table__fixed { 569 ~ .el-table__fixed {
570 border-right: 1px solid #000; 570 border-right: 1px solid#E6E6E6;
571 } 571 }
572 .el-table td, 572 .el-table td,
573 .el-table th { 573 .el-table th {
...@@ -577,9 +577,13 @@ ...@@ -577,9 +577,13 @@
577 } 577 }
578 .el-table td, 578 .el-table td,
579 .el-table th.is-leaf { 579 .el-table th.is-leaf {
580 border-bottom: 1px solid #000; 580 border-bottom: 1px solid#E6E6E6;
581 border-color: #E6E6E6 !important;
581 } 582 }
582 .qlrTable { 583 .qlrTable {
584 border-color: #E6E6E6 !important;
585 position: relative;
586 top: -1px;
583 .el-input__inner { 587 .el-input__inner {
584 height: 20px; 588 height: 20px;
585 margin: 0; 589 margin: 0;
......
...@@ -95,13 +95,13 @@ ...@@ -95,13 +95,13 @@
95 <el-col :span="3" :key="childIndex+'4'" :class="childIndex>0 ? 'childYT':''"> 95 <el-col :span="3" :key="childIndex+'4'" :class="childIndex>0 ? 'childYT':''">
96 <ul> 96 <ul>
97 <li> 97 <li>
98 <input type="text" v-model="childItem.pzytdm" class="formInput" /> 98 <input type="text" placeholder="请输入" v-model="childItem.pzytdm" class="formInput" />
99 </li> 99 </li>
100 <li> 100 <li>
101 <input type="text" v-model="childItem.sjytdm" class="formInput" /> 101 <input type="text" placeholder="请输入" v-model="childItem.sjytdm" class="formInput" />
102 </li> 102 </li>
103 <li> 103 <li>
104 <input type="text" v-model="childItem.syqx " class="formInput" /> 104 <input type="text" placeholder="请输入" v-model="childItem.syqx " class="formInput" />
105 </li> 105 </li>
106 </ul> 106 </ul>
107 </el-col> 107 </el-col>
...@@ -319,7 +319,7 @@ export default { ...@@ -319,7 +319,7 @@ export default {
319 height: 37px; 319 height: 37px;
320 line-height: 37px; 320 line-height: 37px;
321 text-decoration: none; 321 text-decoration: none;
322 border-bottom: 1px solid grey; 322 border-bottom: 1px solid #E6E6E6;
323 .el-select{ 323 .el-select{
324 width: 100%; 324 width: 100%;
325 } 325 }
......
...@@ -83,12 +83,6 @@ const constantRoutes = [ ...@@ -83,12 +83,6 @@ const constantRoutes = [
83 code: "1-5", 83 code: "1-5",
84 component: () => import("@/views/systemZD/index"), 84 component: () => import("@/views/systemZD/index"),
85 }, 85 },
86 {
87 path: "/ljz",
88 name: "宗地1",
89 code: "1-6",
90 component: () => import("@/views/basic/ljz/index"),
91 },
92 ], 86 ],
93 }, 87 },
94 ]; 88 ];
......
...@@ -121,59 +121,7 @@ export default { ...@@ -121,59 +121,7 @@ export default {
121 "/announcement_template": "PSH019", 121 "/announcement_template": "PSH019",
122 "/business_management": "PSH020", 122 "/business_management": "PSH020",
123 }, 123 },
124 pd: [ 124 pd: [],
125 {
126 mc: "行政区(1)",
127 children: [],
128 },
129 {
130 mc: "行政区(2)",
131 children: [
132 {
133 mc: "地籍区1",
134 children: [],
135 },
136 {
137 mc: "地籍区2",
138 children: [
139 {
140 mc: "国有",
141 children: [
142 {
143 mc: "宗地代码1933",
144 isZD: true,
145 },
146 {
147 mc: "自然幢2100",
148 isZD: false,
149 },
150 ],
151 },
152 ],
153 },
154 {
155 label: "地籍区3",
156 children: [],
157 },
158 {
159 label: "地籍区4",
160 children: [],
161 },
162 ],
163 },
164 {
165 mc: "行政区(3)",
166 children: [],
167 },
168 {
169 mc: "行政区(4)",
170 children: [],
171 },
172 {
173 mc: "行政区(5)",
174 children: [],
175 },
176 ],
177 dialogVisible: false, 125 dialogVisible: false,
178 }; 126 };
179 }, 127 },
......
1 .dz {
2 min-height: 200px;
3 width: 80%;
4 margin-top: 10px;
5 float: left;
6
7 /deep/.el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 /deep/textarea{
13 width: 100%;
14 border: 0;
15 }
16
17
18 .el-form-item{
19 font-weight: bold;
20 font-size: xx-large
21 }
22
23 table{
24 background: #fff;
25 }
26
27 td{
28 //bgcolor:#F1F4FC;
29 bgcolor:#fff;
30 width:8.33%
31 }
32
33 .el-select{
34 display:block;
35 }
36
37 table{
38 font-size: 14px;
39 }
40
41 .dzTable{
42 margin-top: 10px;
43 }
44 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="dz 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="dzTable">
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.dyhbsm" style="width: 70%"></el-input>
32 <el-button @click.prevent="" size="mini" type="primary" 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 <td colspan="4" >
42 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
43 <el-option
44 v-for="item in options"
45 :key="item.value"
46 :label="item.label"
47 :value="item.value">
48 </el-option>
49 </el-select>
50 </td>
51 </tr>
52
53 <tr height="30">
54 <td colspan="2" align="center" >房屋类型</td>
55 <td colspan="4" >
56 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
57 <el-option
58 v-for="item in options"
59 :key="item.value"
60 :label="item.label"
61 :value="item.value">
62 </el-option>
63 </el-select>
64 </td>
65 <td colspan="2" align="center" >竣工日期</td>
66 <td colspan="4" >
67 <el-date-picker
68 v-model="form.jgrq"
69 type="date"
70 placeholder="选择日期">
71 </el-date-picker>
72 </td>
73 </tr>
74
75 <tr height="30">
76 <td colspan="2" align="center" >产别</td>
77 <td colspan="4" >
78 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
79 <el-option
80 v-for="item in options"
81 :key="item.value"
82 :label="item.label"
83 :value="item.value">
84 </el-option>
85 </el-select>
86 </td>
87 <td colspan="2" align="center" >产权来源</td>
88 <td colspan="4" >
89 <el-select v-model="form.fwcqlybsm" placeholder="请选择" >
90 <el-option
91 v-for="item in options"
92 :key="item.value"
93 :label="item.label"
94 :value="item.value">
95 </el-option>
96 </el-select>
97 </td>
98 </tr>
99
100 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
101 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
102 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
103 <span>用途</span>
104 </td>
105
106 <td colspan="1" align="center" >
107 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
108 规划用途
109 </td>
110 <td colspan="4" align="center" >
111 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
112 <el-option
113 v-for="item in options"
114 :key="item.value"
115 :label="item.label"
116 :value="item.value">
117 </el-option>
118 </el-select>
119 </td>
120 <td colspan="1" align="center" >用途</td>
121 <td colspan="4" align="center" >
122 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
123 <el-option
124 v-for="item in options"
125 :key="item.value"
126 :label="item.label"
127 :value="item.value">
128 </el-option>
129 </el-select>
130 </td>
131 </tr>
132
133 <tr height="30">
134 <td colspan="2" align="center" >共有土地面积（㎡）</td>
135 <td colspan="2" >
136 <el-input v-model="form.zdmj"></el-input>
137 </td>
138 <td colspan="2" align="center" >分摊土地面积（㎡）</td>
139 <td colspan="2" >
140 <el-input v-model="form.fttdsymj"></el-input>
141 </td>
142 <td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
143 <td colspan="2" >
144 <el-input v-model="form.dlsytdmj"></el-input>
145 </td>
146 </tr>
147
148 <tr>
149 <td colspan="12" rowspan="4" align="center">
150 <Qlxz ref="qlxzModule"></Qlxz>
151 </td>
152 </tr>
153 <tr></tr>
154 <tr></tr>
155 <tr></tr>
156
157
158 <tr height="30">
159 <td colspan="2" align="center" >
160 <span>坐落</span>
161 </td>
162 <td colspan="10" >
163 <el-input v-model="form.zl"></el-input>
164 </td>
165 </tr>
166
167 <tr height="30">
168 <td colspan="2" rowspan="2" align="center" >
169 <span>附加说明</span>
170 </td>
171 <td colspan="10" rowspan="2" >
172 <el-input v-model="form.bz" type="textarea"></el-input>
173 </td>
174 </tr>
175 <tr height="30">
176 </tr>
177
178 <tr height="30">
179 <td colspan="2" rowspan="2" align="center" >
180 <span>调查意见</span>
181 </td>
182 <td colspan="10" >
183 <el-input v-model="form.name"></el-input>
184 </td>
185 </tr>
186
187 <tr height="30">
188 <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
189 <span>审查员</span>
190 </td>
191 <td colspan="2" >
192 <el-input v-model="form.name"></el-input>
193 </td>
194 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
195 <span>审查日期</span>
196 </td>
197 <td colspan="2" >
198 <el-date-picker
199 v-model="form.date"
200 type="date"
201 placeholder="选择日期">
202 </el-date-picker>
203 </td>
204 </tr>
205 </tbody>
206 </table>
207 </el-form>
208 <div style="min-height: 40px;text-align: center;margin-top: 10px">
209 <el-button type="success" @click="onSave">保存</el-button>
210 <el-button type="primary" @click="onSubmit">提交</el-button>
211 </div>
212 </div>
213
214 </template>
215
216 <script>
217 import Qlr from "../../../components/formMenu/qlr";
218 import Qlxz from "../../../components/formMenu/qlxz";
219 export default {
220 name:'zrz',
221 components:{
222 Qlr,
223 Qlxz,
224 },
225 data () {
226 return {
227 form:{
228 dzbsm:'', //多幢标识码
229 zdbsm:'', //宗地标识码
230 dyhbsm:'', //不动产单元号标识码
231 zl:'', //坐落
232 xmmc:'', //项目名称
233 jgrq:'', //竣工日期
234 bz:'', //备注
235 fwxzbsm:'', //房屋性质ID
236 fwcbbsm:'', //房屋产别ID
237 fwcqlybsm:'', //房屋产权来源ID
238 dlsytdmj:'', //独立使用土地面积
239 fttdsymj:'', //分摊土地使用面积
240 zdmj:'', //占地面积
241 name:'',
242 date:'',
243 ytList:[{
244 glbsm:'', //关联标识码
245 fwytzdbsm:'', //房屋用途字典标识码
246 sx:'', //顺序
247 fwsjytbsm:'', //房屋实际用途字典标识码
248 }],
249 qlxzList:[{
250 qlxzdm:'', //权利性质代码
251 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
252 qlxzzdbsm:'', //权利性质字典表标识码
253 qlxzmc:'', //权利名称名称
254 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
255 addQjTdytRequestList:[{
256 }], //土地用途新增实体列表
257 }]
258 },
259 options: [{
260 value: '选项1',
261 label: '黄金糕'
262 }, {
263 value: '选项2',
264 label: '双皮奶'
265 }, {
266 value: '选项3',
267 label: '蚵仔煎'
268 }, {
269 value: '选项4',
270 label: '龙须面'
271 }, {
272 value: '选项5',
273 label: '北京烤鸭'
274 }],
275 value: '',
276 ytTitleRowspan:1, //用途的单元格垂直合并数量
277 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
278 qlxzGroupTitleRowspan:1, //房屋结构的单元格垂直合并数量
279 qlxzItemTitleRowspan:1, //房屋结构的单元格垂直合并数量
280 }
281 },
282 methods: {
283 addYtInfo(){
284 this.form.ytList.push({
285 glbsm:'',
286 fwytzdbsm:'',
287 fwsjytbsm:'',
288 sx:'',
289 });
290 this.ytTitleRowspan=this.form.ytList.length;
291 },
292 deleteYtInfo(index){
293 if(this.form.ytList.length<=1){
294 this.$message({
295 message: '不能删除，最少含有一条用途信息',
296 type: 'warning'
297 });
298 }else{
299 this.form.ytList.splice(index,1);
300 this.ytTitleRowspan=this.form.ytList.length;
301 }
302 },
303 addFwjgInfo(){
304 this.form.fwjgList.push({
305 fwjgzdbsm:'', //房屋结构字典标识码
306 glbsm:'', //关联标识码
307 sx:'', //顺序
308 });
309 this.fwjgTitleRowspan=this.form.fwjgList.length;
310 },
311 deleteFwjgInfo(index){
312 if(this.form.fwjgList.length<=1){
313 this.$message({
314 message: '不能删除，最少含有一条房屋结构信息',
315 type: 'warning'
316 });
317 }else{
318 this.form.fwjgList.splice(index,1);
319 this.fwjgTitleRowspan=this.form.fwjgList.length;
320 }
321 },
322 addQlxzGroup(){
323 this.form.qlxzList.push({
324 qlxzdm: '', //权利性质代码
325 glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
326 qlxzzdbsm: '', //权利性质字典表标识码
327 qlxzmc: '', //权利名称名称
328 zhqlxzlx: '', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
329 addQjTdytRequestList: [{}]
330 });
331 },
332 deleteQlxzGroup(index){
333 if(this.form.qlxzList.length<=1){
334 this.$message({
335 message: '不能删除，最少含有一条权利性质信息',
336 type: 'warning'
337 });
338 }else{
339 this.form.qlxzList.splice(index,1);
340 }
341 },
342 addQlxzItem(index){
343 this.form.qlxzList
344 },
345
346 deleteQlxzItem(index){
347
348 },
349
350
351 onSave(){
352 console.log(this.form)
353 },
354 onSubmit(){
355 console.log(this.form)
356 }
357 }
358 }
359 </script>
360 <style rel="stylesheet/less" lang="less" scoped>
361 @import 'index.less';
362 </style>
...\ No newline at end of file ...\ No newline at end of file
1 .h {
2 min-height: 200px;
3 width: 80%;
4 margin-top: 10px;
5 float: left;
6
7 /deep/.el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 /deep/textarea{
13 width: 100%;
14 border: 0;
15 }
16
17
18 .el-form-item{
19 font-weight: bold;
20 font-size: xx-large
21 }
22
23 table{
24 background: #fff;
25 }
26
27 td{
28 //bgcolor:#F1F4FC;
29 bgcolor:#fff;
30 width:8.33%
31 }
32
33 .el-select{
34 display:block;
35 }
36 }
37
38 table{
39 font-size: 14px;
40 }
41
42 .hTable{
43 margin-top: 10px;
44 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="h 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="hTable">
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"></el-input>
32 </td>
33 </tr>
34 <tr height="30">
35 <td colspan="2" align="center" >不动产单元号</td>
36 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
37 <td colspan="4" >
38 <el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
39 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
40 </td>
41 <td colspan="2" align="center" >原不动产单元</td>
42 <td colspan="4" >
43 <el-input v-model="form.ydybsm"></el-input>
44 </td>
45 </tr>
46
47 <tr height="30">
48 <td colspan="2" align="center" >逻辑幢号</td>
49 <td colspan="4" >
50 <el-input v-model="form.ljzbsm"></el-input>
51 </td>
52 <td colspan="2" align="center" >层号</td>
53 <td colspan="4" >
54 <el-input v-model="form.cbsm"></el-input>
55 </td>
56 </tr>
57
58 <tr height="30">
59 <td colspan="2" align="center" >实际层数</td>
60 <td colspan="4" >
61 <el-input v-model="form.sjcs"></el-input>
62 </td>
63 <td colspan="2" align="center" >实际层</td>
64 <td colspan="4" >
65 <el-input v-model="form.sjc"></el-input>
66 </td>
67 </tr>
68
69 <tr height="30">
70 <td colspan="2" align="center" >所在单元</td>
71 <td colspan="4" >
72 <el-input v-model="form.dyhbsm"></el-input>
73 </td>
74 <td colspan="2" align="center" >房屋编号</td>
75 <td colspan="4" >
76 <el-input v-model="form.fwbh"></el-input>
77 </td>
78 </tr>
79
80 <tr height="30">
81 <td colspan="2" align="center" >房屋类型</td>
82 <td colspan="4" >
83 <el-select v-model="form.fwlxbsm" placeholder="请选择" >
84 <el-option
85 v-for="item in options"
86 :key="item.value"
87 :label="item.label"
88 :value="item.value">
89 </el-option>
90 </el-select>
91 </td>
92 <td colspan="2" align="center" >房屋性质</td>
93 <td colspan="4" >
94 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
95 <el-option
96 v-for="item in options"
97 :key="item.value"
98 :label="item.label"
99 :value="item.value">
100 </el-option>
101 </el-select>
102 </td>
103 </tr>
104
105 <tr height="30">
106 <td colspan="2" align="center" >户号</td>
107 <td colspan="4" >
108 <el-input v-model="form.hh"></el-input>
109 </td>
110 <td colspan="2" align="center" >室号</td>
111 <td colspan="4" >
112 <el-input v-model="form.shbw"></el-input>
113 </td>
114 </tr>
115
116 <tr height="30">
117 <td colspan="2" align="center" >户型</td>
118 <td colspan="4" >
119 <el-select v-model="form.hxbsm" placeholder="请选择" >
120 <el-option
121 v-for="item in options"
122 :key="item.value"
123 :label="item.label"
124 :value="item.value">
125 </el-option>
126 </el-select>
127 </td>
128 <td colspan="2" align="center" >户型结构</td>
129 <td colspan="4" >
130 <el-select v-model="form.hxbsm" placeholder="请选择" >
131 <el-option
132 v-for="item in options"
133 :key="item.value"
134 :label="item.label"
135 :value="item.value">
136 </el-option>
137 </el-select>
138 </td>
139 </tr>
140
141 <tr height="30">
142 <td colspan="2" align="center" >产别</td>
143 <td colspan="4" >
144 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
145 <el-option
146 v-for="item in options"
147 :key="item.value"
148 :label="item.label"
149 :value="item.value">
150 </el-option>
151 </el-select>
152 </td>
153 <td colspan="2" align="center" >产权来源</td>
154 <td colspan="4" >
155 <el-select v-model="form.fwcqlybsm" placeholder="请选择" >
156 <el-option
157 v-for="item in options"
158 :key="item.value"
159 :label="item.label"
160 :value="item.value">
161 </el-option>
162 </el-select>
163 </td>
164 </tr>
165
166 <tr height="30">
167 <td colspan="2" rowspan="6" align="center" >预测</td>
168 <td colspan="2" align="center" >建筑面积（㎡） </td>
169 <td colspan="2" align="center" >
170 <el-input v-model="form.jzmj"></el-input>
171 </td>
172 <td colspan="2" rowspan="6" align="center" >实测</td>
173 <td colspan="2" align="center" >建筑面积（㎡）</td>
174 <td colspan="2" align="center" >
175 <el-input v-model="form.jzmj"></el-input>
176 </td>
177 </tr>
178 <tr height="30">
179 <td colspan="2" align="center" >套内建筑面积（㎡））</td>
180 <td colspan="2" align="center" >
181 <el-input v-model="form.tnjzmj"></el-input>
182 </td>
183 <td colspan="2" align="center" >套内建筑面积（㎡）</td>
184 <td colspan="2" align="center" >
185 <el-input v-model="form.tnjzmj"></el-input>
186 </td>
187 </tr>
188 <tr height="30">
189 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
190 <td colspan="2" align="center" >
191 <el-input v-model="form.ftjzmj"></el-input>
192 </td>
193 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
194 <td colspan="2" align="center" >
195 <el-input v-model="form.ftjzmj"></el-input>
196 </td>
197 </tr>
198 <tr height="30">
199 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
200 <td colspan="2" align="center" >
201 <el-input v-model="form.dxbfjzmj"></el-input>
202 </td>
203 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
204 <td colspan="2" align="center" >
205 <el-input v-model="form.dxbfjzmj"></el-input>
206 </td>
207 </tr>
208 <tr height="30">
209 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
210 <td colspan="2" align="center" >
211 <el-input v-model="form.qtjzmj"></el-input>
212 </td>
213 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
214 <td colspan="2" align="center" >
215 <el-input v-model="form.qtjzmj"></el-input>
216 </td>
217 </tr>
218 <tr height="30">
219 <td colspan="2" align="center" >分摊系数</td>
220 <td colspan="2" align="center" >
221 <el-input v-model="form.ftxs"></el-input>
222 </td>
223 <td colspan="2" align="center" >分摊系数</td>
224 <td colspan="2" align="center" >
225 <el-input v-model="form.ftxs"></el-input>
226 </td>
227 </tr>
228
229
230 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
231 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
232 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
233 <span>用途</span>
234 </td>
235
236 <td width="30" colspan="1" align="center" >
237 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
238 规划用途
239 </td>
240 <td width="30" colspan="4" align="center" >
241 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
242 <el-option
243 v-for="item in options"
244 :key="item.value"
245 :label="item.label"
246 :value="item.value">
247 </el-option>
248 </el-select>
249 </td>
250 <td width="30" colspan="1" align="center" >用途</td>
251 <td width="30" colspan="4" align="center" >
252 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
253 <el-option
254 v-for="item in options"
255 :key="item.value"
256 :label="item.label"
257 :value="item.value">
258 </el-option>
259 </el-select>
260 </td>
261 </tr>
262
263 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
264 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
265 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
266 <span>房屋结构</span>
267 </td>
268 <td colspan="1" align="center" >
269 <span @click="deleteFwjgInfo(index)">删除</span>
270 </td>
271 <td colspan="9" >
272 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
273 <el-option
274 v-for="item in options"
275 :key="item.value"
276 :label="item.label"
277 :value="item.value">
278 </el-option>
279 </el-select>
280 </td>
281 </tr>
282
283 <tr height="30">
284 <td colspan="2" align="center" >共有土地面积（㎡）</td>
285 <td colspan="2" >
286 <el-input v-model="form.zdmj"></el-input>
287 </td>
288 <td colspan="2" align="center" >分摊土地面积（㎡）</td>
289 <td colspan="2" >
290 <el-input v-model="form.fttdsymj"></el-input>
291 </td>
292 <td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
293 <td colspan="2" >
294 <el-input v-model="form.dlsytdmj"></el-input>
295 </td>
296 </tr>
297
298
299 <tr>
300 <td colspan="12" rowspan="4" align="center">
301 <Qlxz ref="qlxzModule"></Qlxz>
302 </td>
303 </tr>
304 <tr></tr>
305 <tr></tr>
306 <tr></tr>
307
308
309
310 <tr height="30">
311 <td colspan="2" align="center" >
312 <span>坐落</span>
313 </td>
314 <td colspan="10" >
315 <el-input v-model="form.zl"></el-input>
316 </td>
317 </tr>
318
319 <tr height="30">
320 <td colspan="2" align="center" >东墙体归属</td>
321 <td colspan="4" >
322 <el-input v-model="form.dqtgs"></el-input>
323 </td>
324 <td colspan="2" align="center" >南墙体归属</td>
325 <td colspan="4" >
326 <el-input v-model="form.nqtgs"></el-input>
327 </td>
328 </tr>
329
330 <tr height="30">
331 <td colspan="2" align="center" >西墙体归属</td>
332 <td colspan="4" >
333 <el-input v-model="form.xqtgs"></el-input>
334 </td>
335 <td colspan="2" align="center" >北墙体归属</td>
336 <td colspan="4" >
337 <el-input v-model="form.bqtgs"></el-input>
338 </td>
339 </tr>
340
341 <tr height="30">
342 <td colspan="2" rowspan="2" align="center" >
343 <span>附加说明</span>
344 </td>
345 <td colspan="10" rowspan="2" >
346 <el-input v-model="form.bz" type="textarea"></el-input>
347 </td>
348 </tr>
349 <tr height="30">
350 </tr>
351
352 <tr height="30">
353 <td colspan="2" rowspan="2" align="center" >
354 <span>调查意见</span>
355 </td>
356 <td colspan="10" >
357 <el-input v-model="form.name"></el-input>
358 </td>
359 </tr>
360
361 <tr height="30">
362 <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
363 <span>审查员</span>
364 </td>
365 <td colspan="2" >
366 <el-input v-model="form.name"></el-input>
367 </td>
368 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
369 <span>审查日期</span>
370 </td>
371 <td colspan="2" >
372 <el-date-picker
373 v-model="form.date"
374 type="date"
375 placeholder="选择日期">
376 </el-date-picker>
377 </td>
378 </tr>
379 </tbody>
380 </table>
381 </el-form>
382 <div style="min-height: 40px;text-align: center;margin-top: 10px">
383 <el-button type="success" @click="onSave">保存</el-button>
384 <el-button type="primary" @click="onSubmit">提交</el-button>
385 </div>
386 </div>
387
388 </template>
389
390 <script>
391 import Qlr from "../../../components/formMenu/qlr";
392 import Qlxz from "../../../components/formMenu/qlxz";
393 export default {
394 name:'zrz',
395 components:{
396 Qlr,
397 Qlxz,
398 },
399 data () {
400 return {
401 form:{
402 zrzbsm:'', //自然幢标识码
403 ljzbsm:'', //逻辑幢标识码
404 zdybsm:'', //幢单元标识码
405 cbsm:'', //层标识码
406 zdbsm:'', //宗地标识码
407 dyhbsm:'', //不动产单元号标识码
408 ydybsm:'', //原单元标识码
409 zrzh:'', //自然幢号
410 mjdwbsm:'', //面积单位编号
411 sjcs:'', //实际层数
412 hh:'', //户号
413 hxbsm:'', //户型标识码
414 dltdmj:'', //独立使用土地面积
415 fttdmj:'', //分摊土地使用面积
416 gytdmj:'', //共有土地面积
417 fwlxbsm:'', //房屋类型标识码
418 fwxzbsm:'', //房屋性质标识码
419 sjc:'', //实际层
420 dqtgs:'', //东墙体归属
421 nqtgs:'', //南墙体归属
422 xqtgs:'', //西墙体归属
423 bqtgs:'', //北墙体归属
424 fwbh:'', //房屋编号
425 fjsm:'', //附加说明
426 fwcbbsm:'', //房屋产别标识码
427 sjhs:'', //实际户数
428 shbw:'', //室号部位
429 fwcqlybsm:'', //房屋产权来源标识码
430 myc:'', //名义层
431 qszt:'', //权属状态
432 jzmj:'', //建筑面积
433 tnjzmj:'', //套内建筑面积
434 ftjzmj:'', //分摊建筑面积
435 dxbfjzmj:'', //地下部分建筑面积
436 qtjzmj:'', //其它建筑面积
437 ftxs:'', //分摊系数
438 scyclx:'', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据
439 scycglbsm:'', //实测预测关联标识码
440 ch:'', //层号
441 bz:'', //备注
442 name:'',
443 date:'',
444 ytList:[{
445 glbsm:'', //关联标识码
446 fwytzdbsm:'', //房屋用途字典标识码
447 sx:'', //顺序
448 fwsjytbsm:'', //房屋实际用途字典标识码
449 }],
450 fwjgList:[{
451 fwjgzdbsm:'', //房屋结构字典标识码
452 glbsm:'', //关联标识码
453 sx:'', //顺序
454 }],
455 qlxzList:[{
456 qlxzdm:'', //权利性质代码
457 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
458 qlxzzdbsm:'', //权利性质字典表标识码
459 qlxzmc:'', //权利名称名称
460 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
461 addQjTdytRequestList:[{
462 }], //土地用途新增实体列表
463 }]
464 },
465 options: [{
466 value: '选项1',
467 label: '黄金糕'
468 }, {
469 value: '选项2',
470 label: '双皮奶'
471 }, {
472 value: '选项3',
473 label: '蚵仔煎'
474 }, {
475 value: '选项4',
476 label: '龙须面'
477 }, {
478 value: '选项5',
479 label: '北京烤鸭'
480 }],
481 value: '',
482 ytTitleRowspan:1, //用途的单元格垂直合并数量
483 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
484 }
485 },
486 methods: {
487 addYtInfo(){
488 this.form.ytList.push({
489 glbsm:'',
490 fwytzdbsm:'',
491 fwsjytbsm:'',
492 sx:'',
493 });
494 this.ytTitleRowspan=this.form.ytList.length;
495 },
496 deleteYtInfo(index){
497 if(this.form.ytList.length<=1){
498 this.$message({
499 message: '不能删除，最少含有一条用途信息',
500 type: 'warning'
501 });
502 }else{
503 this.form.ytList.splice(index,1);
504 this.ytTitleRowspan=this.form.ytList.length;
505 }
506 },
507 addFwjgInfo(){
508 this.form.fwjgList.push({
509 fwjgzdbsm:'', //房屋结构字典标识码
510 glbsm:'', //关联标识码
511 sx:'', //顺序
512 });
513 this.fwjgTitleRowspan=this.form.fwjgList.length;
514 },
515 deleteFwjgInfo(index){
516 if(this.form.fwjgList.length<=1){
517 this.$message({
518 message: '不能删除，最少含有一条房屋结构信息',
519 type: 'warning'
520 });
521 }else{
522 this.form.fwjgList.splice(index,1);
523 this.fwjgTitleRowspan=this.form.fwjgList.length;
524 }
525 },
526 onSave(){
527 console.log(this.form)
528 },
529 onSubmit(){
530 console.log(this.form)
531 }
532 }
533 }
534 </script>
535 <style rel="stylesheet/less" lang="less" scoped>
536 @import 'index.less';
537 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="main">
3 <div class="formMenu">
4 <el-form ref="form" :model="form" label-width="160px">
5 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
6 <tr>
7 <th colspan="12">逻辑幢基本信息</th>
8 </tr>
9 <tr>
10 <td colspan="2">逻辑幢号</td>
11 <td colspan="4">
12 <input type="text" class="formInput" />
13 </td>
14 <td colspan="2">自然幢号</td>
15 <td colspan="4">
16 <input type="text" class="formInput" />
17 </td>
18 </tr>
19 <tr>
20 <td colspan="2">逻辑幢顺序号</td>
21 <td colspan="4">
22 <input type="text" class="formInput" />
23 </td>
24 <td colspan="2">不动产单元号</td>
25 <td colspan="4" class="psr">
26 <input type="text" class="formInput percent78" />
27 <el-button type="primary" class="createBtn">生成</el-button>
28 </td>
29 </tr>
30 <tr>
31 <td colspan="2">门牌号</td>
32 <td colspan="4">
33 <input type="text" class="formInput" />
34 </td>
35 <td colspan="2" align="center">竣工日期</td>
36 <td colspan="4" >
37 <!-- <el-date-picker-->
38 <!-- v-model="jgrq"-->
39 <!-- type="date"-->
40 <!-- placeholder="选择日期"-->
41 <!-- >-->
42 <!-- </el-date-picker>-->
43 </td>
44 </tr>
45 <tr>
46 <td colspan="2">预测建筑面积（㎡）</td>
47 <td colspan="4">
48 <input type="text" class="formInput" />
49 </td>
50 <td colspan="2">实测建筑面积（㎡）</td>
51 <td colspan="4" class="psr">
52 <input type="text" class="formInput" />
53
54 </td>
55 </tr>
56 <tr>
57 <td colspan="2">预测地下面积（㎡）</td>
58 <td colspan="4">
59 <input type="text" class="formInput" />
60 </td>
61 <td colspan="2">实测地下面积（㎡）</td>
62 <td colspan="4" class="psr">
63 <input type="text" class="formInput " />
64 </td>
65 </tr>
66 <tr>
67 <td colspan="2">预测其他面积（㎡）</td>
68 <td colspan="4">
69 <input type="text" class="formInput" />
70 </td>
71 <td colspan="2">实测其他面积（㎡）</td>
72 <td colspan="4" class="psr">
73 <input type="text" class="formInput" />
74 </td>
75 </tr>
76
77 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
78 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
79 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
80 <span>用途</span>
81 </td>
82
83 <td width="30" colspan="2" align="center" >
84 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
85 规划用途
86 </td>
87 <td width="30" colspan="4" align="center" >
88 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
89 <el-option
90 v-for="item in options"
91 :key="item.value"
92 :label="item.label"
93 :value="item.value">
94 </el-option>
95 </el-select>
96 </td>
97 <td width="30" colspan="2" align="center" >用途</td>
98 <td width="30" colspan="4" align="center" >
99 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
100 <el-option
101 v-for="item in options"
102 :key="item.value"
103 :label="item.label"
104 :value="item.value">
105 </el-option>
106 </el-select>
107 </td>
108 </tr>
109
110 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
111 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
112 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
113 <span>房屋结构</span>
114 </td>
115 <td colspan="2" align="center" >
116 <span @click="deleteFwjgInfo(index)">删除</span>
117 </td>
118 <td colspan="9" >
119 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
120 <el-option
121 v-for="item in options"
122 :key="item.value"
123 :label="item.label"
124 :value="item.value">
125 </el-option>
126 </el-select>
127 </td>
128 </tr>
129
130 <tr>
131 <td colspan="2">地下层数</td>
132 <td colspan="4">
133 <input type="text" class="formInput" />
134 </td>
135 <td colspan="2">地上层数</td>
136 <td colspan="4" class="psr">
137 <input type="text" class="formInput" />
138 </td>
139 </tr>
140 <tr>
141 <td colspan="2">总层数</td>
142 <td colspan="4">
143 <input type="text" class="formInput" />
144 </td>
145 <td colspan="2">建筑物状态</td>
146 <td colspan="4" class="psr">
147 <input type="text" class="formInput" />
148 </td>
149 </tr>
150 <tr>
151 <td colspan="2">备注</td>
152 <td colspan="10">
153 <input type="text" class="formInput" />
154 </td>
155 </tr>
156 <tr>
157 <th colspan="12" class="save">
158 <el-button type="primary" >保存</el-button>
159 </th>
160 </tr>
161 </table>
162 </el-form>
163 </div>
164 </div>
165 </template>
166
167 <script>
168 export default {
169 name:"",
170 components:{},
171 props:{},
172 data(){
173 return {
174 jgrq:'',
175 form: {
176 ytList: [{
177 glbsm: '', //关联标识码
178 fwytzdbsm: '', //房屋用途字典标识码
179 sx: '', //顺序
180 fwsjytbsm: '', //房屋实际用途字典标识码
181 }],
182 fwjgList: [{
183 fwjgzdbsm: '', //房屋结构字典标识码
184 glbsm: '', //关联标识码
185 sx: '', //顺序
186 }],
187 },
188 options: [{
189 value: '选项1',
190 label: '黄金糕'
191 }, {
192 value: '选项2',
193 label: '双皮奶'
194 }, {
195 value: '选项3',
196 label: '蚵仔煎'
197 }, {
198 value: '选项4',
199 label: '龙须面'
200 }, {
201 value: '选项5',
202 label: '北京烤鸭'
203 }],
204 value: '',
205 ytTitleRowspan:1, //用途的单元格垂直合并数量
206 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
207 }
208 },
209 created(){},
210 mounted(){},
211 methods:{
212 addYtInfo(){
213 this.form.ytList.push({
214 glbsm:'',
215 fwytzdbsm:'',
216 fwsjytbsm:'',
217 sx:'',
218 });
219 this.ytTitleRowspan=this.form.ytList.length;
220 },
221 deleteYtInfo(index){
222 if(this.form.ytList.length<=1){
223 this.$message({
224 message: '不能删除，最少含有一条用途信息',
225 type: 'warning'
226 });
227 }else{
228 this.form.ytList.splice(index,1);
229 this.ytTitleRowspan=this.form.ytList.length;
230 }
231 },
232 addFwjgInfo(){
233 this.form.fwjgList.push({
234 fwjgzdbsm:'', //房屋结构字典标识码
235 glbsm:'', //关联标识码
236 sx:'', //顺序
237 });
238 this.fwjgTitleRowspan=this.form.fwjgList.length;
239 },
240 deleteFwjgInfo(index){
241 if(this.form.fwjgList.length<=1){
242 this.$message({
243 message: '不能删除，最少含有一条房屋结构信息',
244 type: 'warning'
245 });
246 }else{
247 this.form.fwjgList.splice(index,1);
248 this.fwjgTitleRowspan=this.form.fwjgList.length;
249 }
250 },
251 },
252 computed: {},
253 watch: {},
254 }
255 </script>
256
257 <style lang="less" scoped>
258 .main {
259 box-sizing: border-box;
260 padding: 18px;
261 height: auto;
262 .formMenu {
263 width: 1000px;
264 }
265 .zdjbxxTable {
266 margin-top: 10px;
267 background-color: #fff;
268 font-size: 14px;
269 width: 100%;
270 th {
271 height: 36px;
272 line-height: 36px;
273 font-size: 16px;
274 }
275 td {
276 width: 60px;
277 text-align: center;
278 height: 36px;
279 }
280 /deep/.el-input__inner {
281 margin: 0;
282 height: 36px;
283 border: none;
284 color: #606764;
285 overflow: visible;
286 text-align: center;
287 cursor: text;
288 }
289 .percent78 {
290 width: 78%;
291 float: left;
292 }
293 .percent68 {
294 width: 68%;
295 float: left;
296 position: relative;
297 top: 7px;
298 }
299 .percent30 {
300 width: 30%;
301 float: left;
302 }
303 .createBtn {
304 position: absolute;
305 width: 50px;
306 padding: 6px 4px;
307 right: 4px;
308 top: 4px;
309 }
310 .el-input__icon {
311 line-height: 37px;
312 }
313 .save{
314 height:80px
315 }
316 }
317 }
318 </style>
1 <template>
2 <div class="main">
3 <div class="formMenu">
4 <Qlr ref="qlrxxModule"></Qlr>
5
6 <!-- <el-button
7 type="primary"
8 class="changeBtn"
9 @click="getQlrxxData"
10 >获取权利人信息数据</el-button
11 >
12 <el-button
13 type="primary"
14 class="changeBtn"
15 @click="getQlxzData"
16 >获取权利性质组件数据</el-button
17 > -->
18 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
19 <tr>
20 <th colspan="12">宗地基本信息</th>
21 </tr>
22 <tr>
23 <td colspan="2">行政区</td>
24 <td colspan="2">
25 <input type="text" class="formInput" />
26 </td>
27 <td colspan="2">地籍区</td>
28 <td colspan="2">
29 <input type="text" class="formInput" />
30 </td>
31 <td colspan="2">地籍子区</td>
32 <td colspan="2">
33 <input type="text" class="formInput" />
34 </td>
35 </tr>
36 <tr>
37 <td colspan="2">权利类型</td>
38 <td colspan="4">
39 <el-select class="formSelect" v-model="value">
40 <el-option
41 v-for="item in qllxList"
42 :key="item.value"
43 :label="item.label"
44 :value="item.value"
45 >
46 </el-option>
47 </el-select>
48 </td>
49 <td colspan="2">权利设定方式</td>
50 <td colspan="4">
51 <el-select class="formSelect" v-model="value">
52 <el-option
53 v-for="item in qlsdfsList"
54 :key="item.value"
55 :label="item.label"
56 :value="item.value"
57 >
58 </el-option>
59 </el-select>
60 </td>
61 </tr>
62 <tr>
63 <td colspan="2">宗地代码</td>
64 <td colspan="4">
65 <input type="text" class="formInput" />
66 </td>
67 <td colspan="2">不动产单元号</td>
68 <td colspan="4" class="psr">
69 <input type="text" class="formInput percent78" />
70 <el-button type="primary" class="createBtn">生成</el-button>
71 </td>
72 </tr>
73 <tr>
74 <td colspan="2">地籍号</td>
75 <td colspan="4">
76 <input type="text" class="formInput" />
77 </td>
78 <td colspan="2">土地权属来源证明材料</td>
79 <td colspan="4" class="psr">
80 <input type="text" class="formInput " />
81 </td>
82 </tr>
83 <tr>
84 <td colspan="2">坐落</td>
85 <td colspan="10">
86 <input type="text" class="formInput" />
87 </td>
88 </tr>
89 <tr>
90 <td colspan="2">国民经济行业分类</td>
91 <td colspan="4">
92 <el-select class="formSelect" v-model="value">
93 <el-option
94 v-for="item in jjhyflList"
95 :key="item.value"
96 :label="item.label"
97 :value="item.value"
98 >
99 </el-option>
100 </el-select>
101 </td>
102 <td colspan="2">价格(元)</td>
103 <td colspan="4" class="psr">
104 <input type="text" class="formInput" />
105 </td>
106 </tr>
107 <tr>
108 <td colspan="2" rowspan="2">所在图幅号</td>
109 <td colspan="2">比例尺</td>
110 <td colspan="8" class="psr">
111 <input type="text" class="formInput" />
112 </td>
113 </tr>
114 <tr>
115 <td colspan="2">图幅号</td>
116 <td colspan="8" class="psr">
117 <input type="text" class="formInput" />
118 </td>
119 </tr>
120 <tr>
121 <td colspan="2">容积率</td>
122 <td colspan="4">
123 <el-select class="formSelect percent30" v-model="value">
124 <el-option
125 v-for="item in compareList"
126 :key="item.value"
127 :label="item.label"
128 :value="item.value"
129 >
130 </el-option>
131 </el-select>
132 <input type="text" class="formInput percent68" />
133 </td>
134 <td colspan="2">容积说明</td>
135 <td colspan="4" class="psr">
136 <input type="text" class="formInput" />
137 </td>
138 </tr>
139 <tr>
140 <td colspan="2">建筑密度</td>
141 <td colspan="4">
142 <el-select class="formSelect percent30" v-model="value">
143 <el-option
144 v-for="item in compareList"
145 :key="item.value"
146 :label="item.label"
147 :value="item.value"
148 >
149 </el-option>
150 </el-select>
151 <input type="text" class="formInput percent68" />
152 </td>
153 <td colspan="2">建筑密度说明</td>
154 <td colspan="4" class="psr">
155 <input type="text" class="formInput" />
156 </td>
157 </tr>
158 <tr>
159 <td colspan="2">建筑限高</td>
160 <td colspan="4">
161 <el-select class="formSelect percent30" v-model="value">
162 <el-option
163 v-for="item in compareList"
164 :key="item.value"
165 :label="item.label"
166 :value="item.value"
167 >
168 </el-option>
169 </el-select>
170 <input type="text" class="formInput percent68" />
171 </td>
172 <td colspan="2">建筑限高说明</td>
173 <td colspan="4" class="psr">
174 <input type="text" class="formInput" />
175 </td>
176 </tr>
177 <tr>
178 <td colspan="2" rowspan="4">宗地四至</td>
179 <td colspan="2">北至</td>
180 <td colspan="8" class="psr">
181 <input type="text" class="formInput" />
182 </td>
183 </tr>
184 <tr>
185 <td colspan="2">东至</td>
186 <td colspan="8" class="psr">
187 <input type="text" class="formInput" />
188 </td>
189 </tr>
190 <tr>
191 <td colspan="2">南至</td>
192 <td colspan="8" class="psr">
193 <input type="text" class="formInput" />
194 </td>
195 </tr>
196 <tr>
197 <td colspan="2">西至</td>
198 <td colspan="8" class="psr">
199 <input type="text" class="formInput" />
200 </td>
201 </tr>
202 <tr>
203 <td colspan="12">
204 <Qlxz ref="qlxzModule"></Qlxz>
205 </td>
206 </tr>
207 <tr>
208 <td colspan="2" rowspan="2">批准面积(㎡)</td>
209 <td colspan="2" rowspan="2">
210 <input type="text" class="formInput" />
211 </td>
212 <td colspan="2" rowspan="2">宗地面积(㎡)</td>
213 <td colspan="2" rowspan="2">
214 <input type="text" class="formInput" />
215 </td>
216 <td colspan="2">建筑占地宗面积</td>
217 <td colspan="2">
218 <input type="text" class="formInput" />
219 </td>
220 </tr>
221 <tr>
222 <td colspan="2">建筑面积(㎡)</td>
223 <td colspan="2">
224 <input type="text" class="formInput" />
225 </td>
226 </tr>
227 <tr>
228 <td colspan="2">共有/共用权利人情况</td>
229 <td colspan="10">
230 <input type="text" class="formInput" />
231 </td>
232 </tr>
233 <tr>
234 <td colspan="2" rowspan="2">说明</td>
235 <td colspan="10" rowspan="2">
236 <input type="text" class="formInput" />
237 </td>
238 </tr>
239 </table>
240 </div>
241 </div>
242 </template>
243
244 <script>
245 import Qlr from "../../../components/formMenu/qlr";
246 import Qlxz from "../../../components/formMenu/qlxz";
247 export default {
248 name: "",
249 components: {
250 Qlr,
251 Qlxz,
252 },
253 props: {},
254 data() {
255 return {
256 qllxList: [{ label: "国有建设用地使用权", value: "1" }],
257 qlsdfsList: [{ label: "地上", value: "1" }],
258 jjhyflList: [{ label: "制造业", value: "1" }],
259 compareList: [
260 { label: "=", value: "=" },
261 { label: "<=", value: "<=" },
262 { label: ">=", value: ">=" },
263 ],
264 value: "",
265 };
266 },
267 created() {},
268 mounted() {},
269 methods: {
270 getQlrxxData(){
271 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
272 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
273 },
274 getQlxzData(){
275 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
276 },
277 },
278 computed: {},
279 watch: {},
280 };
281 </script>
282 <style lang="less" scoped>
283 .main {
284 box-sizing: border-box;
285 padding: 18px;
286 height: auto;
287 .formMenu {
288 width: 80%;
289 margin: 0 auto;
290 }
291 .zdjbxxTable {
292 margin: 10px 0;
293 background-color: #fff;
294 font-size: 14px;
295 width: 100%;
296 th {
297 height: 36px;
298 line-height: 36px;
299 font-size: 16px;
300 }
301 td {
302 width: 60px;
303 text-align: center;
304 height: 36px;
305 }
306 /deep/.el-input__inner {
307 margin: 0;
308 height: 36px;
309 outline: none;
310 border: none;
311 color: #606764;
312 overflow: visible;
313 text-align: center;
314 cursor: text;
315 }
316 .percent78 {
317 width: 78%;
318 float: left;
319 }
320 .percent68 {
321 width: 68%;
322 float: left;
323 position: relative;
324 top: 7px;
325 }
326 .percent30 {
327 width: 30%;
328 float: left;
329 }
330 .createBtn {
331 position: absolute;
332 width: 50px;
333 padding: 6px 4px;
334 right: 4px;
335 top: 4px;
336 }
337 .el-input__icon {
338 line-height: 37px;
339 }
340 }
341 }
342 </style>
1 .zrz {
2 min-height: 200px;
3 width: 80%;
4 margin-top: 10px;
5 float: left;
6
7 /deep/.el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 /deep/textarea{
13 width: 100%;
14 border: 0;
15 }
16
17
18 .el-form-item{
19 font-weight: bold;
20 font-size: xx-large
21 }
22
23 table{
24 background: #fff;
25 }
26
27 td{
28 //bgcolor:#F1F4FC;
29 bgcolor:#fff;
30 width:8.33%
31 }
32
33 .el-select{
34 display:block;
35 }
36
37 table{
38 font-size: 14px;
39 }
40
41 .zrzTable{
42 margin-top: 10px;
43 }
44 }
...\ 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 @import 'index.less';
414 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -212,7 +212,7 @@ export default { ...@@ -212,7 +212,7 @@ export default {
212 this.getXzqList(); 212 this.getXzqList();
213 }, 213 },
214 mounted() { 214 mounted() {
215 console.log(this,'this'); 215 //判断是新建流程还是添加定着物唤起的弹框
216 this.activeName = this.auth ? 'zrz':'zd' 216 this.activeName = this.auth ? 'zrz':'zd'
217 }, 217 },
218 methods: { 218 methods: {
......
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
106 <td colspan="2">宗地代码<i class="requisite">*</i></td> 106 <td colspan="2">宗地代码<i class="requisite">*</i></td>
107 <td colspan="4" class="psr"> 107 <td colspan="4" class="psr">
108 <input 108 <input
109 type="text" 109 type="text" placeholder="请输入"
110 class="formInput percent78" 110 class="formInput percent78"
111 v-model="formData.zddm" 111 v-model="formData.zddm"
112 /> 112 />
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
118 <tr> 118 <tr>
119 <td colspan="2">地籍号</td> 119 <td colspan="2">地籍号</td>
120 <td colspan="4"> 120 <td colspan="4">
121 <input type="text" class="formInput" v-model="formData.djh" /> 121 <input type="text" placeholder="请输入" class="formInput" v-model="formData.djh" />
122 </td> 122 </td>
123 123
124 <td colspan="2">不动产单元号<i class="requisite">*</i></td> 124 <td colspan="2">不动产单元号<i class="requisite">*</i></td>
...@@ -134,12 +134,12 @@ ...@@ -134,12 +134,12 @@
134 <tr> 134 <tr>
135 <td colspan="2">坐落<i class="requisite">*</i></td> 135 <td colspan="2">坐落<i class="requisite">*</i></td>
136 <td colspan="4"> 136 <td colspan="4">
137 <input type="text" class="formInput" v-model="formData.zl" /> 137 <input type="text" placeholder="请输入" class="formInput" v-model="formData.zl" />
138 </td> 138 </td>
139 <td colspan="2">项目名称</td> 139 <td colspan="2">项目名称</td>
140 <td colspan="4" class="psr"> 140 <td colspan="4" class="psr">
141 <input 141 <input
142 type="text" 142 type="text" placeholder="请输入"
143 class="formInput " 143 class="formInput "
144 v-model="formData.xmmc" 144 v-model="formData.xmmc"
145 /> 145 />
...@@ -160,20 +160,20 @@ ...@@ -160,20 +160,20 @@
160 </td> 160 </td>
161 <td colspan="2">价格(元)</td> 161 <td colspan="2">价格(元)</td>
162 <td colspan="4" class="psr"> 162 <td colspan="4" class="psr">
163 <input type="text" class="formInput" v-model="formData.jg" /> 163 <input type="text" placeholder="请输入" class="formInput" v-model="formData.jg" />
164 </td> 164 </td>
165 </tr> 165 </tr>
166 <tr> 166 <tr>
167 <td colspan="2" rowspan="2">所在图幅号</td> 167 <td colspan="2" rowspan="2">所在图幅号</td>
168 <td colspan="2">比例尺</td> 168 <td colspan="2">比例尺</td>
169 <td colspan="8" class="psr"> 169 <td colspan="8" class="psr">
170 <input type="text" class="formInput" v-model="formData.blc" /> 170 <input type="text" placeholder="请输入" class="formInput" v-model="formData.blc" />
171 </td> 171 </td>
172 </tr> 172 </tr>
173 <tr> 173 <tr>
174 <td colspan="2">图幅号</td> 174 <td colspan="2">图幅号</td>
175 <td colspan="8" class="psr"> 175 <td colspan="8" class="psr">
176 <input type="text" class="formInput" v-model="formData.tfh" /> 176 <input type="text" placeholder="请输入" class="formInput" v-model="formData.tfh" />
177 </td> 177 </td>
178 </tr> 178 </tr>
179 <tr> 179 <tr>
...@@ -191,21 +191,21 @@ ...@@ -191,21 +191,21 @@
191 </td> 191 </td>
192 <td colspan="2"> 192 <td colspan="2">
193 <input 193 <input
194 type="text" 194 type="text" placeholder="请输入"
195 v-model="rjl" 195 v-model="rjl"
196 v-show="isInterval(formData.jyrjl)" 196 v-show="isInterval(formData.jyrjl)"
197 class="formInput percent47" 197 class="formInput percent47"
198 /> 198 />
199 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> 199 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
200 <input 200 <input
201 type="text" 201 type="text" placeholder="请输入"
202 v-model="formData.rjl" 202 v-model="formData.rjl"
203 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" 203 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
204 /> 204 />
205 </td> 205 </td>
206 <td colspan="2">容积说明</td> 206 <td colspan="2">容积说明</td>
207 <td colspan="4" class="psr"> 207 <td colspan="4" class="psr">
208 <input type="text" class="formInput" v-model="formData.rjsm" /> 208 <input type="text" placeholder="请输入" class="formInput" v-model="formData.rjsm" />
209 </td> 209 </td>
210 </tr> 210 </tr>
211 <tr> 211 <tr>
...@@ -223,21 +223,21 @@ ...@@ -223,21 +223,21 @@
223 </td> 223 </td>
224 <td colspan="2"> 224 <td colspan="2">
225 <input 225 <input
226 type="text" 226 type="text" placeholder="请输入"
227 v-model="jzmd" 227 v-model="jzmd"
228 v-show="isInterval(formData.jyjzmd)" 228 v-show="isInterval(formData.jyjzmd)"
229 class="formInput percent47" 229 class="formInput percent47"
230 /> 230 />
231 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> 231 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
232 <input 232 <input
233 type="text" 233 type="text" placeholder="请输入"
234 v-model="formData.jzmd" 234 v-model="formData.jzmd"
235 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" 235 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
236 /> 236 />
237 </td> 237 </td>
238 <td colspan="2">建筑密度说明</td> 238 <td colspan="2">建筑密度说明</td>
239 <td colspan="4" class="psr"> 239 <td colspan="4" class="psr">
240 <input type="text" class="formInput" v-model="formData.jzmdsm" /> 240 <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzmdsm" />
241 </td> 241 </td>
242 </tr> 242 </tr>
243 <tr> 243 <tr>
...@@ -255,46 +255,46 @@ ...@@ -255,46 +255,46 @@
255 </td> 255 </td>
256 <td colspan="2"> 256 <td colspan="2">
257 <input 257 <input
258 type="text" 258 type="text" placeholder="请输入"
259 v-model="jzxg" 259 v-model="jzxg"
260 v-show="isInterval(formData.jyjzxg)" 260 v-show="isInterval(formData.jyjzxg)"
261 class="formInput percent47" 261 class="formInput percent47"
262 /> 262 />
263 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> 263 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
264 <input 264 <input
265 type="text" 265 type="text" placeholder="请输入"
266 v-model="formData.jzxg" 266 v-model="formData.jzxg"
267 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" 267 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
268 /> 268 />
269 </td> 269 </td>
270 <td colspan="2">建筑限高说明</td> 270 <td colspan="2">建筑限高说明</td>
271 <td colspan="4" class="psr"> 271 <td colspan="4" class="psr">
272 <input type="text" class="formInput" v-model="formData.jzxgsm" /> 272 <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzxgsm" />
273 </td> 273 </td>
274 </tr> 274 </tr>
275 <tr> 275 <tr>
276 <td colspan="2" rowspan="4">宗地四至</td> 276 <td colspan="2" rowspan="4">宗地四至</td>
277 <td colspan="2">北至<i class="requisite">*</i></td> 277 <td colspan="2">北至<i class="requisite">*</i></td>
278 <td colspan="8" class="psr"> 278 <td colspan="8" class="psr">
279 <input type="text" class="formInput" v-model="formData.zdszb" /> 279 <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszb" />
280 </td> 280 </td>
281 </tr> 281 </tr>
282 <tr> 282 <tr>
283 <td colspan="2">东至<i class="requisite">*</i></td> 283 <td colspan="2">东至<i class="requisite">*</i></td>
284 <td colspan="8" class="psr"> 284 <td colspan="8" class="psr">
285 <input type="text" class="formInput" v-model="formData.zdszd" /> 285 <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszd" />
286 </td> 286 </td>
287 </tr> 287 </tr>
288 <tr> 288 <tr>
289 <td colspan="2">南至<i class="requisite">*</i></td> 289 <td colspan="2">南至<i class="requisite">*</i></td>
290 <td colspan="8" class="psr"> 290 <td colspan="8" class="psr">
291 <input type="text" class="formInput" v-model="formData.zdszn" /> 291 <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszn" />
292 </td> 292 </td>
293 </tr> 293 </tr>
294 <tr> 294 <tr>
295 <td colspan="2">西至<i class="requisite">*</i></td> 295 <td colspan="2">西至<i class="requisite">*</i></td>
296 <td colspan="8" class="psr"> 296 <td colspan="8" class="psr">
297 <input type="text" class="formInput" v-model="formData.zdszx" /> 297 <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszx" />
298 </td> 298 </td>
299 </tr> 299 </tr>
300 <tr> 300 <tr>
...@@ -305,39 +305,40 @@ ...@@ -305,39 +305,40 @@
305 <tr> 305 <tr>
306 <td colspan="2" rowspan="2">批准面积(㎡)</td> 306 <td colspan="2" rowspan="2">批准面积(㎡)</td>
307 <td colspan="2" rowspan="2"> 307 <td colspan="2" rowspan="2">
308 <input type="text" class="formInput" v-model="formData.pzmj" /> 308 <input type="text" placeholder="请输入" class="formInput" v-model="formData.pzmj" />
309 </td> 309 </td>
310 <td colspan="2" rowspan="2">宗地面积(㎡)</td> 310 <td colspan="2" rowspan="2">宗地面积(㎡)</td>
311 <td colspan="2" rowspan="2"> 311 <td colspan="2" rowspan="2">
312 <input type="text" class="formInput" v-model="formData.zdmj" /> 312 <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdmj" />
313 </td> 313 </td>
314 <td colspan="2">建筑占地总面积</td> 314 <td colspan="2">建筑占地总面积</td>
315 <td colspan="2"> 315 <td colspan="2">
316 <input type="text" class="formInput" v-model="formData.jzzdzmj" /> 316 <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzdzmj" />
317 </td> 317 </td>
318 </tr> 318 </tr>
319 <tr> 319 <tr>
320 <td colspan="2">建筑面积(㎡)</td> 320 <td colspan="2">建筑面积(㎡)</td>
321 <td colspan="2"> 321 <td colspan="2">
322 <input type="text" class="formInput" v-model="formData.jzzmj" /> 322 <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzmj" />
323 </td> 323 </td>
324 </tr> 324 </tr>
325 <tr> 325 <tr>
326 <td colspan="2">共有/共用权利人情况</td> 326 <td colspan="2">共有/共用权利人情况</td>
327 <td colspan="10"> 327 <td colspan="10">
328 <input type="text" class="formInput" v-model="formData.gygyqlrqk" /> 328 <input type="text" placeholder="请输入" class="formInput" v-model="formData.gygyqlrqk" />
329 </td> 329 </td>
330 </tr> 330 </tr>
331 <tr> 331 <tr>
332 <td colspan="2" rowspan="2">说明</td> 332 <td colspan="2" rowspan="2">说明</td>
333 <td colspan="10" rowspan="2"> 333 <td colspan="10" rowspan="2">
334 <input type="text" class="formInput" v-model="formData.sm" /> 334 <input type="text" placeholder="请输入" class="formInput" v-model="formData.sm" />
335 </td> 335 </td>
336 </tr> 336 </tr>
337 </table> 337 </table>
338 338
339 <div style="min-height: 40px;text-align: center;margin-top: 10px"> 339 <div style="min-height: 40px;text-align: center;margin-top: 10px">
340 <el-button type="primary" @click="updateZDxx">保存</el-button> 340 <el-button type="success" @click="updateZDxx">保存</el-button>
341 <el-button type="primary" @click="submitZDxx">提交</el-button>
341 </div> 342 </div>
342 </div> 343 </div>
343 </div> 344 </div>
...@@ -346,6 +347,7 @@ ...@@ -346,6 +347,7 @@
346 <script> 347 <script>
347 import Qlr from "../../../components/formMenu/qlr"; 348 import Qlr from "../../../components/formMenu/qlr";
348 import Qlxz from "../../../components/formMenu/qlxz"; 349 import Qlxz from "../../../components/formMenu/qlxz";
350 import {submit} from "../../../api/common"
349 import { 351 import {
350 getAllList, 352 getAllList,
351 getDdicByMC, 353 getDdicByMC,
...@@ -466,6 +468,19 @@ export default { ...@@ -466,6 +468,19 @@ export default {
466 }) 468 })
467 .catch((error) => {}); 469 .catch((error) => {});
468 }, 470 },
471 //提交宗地基本信息
472 submitZDxx(){
473 let data={
474 glbsm:this.$store.state.zdbsm,
475 status:1,
476 type:"zd"
477 }
478 submit(data).then((res)=>{
479 if(res.code===200){
480 this.$message.success("提交完成！")
481 }
482 })
483 },
469 getQlrxxData() { 484 getQlrxxData() {
470 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 485 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
471 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 486 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
...@@ -556,7 +571,7 @@ export default { ...@@ -556,7 +571,7 @@ export default {
556 padding: 18px; 571 padding: 18px;
557 height: auto; 572 height: auto;
558 .formMenu { 573 .formMenu {
559 width: 80%; 574 width: 100%;
560 margin: 0 auto; 575 margin: 0 auto;
561 } 576 }
562 .zdjbxxTable { 577 .zdjbxxTable {
......
...@@ -270,8 +270,9 @@ ...@@ -270,8 +270,9 @@
270 <script> 270 <script>
271 import Qlr from "../../../components/formMenu/qlr"; 271 import Qlr from "../../../components/formMenu/qlr";
272 import Qlxz from "../../../components/formMenu/qlxz"; 272 import Qlxz from "../../../components/formMenu/qlxz";
273 import {getBdcdyh,saveZrzInfo,getZrzDetailByBsm,submit} from "../../../api/zrz" 273 import {getBdcdyh,saveZrzInfo,getZrzDetailByBsm} from "../../../api/zrz"
274 import {getQjZdjbxxDetailById} from "../../../api/zd" 274 import {getQjZdjbxxDetailById} from "../../../api/zd"
275 import {submit} from "../../../api/common"
275 export default { 276 export default {
276 name:'zrz', 277 name:'zrz',
277 components:{ 278 components:{
...@@ -524,12 +525,11 @@ ...@@ -524,12 +525,11 @@
524 } 525 }
525 </script> 526 </script>
526 <style rel="stylesheet/less" lang="less" scoped> 527 <style rel="stylesheet/less" lang="less" scoped>
527 .zrz { 528 .zrz {
528 min-height: 200px; 529 min-height: 200px;
529 width: 80%; 530 width: 100%;
530 margin-top: 10px; 531 margin-top: 10px;
531 float: left; 532 float: left;
532 margin-left: 10%;
533 533
534 /deep/.el-input__inner{ 534 /deep/.el-input__inner{
535 width: 100%; 535 width: 100%;
......