Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
d9492093 by zhaoqian
Options

逻辑幢，层相关表单页面部分；

1 parent 3917f637
Inline Side-by-side
Showing 6 changed files with 527 additions and 0 deletions
...@@ -48,4 +48,25 @@ export function getZrzDetailByBsm (data) { ...@@ -48,4 +48,25 @@ export function getZrzDetailByBsm (data) {
48 }) 48 })
49 } 49 }
50 50
51 /**
52 * 新增逻辑幢信息接口
53 */
54 export function insertLjzInfo (data) {
55 return request({
56 url: '/system/qjLjz/insertQjLjz',
57 method: 'post',
58 data:data
59 })
60 }
61
62 /**
63 * 新增逻辑幢信息接口
64 */
65 export function insertCInfo (data) {
66 return request({
67 url: '/system/qjC/insertQjC',
68 method: 'post',
69 data:data
70 })
71 }
51 72
......
...@@ -83,6 +83,18 @@ const constantRoutes = [ ...@@ -83,6 +83,18 @@ 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: "逻辑幢",
89 code: "1-6",
90 component: () => import("@/views/systemZRZ/ljz/index"),
91 },
92 {
93 path: "/c",
94 name: "层",
95 code: "1-7",
96 component: () => import("@/views/systemZRZ/c/index"),
97 },
86 ], 98 ],
87 }, 99 },
88 ]; 100 ];
......
...@@ -33,6 +33,7 @@ const store = new Vuex.Store({ ...@@ -33,6 +33,7 @@ const store = new Vuex.Store({
33 cqlyOptions:[], 33 cqlyOptions:[],
34 jgOptions:[], 34 jgOptions:[],
35 gmjjhyflbsmList:[], 35 gmjjhyflbsmList:[],
36 fwytList:[],
36 //创建自然幢时需要用到的临时存储信息 37 //创建自然幢时需要用到的临时存储信息
37 zrzbsm: '', 38 zrzbsm: '',
38 zjlxList: [], 39 zjlxList: [],
......
...@@ -210,6 +210,7 @@ export default { ...@@ -210,6 +210,7 @@ export default {
210 s.gyfsList = s.gyfsList.length == 0 ?await this.getDicData("共有方式") : s.gyfsList; 210 s.gyfsList = s.gyfsList.length == 0 ?await this.getDicData("共有方式") : s.gyfsList;
211 s.qlxzList = s.qlxzList.length == 0 ?await this.getDicData("权利性质") : s.qlxzList; 211 s.qlxzList = s.qlxzList.length == 0 ?await this.getDicData("权利性质") : s.qlxzList;
212 s.tdytList = s.tdytList.length == 0 ?await this.getDicData("土地用途") : s.tdytList; 212 s.tdytList = s.tdytList.length == 0 ?await this.getDicData("土地用途") : s.tdytList;
213 s.fwytList = s.fwytList.length == 0 ?await this.getDicData("房屋用途") : s.fwytList;
213 s.tddjList = s.tddjList.length == 0 ?await this.getDicData("土地等级") : s.tddjList; 214 s.tddjList = s.tddjList.length == 0 ?await this.getDicData("土地等级") : s.tddjList;
214 215
215 s.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions; 216 s.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions;
......
1 <template>
2 <div class="h content-form">
3 <el-form ref="form" :model="form" label-width="160px">
4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
5 <tbody>
6 <tr height="30">
7 <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td>
8 </tr>
9 <tr height="30">
10 <td colspan="2" align="center" >层号</td>
11 <td colspan="4" >
12 <el-input v-model="form.ch"></el-input>
13 </td>
14 <td colspan="2" align="center" >自然幢号</td>
15 <td colspan="4" >
16 <el-input v-model="form.zrzh"></el-input>
17 </td>
18 </tr>
19 <tr height="30">
20 <td colspan="2" align="center" >实际层</td>
21 <td colspan="4" >
22 <el-input v-model="form.sjc"></el-input>
23 </td>
24 <td colspan="2" align="center" >名义层</td>
25 <td colspan="4" >
26 <el-input v-model="form.myc"></el-input>
27 </td>
28 </tr>
29
30
31 <tr height="30">
32 <td colspan="2" align="center" >层建筑面积(㎡)</td>
33 <td colspan="4" >
34 <el-input v-model="form.cjzmj"></el-input>
35 </td>
36 <td colspan="2" align="center" >层套内建筑面积(㎡)</td>
37 <td colspan="4" >
38 <el-input v-model="form.ctnjzmj"></el-input>
39 </td>
40 </tr>
41
42 <tr height="30">
43 <td colspan="2" align="center" >层阳台面积(㎡)</td>
44 <td colspan="4" >
45 <el-input v-model="form.cytmj"></el-input>
46 </td>
47 <td colspan="2" align="center" >层半墙面积(㎡)</td>
48 <td colspan="4" >
49 <el-input v-model="form.cbqmj"></el-input>
50 </td>
51 </tr>
52
53 <tr height="30">
54 <td colspan="2" align="center" >层共有建筑面积(㎡)</td>
55 <td colspan="4" >
56 <el-input v-model="form.cgyjzmj"></el-input>
57 </td>
58 <td colspan="2" align="center" >层分摊建筑面积(㎡)</td>
59 <td colspan="4" >
60 <el-input v-model="form.cftjzmj"></el-input>
61 </td>
62 </tr>
63
64 <tr height="30">
65 <td colspan="2" align="center" >层高</td>
66 <td colspan="4" >
67 <el-input v-model="form.cg"></el-input>
68 </td>
69 <td colspan="2" align="center" >水平投影面积</td>
70 <td colspan="4" >
71 <el-input v-model="form.sptymj"></el-input>
72 </td>
73 </tr>
74 <tr height="30">
75 </tr>
76
77 </tbody>
78 </table>
79 </el-form>
80 <div style="min-height: 40px;text-align: center;margin-top: 10px">
81 <el-button type="success" @click="onSave">保存</el-button>
82 <el-button type="primary" @click="onSubmit">提交</el-button>
83 </div>
84 </div>
85
86 </template>
87
88 <script>
89 import {insertCInfo} from "../../../api/zrz";
90 export default {
91 name:'c',
92 components:{},
93 data () {
94 return {
95 form:{
96 zrzbsm:'',
97 ch:'', //层号
98 zrzh:'', //自然幢号
99 sjc:'', //实际层
100 myc:'', //名义层
101 cjzmj:'', //层建筑面积
102 ctnjzmj:'', //层套内建筑面积
103 cytmj:'', //层阳台面积
104 cbqmj:'', //层半墙面积
105 cgyjzmj:'', //层共有建筑面积
106 cftjzmj:'', //层分摊建筑面积
107 cg:'', //层高
108 sptymj:'', //水平投影面积
109 },
110 value: '',
111 }
112 },
113 methods: {
114 onSave(){
115 this.form.zrzbsm=this.$router.query.bsm;
116 insertCInfo(this.form).then((res)=>{
117 if(res.code===200){
118 this.$message.success("保存成功")
119 }
120 })
121 console.log(this.form)
122 },
123 onSubmit(){
124 console.log(this.form)
125 }
126 }
127 }
128 </script>
129 <style rel="stylesheet/less" lang="less" scoped>
130 .h {
131 min-height: 200px;
132 width: 80%;
133 margin-top: 10px;
134 margin-left: 10%;
135 float: left;
136
137 /deep/.el-input__inner{
138 width: 100%;
139 border: 0;
140 }
141
142 /deep/textarea{
143 width: 100%;
144 border: 0;
145 }
146
147
148 .el-form-item{
149 font-weight: bold;
150 font-size: xx-large
151 }
152
153 table{
154 background: #fff;
155 table-layout: fixed;
156 }
157
158 td{
159 //bgcolor:#F1F4FC;
160 bgcolor:#fff;
161 width:8.33%
162 }
163
164 .el-select{
165 display:block;
166 }
167 }
168
169 table{
170 font-size: 14px;
171 }
172
173 .hTable{
174 margin-top: 10px;
175 }
176 </style>
...\ 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 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
5 <tbody>
6 <tr height="30">
7 <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td>
8 </tr>
9 <tr height="30">
10 <td colspan="2" align="center" >逻辑幢号</td>
11 <td colspan="4" >
12 <el-input v-model="form.ljzh"></el-input>
13 </td>
14 <td colspan="2" align="center" >自然幢号</td>
15 <td colspan="4" >
16 <el-input v-model="form.zrzh"></el-input>
17 </td>
18 </tr>
19 <tr height="30">
20 <td colspan="2" align="center" >逻辑幢顺序号</td>
21 <td colspan="4" >
22 <el-input v-model="form.ljzsxh"></el-input>
23 </td>
24 <td colspan="2" align="center" >不动产单元号</td>
25 <td colspan="4" >
26 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input>
27 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
28 </td>
29 </tr>
30
31 <tr height="30">
32 <td colspan="2" align="center" >门牌号</td>
33 <td colspan="4" >
34 <el-input v-model="form.mph"></el-input>
35 </td>
36 <td colspan="2" align="center" >竣工日期</td>
37 <td colspan="4" >
38 <el-date-picker
39 v-model="form.jgrq"
40 type="date"
41 placeholder="选择日期">
42 </el-date-picker>
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.ycjzmj"></el-input>
50 </td>
51 <td colspan="2" align="center" >实测建筑面积(㎡)</td>
52 <td colspan="4" >
53 <el-input v-model="form.scjzmj"></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.ycdxmj"></el-input>
61 </td>
62 <td colspan="2" align="center" >实测地下面积(㎡)</td>
63 <td colspan="4" >
64 <el-input v-model="form.scdxmj"></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.ycqtmj"></el-input>
72 </td>
73 <td colspan="2" align="center" >实测其他面积(㎡)</td>
74 <td colspan="4" >
75 <el-input v-model="form.scqymj"></el-input>
76 </td>
77 </tr>
78
79
80 <tr height="30" v-for="(item1,index) in form.ytList" :key="'yt'+index">
81 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" align="center" >
82 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
83 <span>用途</span>
84 </td>
85 <td colspan="1" align="center" >
86 <span @click="deleteYtInfo(index)">删除</span>
87 </td>
88 <td colspan="9" >
89 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
90 <el-option
91 v-for="item in $store.state.tdytList"
92 :key="item.bsm"
93 :label="item.mc"
94 :value="item.bsm">
95 </el-option>
96 </el-select>
97 </td>
98 </tr>
99
100 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
101 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
102 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
103 <span>房屋结构</span>
104 </td>
105 <td colspan="1" align="center" >
106 <span @click="deleteFwjgInfo(index)">删除</span>
107 </td>
108 <td colspan="9" >
109 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
110 <el-option
111 v-for="item in $store.state.jgOptions"
112 :key="item.bsm"
113 :label="item.mc"
114 :value="item.bsm">
115 </el-option>
116 </el-select>
117 </td>
118 </tr>
119
120 <tr height="30">
121 <td colspan="2" align="center" >地下层数</td>
122 <td colspan="4" >
123 <el-input v-model="form.dxcs"></el-input>
124 </td>
125 <td colspan="2" align="center" >地上层数</td>
126 <td colspan="4" >
127 <el-input v-model="form.dscs"></el-input>
128 </td>
129 </tr>
130
131
132 <tr height="30">
133 <td colspan="2" align="center" >总层数</td>
134 <td colspan="4" >
135 <el-input v-model="form.zcs"></el-input>
136 </td>
137 <td colspan="2" align="center" >建筑物状态</td>
138 <td colspan="4" >
139 <el-input v-model="form.jzwzt"></el-input>
140 </td>
141 </tr>
142
143
144 <tr height="30">
145 <td colspan="2" rowspan="2" align="center" >
146 <span>备注</span>
147 </td>
148 <td colspan="10" rowspan="2" >
149 <el-input v-model="form.bz" type="textarea"></el-input>
150 </td>
151 </tr>
152 <tr height="30">
153 </tr>
154
155 </tbody>
156 </table>
157 </el-form>
158 <div style="min-height: 40px;text-align: center;margin-top: 10px">
159 <el-button type="success" @click="onSave">保存</el-button>
160 <el-button type="primary" @click="onSubmit">提交</el-button>
161 </div>
162 </div>
163
164 </template>
165
166 <script>
167 import {insertLjzInfo} from "../../../api/zrz";
168 export default {
169 name:'ljz',
170 components:{},
171 data () {
172 return {
173 form:{
174 zrzbsm:'',
175 ljzh:'', //逻辑幢号
176 zrzh:'', //自然幢号
177 ljzsxh:'', //逻辑幢顺序号
178 bdcdyh:'', //不动产单元号
179 mph:'', //门牌号
180 jgrq:'', //竣工日期
181 ycjzmj:'', //预测建筑面积
182 scjzmj:'', //实测建筑面积
183 ycdxmj:'', //预测地下面积
184 scdxmj:'', //实测地下面积
185 ycqtmj:'', //预测其他面积
186 scqymj:'', //实测其他面积
187 ytList:[{
188 glbsm:'', //关联标识码
189 fwytzdbsm:'', //房屋用途字典标识码
190 sx:'', //顺序
191 }],
192 fwjgList:[{
193 fwjgzdbsm:'', //房屋结构字典标识码
194 glbsm:'', //关联标识码
195 sx:'', //顺序
196 }],
197 dxcs:'', //地下层数
198 dscs:'', //地上层数
199 zcs:'', //总层数
200 jzwzt:'', //建筑物状态
201 },
202 value: '',
203 ytTitleRowspan:1, //用途的单元格垂直合并数量
204 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
205 }
206 },
207 methods: {
208 addYtInfo(){
209 this.form.ytList.push({
210 glbsm:'',
211 fwytzdbsm:'',
212 sx:'',
213 });
214 this.ytTitleRowspan=this.form.ytList.length;
215 },
216 deleteYtInfo(index){
217 if(this.form.ytList.length<=1){
218 this.$message({
219 message: '不能删除，最少含有一条用途信息',
220 type: 'warning'
221 });
222 }else{
223 this.form.ytList.splice(index,1);
224 this.ytTitleRowspan=this.form.ytList.length;
225 }
226 },
227 addFwjgInfo(){
228 this.form.fwjgList.push({
229 fwjgzdbsm:'', //房屋结构字典标识码
230 glbsm:'', //关联标识码
231 sx:'', //顺序
232 });
233 this.fwjgTitleRowspan=this.form.fwjgList.length;
234 },
235 deleteFwjgInfo(index){
236 if(this.form.fwjgList.length<=1){
237 this.$message({
238 message: '不能删除，最少含有一条房屋结构信息',
239 type: 'warning'
240 });
241 }else{
242 this.form.fwjgList.splice(index,1);
243 this.fwjgTitleRowspan=this.form.fwjgList.length;
244 }
245 },
246 onSave(){
247 console.log(this.form)
248 //自然幢标识码
249 this.form.zrzbsm=this.$router.query.bsm;
250 insertLjzInfo(this.form).then((res)=>{
251 if(res.code===200){
252 this.$message.success("保存成功")
253 }
254 })
255
256 },
257 onSubmit(){
258 console.log(this.form)
259 }
260 },
261 created() {
262
263 },
264 mounted() {
265
266 }
267 }
268 </script>
269 <style rel="stylesheet/less" lang="less" scoped>
270 .h {
271 min-height: 200px;
272 width: 80%;
273 margin-top: 10px;
274 margin-left: 10%;
275 float: left;
276
277 /deep/.el-input__inner{
278 width: 100%;
279 border: 0;
280 }
281
282 /deep/textarea{
283 width: 100%;
284 border: 0;
285 }
286
287
288 .el-form-item{
289 font-weight: bold;
290 font-size: xx-large
291 }
292
293 table{
294 background: #fff;
295 table-layout: fixed;
296 }
297
298 td{
299 //bgcolor:#F1F4FC;
300 bgcolor:#fff;
301 width:8.33%
302 }
303
304 .el-select{
305 display:block;
306 }
307 }
308
309 table{
310 font-size: 14px;
311 }
312
313 .hTable{
314 margin-top: 10px;
315 }
316 </style>
...\ No newline at end of file ...\ No newline at end of file