Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
3f7dfa98 by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents c49c1fb7 6f07939f
Inline Side-by-side
Showing 12 changed files with 1407 additions and 2 deletions
1 VUE_APP_api = 'http://192.168.2.108:8000' 1 VUE_APP_api = 'http://192.168.2.108:8000'
2 VUE_APP_api1 = 'http://192.168.2.76:8000' 2 VUE_APP_api1 = 'http://192.168.2.76:8000'
3 VUE_APP_api2 = 'http://127.0.0.1:8006'
3 VUE_APP_name = '开发环境' 4 VUE_APP_name = '开发环境'
4 NODE_ENV="development" 5 NODE_ENV="development"
5 VUE_APP_VERSION = 'psh' 6 VUE_APP_VERSION = 'psh'
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -19,3 +19,5 @@ yarn-error.log* ...@@ -19,3 +19,5 @@ yarn-error.log*
19 *.njsproj 19 *.njsproj
20 *.sln 20 *.sln
21 *.sw? 21 *.sw?
22 package-lock.json
23 CadastralSystem.iml
......
This diff could not be displayed because it is too large.
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
17 "e-icon-picker": "^1.0.7", 17 "e-icon-picker": "^1.0.7",
18 "element-ui": "^2.13.2", 18 "element-ui": "^2.13.2",
19 "file-saver": "^2.0.2", 19 "file-saver": "^2.0.2",
20 "form-making": "^1.2.9",
20 "js-cookie": "^2.2.1", 21 "js-cookie": "^2.2.1",
21 "mockjs": "^1.1.0", 22 "mockjs": "^1.1.0",
22 "screenfull": "^5.0.2", 23 "screenfull": "^5.0.2",
......
...@@ -51,7 +51,25 @@ const constantRoutes = [ ...@@ -51,7 +51,25 @@ const constantRoutes = [
51 name: '综合查询', 51 name: '综合查询',
52 code: '0-5', 52 code: '0-5',
53 component: () => import('@/views/panel/search/index') 53 component: () => import('@/views/panel/search/index')
54 } 54 },
55 {
56 path: '/zrz',
57 name: '自然幢',
58 code: '1-1',
59 component: () => import('@/views/basic/zrz/index'),
60 },
61 {
62 path: '/dz',
63 name: '多幢',
64 code: '1-2',
65 component: () => import('@/views/basic/dz/index'),
66 },
67 {
68 path: '/h',
69 name: '户',
70 code: '1-3',
71 component: () => import('@/views/basic/h/index'),
72 },
55 ] 73 ]
56 } 74 }
57 ] 75 ]
......
1 .zrz {
2 min-height: 200px;
3 width: 100%;
4 margin-top: 10px;
5 float: left;
6
7 .el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 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 }
...\ 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 <table border="1" width="80%" cellspacing="1" cellpadding="2">
5 <tbody>
6 <tr>
7 <td colspan="1"></td>
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 </tr>
20 <tr height="30">
21 <td colspan="12" align="center" ><font size="4">多幢基本信息</font></td>
22 </tr>
23 <tr height="30">
24 <td colspan="2" align="center" >宗地代码</td>
25 <td colspan="4" >
26 <el-input v-model="form.zdbsm"></el-input>
27 </td>
28 <td colspan="2" align="center" >不动产单元号</td>
29 <td colspan="4" >
30 <el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
31 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
32 </td>
33 </tr>
34 <tr height="30">
35 <td colspan="2" align="center" >项目名称</td>
36 <td colspan="4" >
37 <el-input v-model="form.xmmc"></el-input>
38 </td>
39 <td colspan="2" align="center" >房屋性质</td>
40 <td colspan="4" >
41 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
42 <el-option
43 v-for="item in options"
44 :key="item.value"
45 :label="item.label"
46 :value="item.value">
47 </el-option>
48 </el-select>
49 </td>
50 </tr>
51
52 <tr height="30">
53 <td colspan="2" align="center" >房屋类型</td>
54 <td colspan="4" >
55 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
56 <el-option
57 v-for="item in options"
58 :key="item.value"
59 :label="item.label"
60 :value="item.value">
61 </el-option>
62 </el-select>
63 </td>
64 <td colspan="2" align="center" >竣工日期</td>
65 <td colspan="4" >
66 <el-date-picker
67 v-model="form.jgrq"
68 type="date"
69 placeholder="选择日期">
70 </el-date-picker>
71 </td>
72 </tr>
73
74 <tr height="30">
75 <td colspan="2" align="center" >产别</td>
76 <td colspan="4" >
77 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
78 <el-option
79 v-for="item in options"
80 :key="item.value"
81 :label="item.label"
82 :value="item.value">
83 </el-option>
84 </el-select>
85 </td>
86 <td colspan="2" align="center" >产权来源</td>
87 <td colspan="4" >
88 <el-select v-model="form.fwcqlybsm" 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 </tr>
98
99 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
100 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
101 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
102 <span>用途</span>
103 </td>
104
105 <td colspan="1" align="center" >
106 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
107 规划用途
108 </td>
109 <td colspan="4" align="center" >
110 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
111 <el-option
112 v-for="item in options"
113 :key="item.value"
114 :label="item.label"
115 :value="item.value">
116 </el-option>
117 </el-select>
118 </td>
119 <td colspan="1" align="center" >用途</td>
120 <td colspan="4" align="center" >
121 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
122 <el-option
123 v-for="item in options"
124 :key="item.value"
125 :label="item.label"
126 :value="item.value">
127 </el-option>
128 </el-select>
129 </td>
130 </tr>
131
132 <tr height="30">
133 <td colspan="2" align="center" >共有土地面积（㎡）</td>
134 <td colspan="2" >
135 <el-input v-model="form.zdmj"></el-input>
136 </td>
137 <td colspan="2" align="center" >分摊土地面积（㎡）</td>
138 <td colspan="2" >
139 <el-input v-model="form.fttdsymj"></el-input>
140 </td>
141 <td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
142 <td colspan="2" >
143 <el-input v-model="form.dlsytdmj"></el-input>
144 </td>
145 </tr>
146
147
148
149 <tr height="30">
150 <td colspan="2" align="center" >
151 <span>坐落</span>
152 </td>
153 <td colspan="10" >
154 <el-input v-model="form.zl"></el-input>
155 </td>
156 </tr>
157
158 <tr height="30">
159 <td colspan="2" rowspan="2" align="center" >
160 <span>附加说明</span>
161 </td>
162 <td colspan="10" rowspan="2" >
163 <el-input v-model="form.bz" type="textarea"></el-input>
164 </td>
165 </tr>
166 <tr height="30">
167 </tr>
168
169 <tr height="30">
170 <td colspan="2" rowspan="2" align="center" >
171 <span>调查意见</span>
172 </td>
173 <td colspan="10" >
174 <el-input v-model="form.name"></el-input>
175 </td>
176 </tr>
177
178 <tr height="30">
179 <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
180 <span>审查员</span>
181 </td>
182 <td colspan="2" >
183 <el-input v-model="form.name"></el-input>
184 </td>
185 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
186 <span>审查日期</span>
187 </td>
188 <td colspan="2" >
189 <el-date-picker
190 v-model="form.date"
191 type="date"
192 placeholder="选择日期">
193 </el-date-picker>
194 </td>
195 </tr>
196 </tbody>
197 </table>
198 </el-form>
199 <div style="min-height: 40px;text-align: center;margin-top: 10px">
200 <el-button type="success" @click="onSave">保存</el-button>
201 <el-button type="primary" @click="onSubmit">提交</el-button>
202 </div>
203 </div>
204
205 </template>
206
207 <script>
208 export default {
209 name:'zrz',
210 data () {
211 return {
212 form:{
213 dzbsm:'', //多幢标识码
214 zdbsm:'', //宗地标识码
215 dyhbsm:'', //不动产单元号标识码
216 zl:'', //坐落
217 xmmc:'', //项目名称
218 jgrq:'', //竣工日期
219 bz:'', //备注
220 fwxzbsm:'', //房屋性质ID
221 fwcbbsm:'', //房屋产别ID
222 fwcqlybsm:'', //房屋产权来源ID
223 dlsytdmj:'', //独立使用土地面积
224 fttdsymj:'', //分摊土地使用面积
225 zdmj:'', //占地面积
226 name:'',
227 date:'',
228 ytList:[{
229 glbsm:'', //关联标识码
230 fwytzdbsm:'', //房屋用途字典标识码
231 sx:'', //顺序
232 fwsjytbsm:'', //房屋实际用途字典标识码
233 }],
234 qlxzList:[{
235 qlxzdm:'', //权利性质代码
236 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
237 qlxzzdbsm:'', //权利性质字典表标识码
238 qlxzmc:'', //权利名称名称
239 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
240 addQjTdytRequestList:[{
241 }], //土地用途新增实体列表
242 }]
243 },
244 options: [{
245 value: '选项1',
246 label: '黄金糕'
247 }, {
248 value: '选项2',
249 label: '双皮奶'
250 }, {
251 value: '选项3',
252 label: '蚵仔煎'
253 }, {
254 value: '选项4',
255 label: '龙须面'
256 }, {
257 value: '选项5',
258 label: '北京烤鸭'
259 }],
260 value: '',
261 ytTitleRowspan:1, //用途的单元格垂直合并数量
262 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
263 qlxzGroupTitleRowspan:1, //房屋结构的单元格垂直合并数量
264 qlxzItemTitleRowspan:1, //房屋结构的单元格垂直合并数量
265 }
266 },
267 methods: {
268 addYtInfo(){
269 this.form.ytList.push({
270 glbsm:'',
271 fwytzdbsm:'',
272 fwsjytbsm:'',
273 sx:'',
274 });
275 this.ytTitleRowspan=this.form.ytList.length;
276 },
277 deleteYtInfo(index){
278 if(this.form.ytList.length<=1){
279 this.$message({
280 message: '不能删除，最少含有一条用途信息',
281 type: 'warning'
282 });
283 }else{
284 this.form.ytList.splice(index,1);
285 this.ytTitleRowspan=this.form.ytList.length;
286 }
287 },
288 addFwjgInfo(){
289 this.form.fwjgList.push({
290 fwjgzdbsm:'', //房屋结构字典标识码
291 glbsm:'', //关联标识码
292 sx:'', //顺序
293 });
294 this.fwjgTitleRowspan=this.form.fwjgList.length;
295 },
296 deleteFwjgInfo(index){
297 if(this.form.fwjgList.length<=1){
298 this.$message({
299 message: '不能删除，最少含有一条房屋结构信息',
300 type: 'warning'
301 });
302 }else{
303 this.form.fwjgList.splice(index,1);
304 this.fwjgTitleRowspan=this.form.fwjgList.length;
305 }
306 },
307 addQlxzGroup(){
308 this.form.qlxzList.push({
309 qlxzdm: '', //权利性质代码
310 glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
311 qlxzzdbsm: '', //权利性质字典表标识码
312 qlxzmc: '', //权利名称名称
313 zhqlxzlx: '', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
314 addQjTdytRequestList: [{}]
315 });
316 },
317 deleteQlxzGroup(index){
318 if(this.form.qlxzList.length<=1){
319 this.$message({
320 message: '不能删除，最少含有一条权利性质信息',
321 type: 'warning'
322 });
323 }else{
324 this.form.qlxzList.splice(index,1);
325 }
326 },
327 addQlxzItem(index){
328 this.form.qlxzList
329 },
330
331 deleteQlxzItem(index){
332
333 },
334
335
336 onSave(){
337 console.log(this.form)
338 },
339 onSubmit(){
340 console.log(this.form)
341 }
342 }
343 }
344 </script>
345 <style rel="stylesheet/less" lang="less">
346 @import 'index.less';
347 </style>
...\ No newline at end of file ...\ No newline at end of file
1 .zrz {
2 min-height: 200px;
3 width: 100%;
4 margin-top: 10px;
5 float: left;
6
7 .el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 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 }
...\ 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 <table border="1" width="80%" cellspacing="1" cellpadding="2">
5 <tbody>
6 <tr>
7 <td colspan="1"></td>
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 </tr>
20 <tr height="30">
21 <td colspan="12" align="center" ><font size="4">户基本信息</font></td>
22 </tr>
23 <tr height="30">
24 <td colspan="2" align="center" >宗地代码</td>
25 <td colspan="4" >
26 <el-input v-model="form.zdbsm"></el-input>
27 </td>
28 <td colspan="2" align="center" >自然幢号</td>
29 <td colspan="4" >
30 <el-input v-model="form.zrzh"></el-input>
31 </td>
32 </tr>
33 <tr height="30">
34 <td colspan="2" align="center" >不动产单元号</td>
35 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
36 <td colspan="4" >
37 <el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
38 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
39 </td>
40 <td colspan="2" align="center" >原不动产单元</td>
41 <td colspan="4" >
42 <el-input v-model="form.ydybsm"></el-input>
43 </td>
44 </tr>
45
46 <tr height="30">
47 <td colspan="2" align="center" >逻辑幢号</td>
48 <td colspan="4" >
49 <el-input v-model="form.ljzbsm"></el-input>
50 </td>
51 <td colspan="2" align="center" >层号</td>
52 <td colspan="4" >
53 <el-input v-model="form.cbsm"></el-input>
54 </td>
55 </tr>
56
57 <tr height="30">
58 <td colspan="2" align="center" >实际层数</td>
59 <td colspan="4" >
60 <el-input v-model="form.sjcs"></el-input>
61 </td>
62 <td colspan="2" align="center" >实际层</td>
63 <td colspan="4" >
64 <el-input v-model="form.sjc"></el-input>
65 </td>
66 </tr>
67
68 <tr height="30">
69 <td colspan="2" align="center" >所在单元</td>
70 <td colspan="4" >
71 <el-input v-model="form.dyhbsm"></el-input>
72 </td>
73 <td colspan="2" align="center" >房屋编号</td>
74 <td colspan="4" >
75 <el-input v-model="form.fwbh"></el-input>
76 </td>
77 </tr>
78
79 <tr height="30">
80 <td colspan="2" align="center" >房屋类型</td>
81 <td colspan="4" >
82 <el-select v-model="form.fwlxbsm" placeholder="请选择" >
83 <el-option
84 v-for="item in options"
85 :key="item.value"
86 :label="item.label"
87 :value="item.value">
88 </el-option>
89 </el-select>
90 </td>
91 <td colspan="2" align="center" >房屋性质</td>
92 <td colspan="4" >
93 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
94 <el-option
95 v-for="item in options"
96 :key="item.value"
97 :label="item.label"
98 :value="item.value">
99 </el-option>
100 </el-select>
101 </td>
102 </tr>
103
104 <tr height="30">
105 <td colspan="2" align="center" >户号</td>
106 <td colspan="4" >
107 <el-input v-model="form.hh"></el-input>
108 </td>
109 <td colspan="2" align="center" >室号</td>
110 <td colspan="4" >
111 <el-input v-model="form.shbw"></el-input>
112 </td>
113 </tr>
114
115 <tr height="30">
116 <td colspan="2" align="center" >户型</td>
117 <td colspan="4" >
118 <el-select v-model="form.hxbsm" placeholder="请选择" >
119 <el-option
120 v-for="item in options"
121 :key="item.value"
122 :label="item.label"
123 :value="item.value">
124 </el-option>
125 </el-select>
126 </td>
127 <td colspan="2" align="center" >户型结构</td>
128 <td colspan="4" >
129 <el-select v-model="form.hxbsm" placeholder="请选择" >
130 <el-option
131 v-for="item in options"
132 :key="item.value"
133 :label="item.label"
134 :value="item.value">
135 </el-option>
136 </el-select>
137 </td>
138 </tr>
139
140 <tr height="30">
141 <td colspan="2" align="center" >产别</td>
142 <td colspan="4" >
143 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
144 <el-option
145 v-for="item in options"
146 :key="item.value"
147 :label="item.label"
148 :value="item.value">
149 </el-option>
150 </el-select>
151 </td>
152 <td colspan="2" align="center" >产权来源</td>
153 <td colspan="4" >
154 <el-select v-model="form.fwcqlybsm" placeholder="请选择" >
155 <el-option
156 v-for="item in options"
157 :key="item.value"
158 :label="item.label"
159 :value="item.value">
160 </el-option>
161 </el-select>
162 </td>
163 </tr>
164
165 <tr height="30">
166 <td colspan="2" rowspan="6" align="center" >预测</td>
167 <td colspan="2" align="center" >建筑面积（㎡） </td>
168 <td colspan="2" align="center" >
169 <el-input v-model="form.jzmj"></el-input>
170 </td>
171 <td colspan="2" rowspan="6" align="center" >实测</td>
172 <td colspan="2" align="center" >建筑面积（㎡）</td>
173 <td colspan="2" align="center" >
174 <el-input v-model="form.jzmj"></el-input>
175 </td>
176 </tr>
177 <tr height="30">
178 <td colspan="2" align="center" >套内建筑面积（㎡））</td>
179 <td colspan="2" align="center" >
180 <el-input v-model="form.tnjzmj"></el-input>
181 </td>
182 <td colspan="2" align="center" >套内建筑面积（㎡）</td>
183 <td colspan="2" align="center" >
184 <el-input v-model="form.tnjzmj"></el-input>
185 </td>
186 </tr>
187 <tr height="30">
188 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
189 <td colspan="2" align="center" >
190 <el-input v-model="form.ftjzmj"></el-input>
191 </td>
192 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
193 <td colspan="2" align="center" >
194 <el-input v-model="form.ftjzmj"></el-input>
195 </td>
196 </tr>
197 <tr height="30">
198 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
199 <td colspan="2" align="center" >
200 <el-input v-model="form.dxbfjzmj"></el-input>
201 </td>
202 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
203 <td colspan="2" align="center" >
204 <el-input v-model="form.dxbfjzmj"></el-input>
205 </td>
206 </tr>
207 <tr height="30">
208 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
209 <td colspan="2" align="center" >
210 <el-input v-model="form.qtjzmj"></el-input>
211 </td>
212 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
213 <td colspan="2" align="center" >
214 <el-input v-model="form.qtjzmj"></el-input>
215 </td>
216 </tr>
217 <tr height="30">
218 <td colspan="2" align="center" >分摊系数</td>
219 <td colspan="2" align="center" >
220 <el-input v-model="form.ftxs"></el-input>
221 </td>
222 <td colspan="2" align="center" >分摊系数</td>
223 <td colspan="2" align="center" >
224 <el-input v-model="form.ftxs"></el-input>
225 </td>
226 </tr>
227
228
229 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
230 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
231 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
232 <span>用途</span>
233 </td>
234
235 <td width="30" colspan="1" align="center" >
236 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
237 规划用途
238 </td>
239 <td width="30" colspan="4" align="center" >
240 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
241 <el-option
242 v-for="item in options"
243 :key="item.value"
244 :label="item.label"
245 :value="item.value">
246 </el-option>
247 </el-select>
248 </td>
249 <td width="30" colspan="1" align="center" >用途</td>
250 <td width="30" colspan="4" align="center" >
251 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
252 <el-option
253 v-for="item in options"
254 :key="item.value"
255 :label="item.label"
256 :value="item.value">
257 </el-option>
258 </el-select>
259 </td>
260 </tr>
261
262 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
263 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
264 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
265 <span>房屋结构</span>
266 </td>
267 <td colspan="1" align="center" >
268 <span @click="deleteFwjgInfo(index)">删除</span>
269 </td>
270 <td colspan="9" >
271 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
272 <el-option
273 v-for="item in options"
274 :key="item.value"
275 :label="item.label"
276 :value="item.value">
277 </el-option>
278 </el-select>
279 </td>
280 </tr>
281
282 <tr height="30">
283 <td colspan="2" align="center" >共有土地面积（㎡）</td>
284 <td colspan="2" >
285 <el-input v-model="form.zdmj"></el-input>
286 </td>
287 <td colspan="2" align="center" >分摊土地面积（㎡）</td>
288 <td colspan="2" >
289 <el-input v-model="form.fttdsymj"></el-input>
290 </td>
291 <td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
292 <td colspan="2" >
293 <el-input v-model="form.dlsytdmj"></el-input>
294 </td>
295 </tr>
296
297 <tr height="30">
298 <td colspan="2" align="center" >
299 <span>坐落</span>
300 </td>
301 <td colspan="10" >
302 <el-input v-model="form.zl"></el-input>
303 </td>
304 </tr>
305
306 <tr height="30">
307 <td colspan="2" align="center" >东墙体归属</td>
308 <td colspan="4" >
309 <el-input v-model="form.dqtgs"></el-input>
310 </td>
311 <td colspan="2" align="center" >南墙体归属</td>
312 <td colspan="4" >
313 <el-input v-model="form.nqtgs"></el-input>
314 </td>
315 </tr>
316
317 <tr height="30">
318 <td colspan="2" align="center" >西墙体归属</td>
319 <td colspan="4" >
320 <el-input v-model="form.xqtgs"></el-input>
321 </td>
322 <td colspan="2" align="center" >北墙体归属</td>
323 <td colspan="4" >
324 <el-input v-model="form.bqtgs"></el-input>
325 </td>
326 </tr>
327
328 <tr height="30">
329 <td colspan="2" rowspan="2" align="center" >
330 <span>附加说明</span>
331 </td>
332 <td colspan="10" rowspan="2" >
333 <el-input v-model="form.bz" type="textarea"></el-input>
334 </td>
335 </tr>
336 <tr height="30">
337 </tr>
338
339 <tr height="30">
340 <td colspan="2" rowspan="2" align="center" >
341 <span>调查意见</span>
342 </td>
343 <td colspan="10" >
344 <el-input v-model="form.name"></el-input>
345 </td>
346 </tr>
347
348 <tr height="30">
349 <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
350 <span>审查员</span>
351 </td>
352 <td colspan="2" >
353 <el-input v-model="form.name"></el-input>
354 </td>
355 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
356 <span>审查日期</span>
357 </td>
358 <td colspan="2" >
359 <el-date-picker
360 v-model="form.date"
361 type="date"
362 placeholder="选择日期">
363 </el-date-picker>
364 </td>
365 </tr>
366 </tbody>
367 </table>
368 </el-form>
369 <div style="min-height: 40px;text-align: center;margin-top: 10px">
370 <el-button type="success" @click="onSave">保存</el-button>
371 <el-button type="primary" @click="onSubmit">提交</el-button>
372 </div>
373 </div>
374
375 </template>
376
377 <script>
378 export default {
379 name:'zrz',
380 data () {
381 return {
382 form:{
383 zrzbsm:'', //自然幢标识码
384 ljzbsm:'', //逻辑幢标识码
385 zdybsm:'', //幢单元标识码
386 cbsm:'', //层标识码
387 zdbsm:'', //宗地标识码
388 dyhbsm:'', //不动产单元号标识码
389 ydybsm:'', //原单元标识码
390 zrzh:'', //自然幢号
391 mjdwbsm:'', //面积单位编号
392 sjcs:'', //实际层数
393 hh:'', //户号
394 hxbsm:'', //户型标识码
395 dltdmj:'', //独立使用土地面积
396 fttdmj:'', //分摊土地使用面积
397 gytdmj:'', //共有土地面积
398 fwlxbsm:'', //房屋类型标识码
399 fwxzbsm:'', //房屋性质标识码
400 sjc:'', //实际层
401 dqtgs:'', //东墙体归属
402 nqtgs:'', //南墙体归属
403 xqtgs:'', //西墙体归属
404 bqtgs:'', //北墙体归属
405 fwbh:'', //房屋编号
406 fjsm:'', //附加说明
407 fwcbbsm:'', //房屋产别标识码
408 sjhs:'', //实际户数
409 shbw:'', //室号部位
410 fwcqlybsm:'', //房屋产权来源标识码
411 myc:'', //名义层
412 qszt:'', //权属状态
413 jzmj:'', //建筑面积
414 tnjzmj:'', //套内建筑面积
415 ftjzmj:'', //分摊建筑面积
416 dxbfjzmj:'', //地下部分建筑面积
417 qtjzmj:'', //其它建筑面积
418 ftxs:'', //分摊系数
419 scyclx:'', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据
420 scycglbsm:'', //实测预测关联标识码
421 ch:'', //层号
422 bz:'', //备注
423 name:'',
424 date:'',
425 ytList:[{
426 glbsm:'', //关联标识码
427 fwytzdbsm:'', //房屋用途字典标识码
428 sx:'', //顺序
429 fwsjytbsm:'', //房屋实际用途字典标识码
430 }],
431 fwjgList:[{
432 fwjgzdbsm:'', //房屋结构字典标识码
433 glbsm:'', //关联标识码
434 sx:'', //顺序
435 }],
436 qlxzList:[{
437 qlxzdm:'', //权利性质代码
438 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
439 qlxzzdbsm:'', //权利性质字典表标识码
440 qlxzmc:'', //权利名称名称
441 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
442 addQjTdytRequestList:[{
443 }], //土地用途新增实体列表
444 }]
445 },
446 options: [{
447 value: '选项1',
448 label: '黄金糕'
449 }, {
450 value: '选项2',
451 label: '双皮奶'
452 }, {
453 value: '选项3',
454 label: '蚵仔煎'
455 }, {
456 value: '选项4',
457 label: '龙须面'
458 }, {
459 value: '选项5',
460 label: '北京烤鸭'
461 }],
462 value: '',
463 ytTitleRowspan:1, //用途的单元格垂直合并数量
464 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
465 }
466 },
467 methods: {
468 addYtInfo(){
469 this.form.ytList.push({
470 glbsm:'',
471 fwytzdbsm:'',
472 fwsjytbsm:'',
473 sx:'',
474 });
475 this.ytTitleRowspan=this.form.ytList.length;
476 },
477 deleteYtInfo(index){
478 if(this.form.ytList.length<=1){
479 this.$message({
480 message: '不能删除，最少含有一条用途信息',
481 type: 'warning'
482 });
483 }else{
484 this.form.ytList.splice(index,1);
485 this.ytTitleRowspan=this.form.ytList.length;
486 }
487 },
488 addFwjgInfo(){
489 this.form.fwjgList.push({
490 fwjgzdbsm:'', //房屋结构字典标识码
491 glbsm:'', //关联标识码
492 sx:'', //顺序
493 });
494 this.fwjgTitleRowspan=this.form.fwjgList.length;
495 },
496 deleteFwjgInfo(index){
497 if(this.form.fwjgList.length<=1){
498 this.$message({
499 message: '不能删除，最少含有一条房屋结构信息',
500 type: 'warning'
501 });
502 }else{
503 this.form.fwjgList.splice(index,1);
504 this.fwjgTitleRowspan=this.form.fwjgList.length;
505 }
506 },
507 onSave(){
508 console.log(this.form)
509 },
510 onSubmit(){
511 console.log(this.form)
512 }
513 }
514 }
515 </script>
516 <style rel="stylesheet/less" lang="less">
517 @import 'index.less';
518 </style>
...\ No newline at end of file ...\ No newline at end of file
1 .zrz {
2 min-height: 200px;
3 width: 100%;
4 margin-top: 10px;
5 float: left;
6
7 .el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 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 }
...\ 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 <table border="1" width="80%" cellspacing="1" cellpadding="2">
5 <tbody>
6 <tr>
7 <td colspan="1"></td>
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 </tr>
20 <tr height="30">
21 <td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td>
22 </tr>
23 <tr height="30">
24 <td colspan="2" align="center" >宗地代码</td>
25 <td colspan="4" >
26 <el-input v-model="form.zdbsm"></el-input>
27 </td>
28 <td colspan="2" align="center" >自然幢号</td>
29 <td colspan="4" >
30 <el-input v-model="form.zrzh" style="width: 70%"></el-input>
31 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
32 </td>
33 </tr>
34 <tr height="30">
35 <td colspan="2" align="center" >项目名称</td>
36 <td colspan="4" >
37 <el-input v-model="form.xmmc"></el-input>
38 </td>
39 <td colspan="2" align="center" >不动产单元号</td>
40 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
41 <td colspan="4" >
42 <el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
43 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
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.jzwmc"></el-input>
51 </td>
52 <td colspan="2" align="center" >建筑物基本用途</td>
53 <td colspan="4" >
54 <el-input v-model="form.jzwjbyt"></el-input>
55 </td>
56 </tr>
57
58 <tr height="30">
59 <td colspan="2" align="center" >房屋性质</td>
60 <td colspan="4" >
61 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
62 <el-option
63 v-for="item in options"
64 :key="item.value"
65 :label="item.label"
66 :value="item.value">
67 </el-option>
68 </el-select>
69 </td>
70 <td colspan="2" align="center" >竣工日期</td>
71 <td colspan="4" >
72 <el-date-picker
73 v-model="form.jgrq"
74 type="date"
75 placeholder="选择日期">
76 </el-date-picker>
77 </td>
78 </tr>
79
80 <tr height="30">
81 <td colspan="2" align="center" >建筑物高度(m)</td>
82 <td colspan="4" >
83 <el-input v-model="form.jzwgd"></el-input>
84 </td>
85 <td colspan="2" align="center" >总套数</td>
86 <td colspan="4" >
87 <el-input v-model="form.zts"></el-input>
88 </td>
89 </tr>
90
91 <tr height="30">
92 <td colspan="2" align="center" >幢用地面积(㎡)</td>
93 <td colspan="4" >
94 <el-input v-model="form.zydmj"></el-input>
95 </td>
96 <td colspan="2" align="center" >幢占用地面积（㎡）</td>
97 <td colspan="4" >
98 <el-input v-model="form.zzdmj"></el-input>
99 </td>
100 </tr>
101
102 <tr height="30">
103 <td colspan="2" align="center" >预测建筑面积（㎡）</td>
104 <td colspan="4" >
105 <el-input v-model="form.ycjzmj"></el-input>
106 </td>
107 <td colspan="2" align="center" >实测建筑面积（㎡）</td>
108 <td colspan="4" >
109 <el-input v-model="form.scjzmj"></el-input>
110 </td>
111 </tr>
112
113 <tr height="30">
114 <td colspan="2" align="center" >地下层数</td>
115 <td colspan="4" >
116 <el-input v-model="form.dxcs"></el-input>
117 </td>
118 <td colspan="2" align="center" >地上层数</td>
119 <td colspan="4" >
120 <el-input v-model="form.dscs"></el-input>
121 </td>
122 </tr>
123
124 <tr height="30">
125 <td colspan="2" align="center" >总层数</td>
126 <td colspan="4" >
127 <el-input v-model="form.zcs"></el-input>
128 </td>
129 <td colspan="2" align="center" >地下深度（m）</td>
130 <td colspan="4" >
131 <el-input v-model="form.dxsd"></el-input>
132 </td>
133 </tr>
134
135 <tr height="30">
136 <td colspan="2" align="center" >产别</td>
137 <td colspan="4" >
138 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
139 <el-option
140 v-for="item in options"
141 :key="item.value"
142 :label="item.label"
143 :value="item.value">
144 </el-option>
145 </el-select>
146 </td>
147 <td colspan="2" align="center" >产权来源</td>
148 <td colspan="4" >
149 <el-select v-model="form.fwcqlybsm" placeholder="请选择" >
150 <el-option
151 v-for="item in options"
152 :key="item.value"
153 :label="item.label"
154 :value="item.value">
155 </el-option>
156 </el-select>
157 </td>
158 </tr>
159
160 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
161 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
162 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
163 <span>用途</span>
164 </td>
165
166 <td width="30" colspan="1" align="center" >
167 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
168 规划用途
169 </td>
170 <td width="30" colspan="4" align="center" >
171 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
172 <el-option
173 v-for="item in options"
174 :key="item.value"
175 :label="item.label"
176 :value="item.value">
177 </el-option>
178 </el-select>
179 </td>
180 <td width="30" colspan="1" align="center" >用途</td>
181 <td width="30" colspan="4" align="center" >
182 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
183 <el-option
184 v-for="item in options"
185 :key="item.value"
186 :label="item.label"
187 :value="item.value">
188 </el-option>
189 </el-select>
190 </td>
191 </tr>
192
193 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
194 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
195 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
196 <span>房屋结构</span>
197 </td>
198 <td colspan="1" align="center" >
199 <span @click="deleteFwjgInfo(index)">删除</span>
200 </td>
201 <td colspan="9" >
202 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
203 <el-option
204 v-for="item in options"
205 :key="item.value"
206 :label="item.label"
207 :value="item.value">
208 </el-option>
209 </el-select>
210 </td>
211 </tr>
212
213 <tr height="30">
214 <td colspan="2" align="center" >
215 <span>坐落</span>
216 </td>
217 <td colspan="10" >
218 <el-input v-model="form.zl"></el-input>
219 </td>
220 </tr>
221
222 <tr height="30">
223 <td colspan="2" rowspan="2" align="center" >
224 <span>附加说明</span>
225 </td>
226 <td colspan="10" rowspan="2" >
227 <el-input v-model="form.bz" type="textarea"></el-input>
228 </td>
229 </tr>
230 <tr height="30">
231 </tr>
232
233 <tr height="30">
234 <td colspan="2" rowspan="2" align="center" >
235 <span>调查意见</span>
236 </td>
237 <td colspan="10" >
238 <el-input v-model="form.name"></el-input>
239 </td>
240 </tr>
241
242 <tr height="30">
243 <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
244 <span>审查员</span>
245 </td>
246 <td colspan="2" >
247 <el-input v-model="form.name"></el-input>
248 </td>
249 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
250 <span>审查日期</span>
251 </td>
252 <td colspan="2" >
253 <el-date-picker
254 v-model="form.date"
255 type="date"
256 placeholder="选择日期">
257 </el-date-picker>
258 </td>
259 </tr>
260 </tbody>
261 </table>
262 </el-form>
263 <div style="min-height: 40px;text-align: center;margin-top: 10px">
264 <el-button type="success" @click="onSave">保存</el-button>
265 <el-button type="primary" @click="onSubmit">提交</el-button>
266 </div>
267 </div>
268
269 </template>
270
271 <script>
272 export default {
273 name:'zrz',
274 data () {
275 return {
276 form:{
277 zrzbsm:'', //自然幢标识码
278 zdbsm:'', //宗地标识码
279 dzbsm:'', //多幢标识码
280 dyhbsm:'', //不动产单元号标识码
281 zrzh:'', //自然幢号
282 jzwgd:'', //建筑物高度
283 zzdmj:'', //幢占地面积
284 zydmj:'', //幢用地面积
285 ycjzmj:'', //预测建筑面积
286 scjzmj:'', //实测建筑面积
287 zcs:'', //总层数
288 dscs:'', //地上层数
289 dxcs:'', //地下层数
290 dxsd:'', //地下深度
291 zts:'', //总套数
292 zl:'', //坐落
293 jzwjbyt:'', //建筑物基本用途
294 jzwmc:'', //建筑物名称
295 xmmc:'', //项目名称
296 jgrq:'', //竣工日期
297 tfh:'', //图幅号
298 bz:'', //备注
299 fwxzbsm:'', //房屋性质ID
300 fwcbbsm:'', //房屋产别ID
301 fwcqlybsm:'', //房屋产权来源ID
302 ydybsm:'', //原单元标识码
303 name:'',
304 date:'',
305 ytList:[{
306 glbsm:'', //关联标识码
307 fwytzdbsm:'', //房屋用途字典标识码
308 sx:'', //顺序
309 fwsjytbsm:'', //房屋实际用途字典标识码
310 }],
311 fwjgList:[{
312 fwjgzdbsm:'', //房屋结构字典标识码
313 glbsm:'', //关联标识码
314 sx:'', //顺序
315 }],
316 qlxzList:[{
317 qlxzdm:'', //权利性质代码
318 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
319 qlxzzdbsm:'', //权利性质字典表标识码
320 qlxzmc:'', //权利名称名称
321 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
322 addQjTdytRequestList:[{
323 }], //土地用途新增实体列表
324 }]
325 },
326 options: [{
327 value: '选项1',
328 label: '黄金糕'
329 }, {
330 value: '选项2',
331 label: '双皮奶'
332 }, {
333 value: '选项3',
334 label: '蚵仔煎'
335 }, {
336 value: '选项4',
337 label: '龙须面'
338 }, {
339 value: '选项5',
340 label: '北京烤鸭'
341 }],
342 value: '',
343 ytTitleRowspan:1, //用途的单元格垂直合并数量
344 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
345 }
346 },
347 methods: {
348 addYtInfo(){
349 this.form.ytList.push({
350 glbsm:'',
351 fwytzdbsm:'',
352 fwsjytbsm:'',
353 sx:'',
354 });
355 this.ytTitleRowspan=this.form.ytList.length;
356 },
357 deleteYtInfo(index){
358 if(this.form.ytList.length<=1){
359 this.$message({
360 message: '不能删除，最少含有一条用途信息',
361 type: 'warning'
362 });
363 }else{
364 this.form.ytList.splice(index,1);
365 this.ytTitleRowspan=this.form.ytList.length;
366 }
367 },
368 addFwjgInfo(){
369 this.form.fwjgList.push({
370 fwjgzdbsm:'', //房屋结构字典标识码
371 glbsm:'', //关联标识码
372 sx:'', //顺序
373 });
374 this.fwjgTitleRowspan=this.form.fwjgList.length;
375 },
376 deleteFwjgInfo(index){
377 if(this.form.fwjgList.length<=1){
378 this.$message({
379 message: '不能删除，最少含有一条房屋结构信息',
380 type: 'warning'
381 });
382 }else{
383 this.form.fwjgList.splice(index,1);
384 this.fwjgTitleRowspan=this.form.fwjgList.length;
385 }
386 },
387 onSave(){
388 console.log(this.form)
389 },
390 onSubmit(){
391 console.log(this.form)
392 }
393 }
394 }
395 </script>
396 <style rel="stylesheet/less" lang="less">
397 @import 'index.less';
398 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -49,7 +49,7 @@ module.exports = { ...@@ -49,7 +49,7 @@ module.exports = {
49 hotOnly: false, 49 hotOnly: false,
50 proxy: { 50 proxy: {
51 "/api": { 51 "/api": {
52 target: process.env.VUE_APP_api, 52 target: process.env.VUE_APP_api2,
53 changeOrigin: true, 53 changeOrigin: true,
54 pathRewrite: { 54 pathRewrite: {
55 "^/api": "/", 55 "^/api": "/",
......