Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
46c6dc4d by 杨威
Options

变更业务下范围属性变更和重新落宗页面样式修改

1 parent 8b8a2107
Expand all
Inline Side-by-side
Showing 7 changed files with 220 additions and 77 deletions
1 <template> 1 <template>
2 <div class="main"> 2 <div>
3 <el-dialog 3 <el-dialog
4 title="选择宗地" 4 title="选择宗地"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
......
...@@ -90,6 +90,7 @@ service.interceptors.response.use( ...@@ -90,6 +90,7 @@ service.interceptors.response.use(
90 }, 90 },
91 error => { 91 error => {
92 if (error && error.response) { 92 if (error && error.response) {
93 loadingInstance.close();
93 switch (error.response.status) { 94 switch (error.response.status) {
94 case 400: 95 case 400:
95 error.message = '请求错误'; 96 error.message = '请求错误';
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <div class="search"> 3 <div class="search">
4 <el-button type="primary" @click="search">查询</el-button> 4 <!-- <el-row :gutter="10" class="shop">
5 <el-button type="primary" @click="result">重置</el-button> 5 <el-col :span="8" class="inputtitle">
6 <el-row :gutter="10" class="shop"> 6 <span>宗地编码</span>
7 <el-col :span="4" class="inputtitle">
8 宗地编码:
9 </el-col>
10 <el-col :span="8" class="">
11 <el-input v-model="queryData.zddm"></el-input> 7 <el-input v-model="queryData.zddm"></el-input>
12 </el-col> 8 </el-col>
13 <el-col :span="4" class="inputtitle"> 9 <el-col :span="8" class="inputtitle">
14 不动产权证号: 10 <span>不动产权证号</span>
15 </el-col>
16 <el-col :span="8" class="">
17 <el-input v-model="queryData.bdcqzh"></el-input> 11 <el-input v-model="queryData.bdcqzh"></el-input>
18 </el-col> 12 </el-col>
19 </el-row> 13 <el-col :span="8" class="inputtitle">
20 <el-row :gutter="10"> 14 <span>不动产权单元号</span>
21 <el-col :span="4" class="inputtitle">
22 不动产权单元号:
23 </el-col>
24 <el-col :span="8">
25 <el-input v-model="queryData.bdcdyh"></el-input> 15 <el-input v-model="queryData.bdcdyh"></el-input>
26 </el-col> 16 </el-col>
17 </el-row>
18 <el-row :gutter="10">
27 <el-col :span="4" class="inputtitle"> 19 <el-col :span="4" class="inputtitle">
28 权利人: 20 权利人:
29 </el-col> 21 </el-col>
...@@ -38,8 +30,114 @@ ...@@ -38,8 +30,114 @@
38 <el-col :span="8"> 30 <el-col :span="8">
39 <el-input v-model="queryData.zl"></el-input> 31 <el-input v-model="queryData.zl"></el-input>
40 </el-col> 32 </el-col>
41 </el-row> 33 </el-row> -->
42 <table border="1"> 34 <el-row>
35 <el-col :span="24">
36 <el-form :inline="true" class="demo-form-inline">
37 <el-form-item label="宗地编码">
38 <el-input
39 v-model="queryData.zddm"
40 placeholder="输入宗地编码"
41 @change="query"
42 ></el-input>
43 </el-form-item>
44 <el-form-item label="不动产权证号">
45 <el-input
46 v-model="queryData.bdcqzh"
47 placeholder="输入坐落地址"
48 @change="query"
49 ></el-input>
50 </el-form-item>
51 <el-form-item label="不动产单元号">
52 <el-input
53 v-model="queryData.bdcdyh"
54 placeholder="输入不动产单元号"
55 @change="query"
56 ></el-input>
57 </el-form-item>
58 <el-form-item label="权利人">
59 <el-input
60 v-model="queryData.qlrmc"
61 placeholder="输入权利人姓名"
62 @change="query"
63 ></el-input>
64 </el-form-item>
65 <el-form-item label="坐落">
66 <el-input
67 v-model="queryData.zl"
68 placeholder="输入坐落地址"
69 @change="query"
70 ></el-input>
71 </el-form-item>
72
73 <!-- <el-button
74 type="primary"
75 class="moreSearchBtn"
76 @click="moreSearch"
77 >高级查询
78 </el-button> -->
79 <!-- @click="ismore = !ismore" -->
80 </el-form>
81 </el-col>
82 </el-row>
83 <el-row>
84 <el-col :span="24">
85 <el-form :inline="true" :model="queryData" class="demo-form-inline">
86 <el-form-item class="demo-form-inline" label="查询范围">
87 <el-checkbox-group v-model="queryData.dylxs" @change="query">
88 <el-checkbox label="zd" name="type">宗地</el-checkbox>
89 <el-checkbox label="dz" name="type">多幢</el-checkbox>
90 <el-checkbox label="zrz" name="type">自然幢</el-checkbox>
91 <el-checkbox label="h" name="type">户</el-checkbox>
92 <el-checkbox label="gzw" name="type">构筑物</el-checkbox>
93 <el-checkbox label="lq" name="type">林权</el-checkbox>
94 <el-checkbox label="zh" name="type">宗海</el-checkbox>
95 </el-checkbox-group>
96 </el-form-item>
97
98 <el-button type="primary" @click="query">查询</el-button>
99 <el-button type="warning" @click="reset">重置</el-button>
100 </el-form>
101 </el-col>
102 <el-col :span="2">
103 </el-col>
104 </el-row>
105
106 <el-table
107 :data="Data"
108 :height="tableHeight"
109 :row-class-name="tableRowClassName"
110 >
111 <td class="xh">序号</td>
112 <td class="cz">操作</td>
113 <td class="zddm">宗地代码</td>
114 <td class="bdcdyh">不动产单元号</td>
115 <td class="xmmc">项目名称</td>
116 <td class="bdcqzh">不动产权证号</td>
117 <td class="qlr">权利人</td>
118 <td class="zl">坐落</td>
119 <el-table-column type="index" width="80" align="center" label="序号">
120 </el-table-column>
121 <el-table-column label="操作" width="100">
122 <template slot-scope="scope">
123 <el-button @click="xzzrz(scope.row)" type="text" size="small"
124 >选择
125 </el-button>
126 </template>
127 </el-table-column>
128 <el-table-column prop="zddm" align="left" label="宗地代码">
129 </el-table-column>
130 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
131 </el-table-column>
132 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
133 </el-table-column>
134 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
135 </el-table-column>
136 <el-table-column prop="qlrmc" align="left" width="120" label="权利人">
137 </el-table-column>
138 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
139 </el-table>
140 <!-- <table border="1">
43 <tr> 141 <tr>
44 <td class="xh">序号</td> 142 <td class="xh">序号</td>
45 <td class="cz">操作</td> 143 <td class="cz">操作</td>
...@@ -67,7 +165,7 @@ ...@@ -67,7 +165,7 @@
67 <td class="qlr" :title="item.qlr">{{ item.qlr }}</td> 165 <td class="qlr" :title="item.qlr">{{ item.qlr }}</td>
68 <td class="zl">{{ item.zl }}</td> 166 <td class="zl">{{ item.zl }}</td>
69 </tr> 167 </tr>
70 </table> 168 </table> -->
71 </div> 169 </div>
72 <span slot="footer" class="dialog-footer"> </span> 170 <span slot="footer" class="dialog-footer"> </span>
73 <cxlz-query-data 171 <cxlz-query-data
...@@ -116,12 +214,22 @@ ...@@ -116,12 +214,22 @@
116 }, 214 },
117 Data: [], 215 Data: [],
118 dylxs: ["zd"], 216 dylxs: ["zd"],
217 tableHeight:0
119 }; 218 };
120 }, 219 },
121 created() { 220 created() {
122 }, 221 },
123 mounted() { 222 mounted() {
124 this.getData(this.queryData); 223 this.getData(this.queryData);
224 if ((document.documentElement.clientWidth || document.body.clientWidth) < 1890) {
225 this.$nextTick(()=>{
226 this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 355;
227 })
228 }else{
229 this.$nextTick(()=>{
230 this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 304;
231 })
232 }
125 }, 233 },
126 methods: { 234 methods: {
127 currentChange: function (val) { 235 currentChange: function (val) {
...@@ -170,7 +278,6 @@ ...@@ -170,7 +278,6 @@
170 box-sizing: border-box; 278 box-sizing: border-box;
171 padding: 18px; 279 padding: 18px;
172 height: auto; 280 height: auto;
173 width: 80%;
174 } 281 }
175 282
176 table { 283 table {
...@@ -199,6 +306,14 @@ ...@@ -199,6 +306,14 @@
199 306
200 .inputtitle { 307 .inputtitle {
201 line-height: 40px; 308 line-height: 40px;
309 span{
310 display: inline-block;
311 width: 120px;
312 text-align: left;
313 }
314 /deep/ .el-input{
315 width: calc(100% - 120px);
316 }
202 } 317 }
203 318
204 .shop { 319 .shop {
...@@ -250,4 +365,10 @@ ...@@ -250,4 +365,10 @@
250 width: auto; 365 width: auto;
251 height: auto; 366 height: auto;
252 } 367 }
368 /deep/ .el-form-item__label{
369 width: 96px;
370 }
371 /deep/ .el-form{
372 margin-left: -28px;
373 }
253 </style> 374 </style>
......
...@@ -8,13 +8,13 @@ ...@@ -8,13 +8,13 @@
8 <span class="tips">分割前宗地信息</span> 8 <span class="tips">分割前宗地信息</span>
9 <table border="1"> 9 <table border="1">
10 <tr> 10 <tr>
11 <td>序号</td> 11 <th>序号</th>
12 <td>宗地代码</td> 12 <th>宗地代码</th>
13 <td>不动产单元号</td> 13 <th>不动产单元号</th>
14 <td>项目名称</td> 14 <th>项目名称</th>
15 <td>不动产权证号</td> 15 <th>不动产权证号</th>
16 <td>权利人</td> 16 <th>权利人</th>
17 <td>坐落</td> 17 <th>坐落</th>
18 </tr> 18 </tr>
19 <tr v-if="Object.keys(bgqData)==0"> 19 <tr v-if="Object.keys(bgqData)==0">
20 <td colspan="7"> 20 <td colspan="7">
...@@ -41,14 +41,14 @@ ...@@ -41,14 +41,14 @@
41 <span class="tips">分割后宗地信息</span> 41 <span class="tips">分割后宗地信息</span>
42 <table border="1"> 42 <table border="1">
43 <tr> 43 <tr>
44 <td>操作</td> 44 <th>操作</th>
45 <td>行政区</td> 45 <th>行政区</th>
46 <td>地籍区</td> 46 <th>地籍区</th>
47 <td>地籍子区</td> 47 <th>地籍子区</th>
48 <td>所有权类型</td> 48 <th>所有权类型</th>
49 <td>土地特征码</td> 49 <th>土地特征码</th>
50 <td>项目名称</td> 50 <th>项目名称</th>
51 <td>幢信息</td> 51 <th>幢信息</th>
52 </tr> 52 </tr>
53 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 53 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
54 <td @click="delRow(index)">-</td> 54 <td @click="delRow(index)">-</td>
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
167 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" 167 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
168 @close="close"></query-data> 168 @close="close"></query-data>
169 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 169 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
170 <el-button type="primary" @click="save">保存</el-button> 170 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
171 </div> 171 </div>
172 </div> 172 </div>
173 </el-tab-pane> 173 </el-tab-pane>
...@@ -178,13 +178,13 @@ ...@@ -178,13 +178,13 @@
178 <span class="tips">分割前宗地信息</span> 178 <span class="tips">分割前宗地信息</span>
179 <table border="1"> 179 <table border="1">
180 <tr> 180 <tr>
181 <td>序号</td> 181 <th>序号</th>
182 <td>宗地代码</td> 182 <th>宗地代码</th>
183 <td>不动产单元号</td> 183 <th>不动产单元号</th>
184 <td>项目名称</td> 184 <th>项目名称</th>
185 <td>不动产权证号</td> 185 <th>不动产权证号</th>
186 <td>权利人</td> 186 <th>权利人</th>
187 <td>坐落</td> 187 <th>坐落</th>
188 </tr> 188 </tr>
189 <tr v-if="Object.keys(bgqData)==0"> 189 <tr v-if="Object.keys(bgqData)==0">
190 <td colspan="7"> 190 <td colspan="7">
...@@ -211,14 +211,14 @@ ...@@ -211,14 +211,14 @@
211 <span class="tips">分割后宗地信息</span> 211 <span class="tips">分割后宗地信息</span>
212 <table border="1"> 212 <table border="1">
213 <tr> 213 <tr>
214 <td>操作</td> 214 <th>操作</th>
215 <td>行政区</td> 215 <th>行政区</th>
216 <td>地籍区</td> 216 <th>地籍区</th>
217 <td>地籍子区</td> 217 <th>地籍子区</th>
218 <td>所有权类型</td> 218 <th>所有权类型</th>
219 <td>土地特征码</td> 219 <th>土地特征码</th>
220 <td>项目名称</td> 220 <th>项目名称</th>
221 <td>幢信息</td> 221 <th>幢信息</th>
222 </tr> 222 </tr>
223 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 223 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
224 <td @click="delRow(index)">-</td> 224 <td @click="delRow(index)">-</td>
...@@ -336,7 +336,7 @@ ...@@ -336,7 +336,7 @@
336 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 336 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']"
337 @close="close"></query-data> 337 @close="close"></query-data>
338 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 338 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
339 <el-button type="primary" @click="save">保存</el-button> 339 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
340 </div> 340 </div>
341 </div> 341 </div>
342 </el-tab-pane> 342 </el-tab-pane>
...@@ -347,13 +347,13 @@ ...@@ -347,13 +347,13 @@
347 <span class="tips">分割前宗地信息</span> 347 <span class="tips">分割前宗地信息</span>
348 <table border="1"> 348 <table border="1">
349 <tr> 349 <tr>
350 <td>序号</td> 350 <th>序号</th>
351 <td>宗地代码</td> 351 <th>宗地代码</th>
352 <td>不动产单元号</td> 352 <th>不动产单元号</th>
353 <td>项目名称</td> 353 <th>项目名称</th>
354 <td>不动产权证号</td> 354 <th>不动产权证号</th>
355 <td>权利人</td> 355 <th>权利人</th>
356 <td>坐落</td> 356 <th>坐落</th>
357 </tr> 357 </tr>
358 <tr v-if="Object.keys(bgqData)==0"> 358 <tr v-if="Object.keys(bgqData)==0">
359 <td colspan="7"> 359 <td colspan="7">
...@@ -380,14 +380,14 @@ ...@@ -380,14 +380,14 @@
380 <span class="tips">分割后宗地信息</span> 380 <span class="tips">分割后宗地信息</span>
381 <table border="1"> 381 <table border="1">
382 <tr> 382 <tr>
383 <td>操作</td> 383 <th>操作</th>
384 <td>行政区</td> 384 <th>行政区</th>
385 <td>地籍区</td> 385 <th>地籍区</th>
386 <td>地籍子区</td> 386 <th>地籍子区</th>
387 <td>所有权类型</td> 387 <th>所有权类型</th>
388 <td>土地特征码</td> 388 <th>土地特征码</th>
389 <td>项目名称</td> 389 <th>项目名称</th>
390 <td>幢信息</td> 390 <th>幢信息</th>
391 </tr> 391 </tr>
392 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 392 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
393 <td @click="delRow(index)">-</td> 393 <td @click="delRow(index)">-</td>
...@@ -505,7 +505,7 @@ ...@@ -505,7 +505,7 @@
505 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']" 505 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']"
506 @close="close"></query-data> 506 @close="close"></query-data>
507 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 507 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
508 <el-button type="primary" @click="save">保存</el-button> 508 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
509 </div> 509 </div>
510 </div> 510 </div>
511 </el-tab-pane> 511 </el-tab-pane>
...@@ -860,13 +860,19 @@ ...@@ -860,13 +860,19 @@
860 position: absolute; 860 position: absolute;
861 right: 30px; 861 right: 30px;
862 top: -46px; 862 top: -46px;
863 z-index: 999;
863 } 864 }
864 table { 865 table {
865 margin-top: 10px; 866 margin-top: 10px;
866 background-color: #fff; 867 background-color: #fff;
867 font-size: 14px; 868 font-size: 14px;
868 width: 100%; 869 width: 100%;
869 870 tr:nth-of-type(odd){
871 background: #FAFAFA;
872 th{
873 height: 36px;
874 }
875 }
870 .formInput { 876 .formInput {
871 margin: 0; 877 margin: 0;
872 height: 36px; 878 height: 36px;
...@@ -906,9 +912,6 @@ ...@@ -906,9 +912,6 @@
906 bottom: 0; 912 bottom: 0;
907 text-align: center; 913 text-align: center;
908 background-color: #ffffff; 914 background-color: #ffffff;
909 /deep/ .el-button{
910 margin-top: 5px;
911 }
912 } 915 }
913 .xz-container { 916 .xz-container {
914 border: 1px solid #000; 917 border: 1px solid #000;
...@@ -920,4 +923,14 @@ ...@@ -920,4 +923,14 @@
920 color: #9B9B9B; 923 color: #9B9B9B;
921 } 924 }
922 } 925 }
926 .saveBtn{
927 background-color: #00CACD;
928 border-color: #00CACD;
929 padding: 10px 30px;
930 margin-top: 8px;
931 }
932 .saveBtn:hover{
933 background-color: rgba(0, 202, 205, .8);
934 border-color: rgba(0, 202, 205, .8);
935 }
923 </style> 936 </style>
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
2 <div class="content_box"> 2 <div class="content_box">
3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
4 <el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane> 4 <el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane>
5 <el-tab-pane label="合并" name="hb"><hb></hb></el-tab-pane> 5 <el-tab-pane label="合并" name="hb"><hb v-if="hbLoad"></hb></el-tab-pane>
6 <el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg></fwsxbg></el-tab-pane> 6 <el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg v-if="fwsxbgLoad"></fwsxbg></el-tab-pane>
7 <el-tab-pane label="重新落宗" name="cxlz"><cxlz></cxlz></el-tab-pane> 7 <el-tab-pane label="重新落宗" name="cxlz"><cxlz></cxlz></el-tab-pane>
8 </el-tabs> 8 </el-tabs>
9 </div> 9 </div>
...@@ -23,11 +23,19 @@ export default { ...@@ -23,11 +23,19 @@ export default {
23 data() { 23 data() {
24 return { 24 return {
25 activeName: "fg", 25 activeName: "fg",
26 hbLoad:false, //默认不加载合并tab
27 fwsxbgLoad:false, //默认不加载范围属性变更tab
26 }; 28 };
27 }, 29 },
28 methods: { 30 methods: {
29 handleClick(tab, event) { 31 handleClick(tab, event) {
30 console.log(tab, event); 32 console.log(tab.name);
33 if(!this.hbLoad){
34 this.hbLoad = tab.name == 'hb' ? true : false
35 }
36 if(!this.fwsxbgLoad){
37 this.fwsxbgLoad = tab.name == 'fwsxbg' ? true : false
38 }
31 }, 39 },
32 }, 40 },
33 created() {}, 41 created() {},
......