Skip to content

任超 / js.CadastralSystem

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

分割模块弹框样式修改，多幢分割页面样式修改

1 parent 693d79d7
Inline Side-by-side
Showing 3 changed files with 153 additions and 81 deletions
...@@ -3,14 +3,59 @@ ...@@ -3,14 +3,59 @@
3 <el-dialog 3 <el-dialog
4 title="新增" 4 title="新增"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="50%" 6 width="70%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false"
9 center> 8 center>
10 <div class="search"> 9 <div class="search">
11 <el-button type="primary" @click="search">查询</el-button> 10 <!-- <el-button type="primary" @click="search">查询</el-button>
12 <el-button type="primary" @click="result">重置</el-button> 11 <el-button type="primary" @click="result">重置</el-button> -->
13 <el-row :gutter="10" class="shop"> 12
13 <el-row>
14 <el-col :span="24">
15 <el-form :inline="true" class="demo-form-inline">
16 <el-form-item label="宗地编码">
17 <el-input
18 v-model="queryData.zddm"
19 placeholder="输入宗地编码"
20 ></el-input>
21 </el-form-item>
22 <el-form-item label="不动产权证号">
23 <el-input
24 v-model="queryData.bdcqzh"
25 placeholder="输入不动产权证号"
26 ></el-input>
27 </el-form-item>
28 <el-form-item label="不动产单元号">
29 <el-input
30 maxlength="28"
31 v-model="queryData.bdcdyh"
32 placeholder="输入不动产单元号"
33 ></el-input>
34 </el-form-item>
35 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
36 <el-button type="warning" @click="reset">重置</el-button>
37 </el-form>
38 </el-col>
39 </el-row>
40 <el-row>
41 <el-col :span="24">
42 <el-form :inline="true" class="demo-form-inline">
43 <el-form-item label="权利人">
44 <el-input
45 v-model="queryData.qlrmc"
46 placeholder="输入权利人"
47 ></el-input>
48 </el-form-item>
49 <el-form-item label="坐落">
50 <el-input
51 v-model="queryData.zl"
52 placeholder="输入坐落"
53 ></el-input>
54 </el-form-item>
55 </el-form>
56 </el-col>
57 </el-row>
58 <!-- <el-row :gutter="10" class="shop">
14 <el-col :span="4" class="inputtitle"> 59 <el-col :span="4" class="inputtitle">
15 宗地编码: 60 宗地编码:
16 </el-col> 61 </el-col>
...@@ -23,10 +68,10 @@ ...@@ -23,10 +68,10 @@
23 <el-col :span="8" class=""> 68 <el-col :span="8" class="">
24 <el-input v-model="queryData.bdcqzh"></el-input> 69 <el-input v-model="queryData.bdcqzh"></el-input>
25 </el-col> 70 </el-col>
26 </el-row> 71 </el-row> -->
27 <el-row :gutter="10"> 72 <!-- <el-row :gutter="10">
28 <el-col :span="4" class="inputtitle"> 73 <el-col :span="4" class="inputtitle">
29 不动产权单元号: 74 不动产单元号:
30 </el-col> 75 </el-col>
31 <el-col :span="8"> 76 <el-col :span="8">
32 <el-input v-model="queryData.bdcdyh"></el-input> 77 <el-input v-model="queryData.bdcdyh"></el-input>
...@@ -45,7 +90,7 @@ ...@@ -45,7 +90,7 @@
45 <el-col :span="8"> 90 <el-col :span="8">
46 <el-input v-model="queryData.zl"></el-input> 91 <el-input v-model="queryData.zl"></el-input>
47 </el-col> 92 </el-col>
48 </el-row> 93 </el-row> -->
49 <table border="1"> 94 <table border="1">
50 <tr> 95 <tr>
51 <td>序号</td> 96 <td>序号</td>
...@@ -77,8 +122,6 @@ ...@@ -77,8 +122,6 @@
77 122
78 </table> 123 </table>
79 </div> 124 </div>
80 <span slot="footer" class="dialog-footer">
81 </span>
82 <div class="page"> 125 <div class="page">
83 <el-pagination 126 <el-pagination
84 background 127 background
...@@ -146,7 +189,7 @@ ...@@ -146,7 +189,7 @@
146 this.queryData.pageNo = val; 189 this.queryData.pageNo = val;
147 this.getData(this.queryData); 190 this.getData(this.queryData);
148 }, 191 },
149 result: function () { 192 reset: function () {
150 this.queryData = { 193 this.queryData = {
151 bdcdyh: "", 194 bdcdyh: "",
152 bdcqzh: "", 195 bdcqzh: "",
...@@ -178,7 +221,7 @@ ...@@ -178,7 +221,7 @@
178 }, 221 },
179 close: function () { 222 close: function () {
180 this.$emit('close') 223 this.$emit('close')
181 this.result(); 224 this.reset();
182 } 225 }
183 }, 226 },
184 watch: { 227 watch: {
...@@ -197,6 +240,10 @@ ...@@ -197,6 +240,10 @@
197 height: auto; 240 height: auto;
198 width: 80%; 241 width: 80%;
199 } 242 }
243 /deep/ .el-form-item__label{
244 width: 96px;
245 text-align: right;
246 }
200 247
201 table { 248 table {
202 margin-top: 10px; 249 margin-top: 10px;
...@@ -233,5 +280,8 @@ ...@@ -233,5 +280,8 @@
233 .noData { 280 .noData {
234 color: #b2b2b2; 281 color: #b2b2b2;
235 } 282 }
283 .page{
284 margin-top: 20px;
285 }
236 286
237 </style> 287 </style>
......
...@@ -3,47 +3,53 @@ ...@@ -3,47 +3,53 @@
3 <el-dialog 3 <el-dialog
4 title="新增" 4 title="新增"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="50%" 6 width="70%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false"
9 center> 8 center>
10 <div class="search"> 9 <div class="search">
11 <el-button type="primary" @click="search">查询</el-button> 10 <el-row>
12 <el-button type="primary" @click="result">重置</el-button> 11 <el-col :span="24">
13 <el-row :gutter="10" class="shop"> 12 <el-form :inline="true" class="demo-form-inline">
14 <el-col :span="4" class="inputtitle"> 13 <el-form-item label="宗地编码">
15 宗地编码: 14 <el-input
16 </el-col> 15 v-model="queryData.zddm"
17 <el-col :span="8" class=""> 16 placeholder="输入宗地编码"
18 <el-input v-model="queryData.zddm"></el-input> 17 ></el-input>
19 </el-col> 18 </el-form-item>
20 <el-col :span="4" class="inputtitle"> 19 <el-form-item label="不动产权证号">
21 不动产权证号: 20 <el-input
22 </el-col> 21 v-model="queryData.bdcqzh"
23 <el-col :span="8" class=""> 22 placeholder="输入不动产权证号"
24 <el-input v-model="queryData.bdcqzh"></el-input> 23 ></el-input>
24 </el-form-item>
25 <el-form-item label="不动产单元号">
26 <el-input
27 maxlength="28"
28 v-model="queryData.bdcdyh"
29 placeholder="输入不动产单元号"
30 ></el-input>
31 </el-form-item>
32 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
33 <el-button type="warning" @click="reset">重置</el-button>
34 </el-form>
25 </el-col> 35 </el-col>
26 </el-row> 36 </el-row>
27 <el-row :gutter="10"> 37 <el-row>
28 <el-col :span="4" class="inputtitle"> 38 <el-col :span="24">
29 不动产权单元号: 39 <el-form :inline="true" class="demo-form-inline">
30 </el-col> 40 <el-form-item label="权利人">
31 <el-col :span="8"> 41 <el-input
32 <el-input v-model="queryData.bdcdyh"></el-input> 42 v-model="queryData.qlrmc"
33 </el-col> 43 placeholder="输入权利人"
34 <el-col :span="4" class="inputtitle"> 44 ></el-input>
35 权利人: 45 </el-form-item>
36 </el-col> 46 <el-form-item label="坐落">
37 <el-col :span="8"> 47 <el-input
38 <el-input v-model="queryData.qlrmc"></el-input> 48 v-model="queryData.zl"
39 </el-col> 49 placeholder="输入坐落"
40 </el-row> 50 ></el-input>
41 <el-row :gutter="10"> 51 </el-form-item>
42 <el-col :span="4" class="inputtitle"> 52 </el-form>
43 坐落:
44 </el-col>
45 <el-col :span="8">
46 <el-input v-model="queryData.zl"></el-input>
47 </el-col> 53 </el-col>
48 </el-row> 54 </el-row>
49 <table border="1"> 55 <table border="1">
...@@ -77,8 +83,6 @@ ...@@ -77,8 +83,6 @@
77 83
78 </table> 84 </table>
79 </div> 85 </div>
80 <span slot="footer" class="dialog-footer">
81 </span>
82 <div class="page"> 86 <div class="page">
83 <el-pagination 87 <el-pagination
84 background 88 background
...@@ -146,7 +150,7 @@ ...@@ -146,7 +150,7 @@
146 this.queryData.pageNo = val; 150 this.queryData.pageNo = val;
147 this.getData(this.queryData); 151 this.getData(this.queryData);
148 }, 152 },
149 result: function () { 153 reset: function () {
150 this.queryData = { 154 this.queryData = {
151 bdcdyh: "", 155 bdcdyh: "",
152 bdcqzh: "", 156 bdcqzh: "",
...@@ -178,7 +182,7 @@ ...@@ -178,7 +182,7 @@
178 }, 182 },
179 close: function () { 183 close: function () {
180 this.$emit('close') 184 this.$emit('close')
181 this.result(); 185 this.reset();
182 } 186 }
183 }, 187 },
184 watch: { 188 watch: {
...@@ -197,6 +201,11 @@ ...@@ -197,6 +201,11 @@
197 height: auto; 201 height: auto;
198 width: 80%; 202 width: 80%;
199 } 203 }
204 /deep/ .el-form-item__label{
205 width: 96px;
206 text-align: right;
207 }
208
200 209
201 table { 210 table {
202 margin-top: 10px; 211 margin-top: 10px;
...@@ -233,5 +242,8 @@ ...@@ -233,5 +242,8 @@
233 .noData { 242 .noData {
234 color: #b2b2b2; 243 color: #b2b2b2;
235 } 244 }
245 .page{
246 margin-top: 20px;
247 }
236 248
237 </style> 249 </style>
......
...@@ -190,18 +190,37 @@ ...@@ -190,18 +190,37 @@
190 <span class="tips">分割前多幢信息</span> 190 <span class="tips">分割前多幢信息</span>
191 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> 191 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
192 <div class="fgq"> 192 <div class="fgq">
193 <div class="data"> 193 <el-card class="data">
194 <ul> 194 <div slot="header" class="clearfix">
195 <li><span>宗地代码:</span>{{dzFgqData.zddm}}</li> 195 <span>多幢基本信息</span>
196 <li><span>不动产单元号:</span>{{dzFgqData.bdcdyh}}</li> 196 </div>
197 <li><span>项目名称:</span>{{dzFgqData.xmmc}}</li> 197 <ul class="zdjbxx">
198 <li><span>不动产权证号:</span>{{dzFgqData.bdcqzh}}</li> 198 <li><span class="label">宗地代码:</span><span class="value">{{dzFgqData.zddm}}</span></li>
199 <li><span>权利人:</span>{{dzFgqData.qlr}}</li> 199 <li><span class="label">不动产单元号:</span><span class="value">{{dzFgqData.bdcdyh}}</span></li>
200 <li><span>坐落:</span>{{dzFgqData.zl}}</li> 200 <li><span class="label">项目名称:</span><span class="value">{{dzFgqData.xmmc}}</span></li>
201 <li><span class="label">不动产权证号:</span><span class="value">{{dzFgqData.bdcqzh}}</span></li>
202 <li><span class="label">权利人:</span><span class="value">{{dzFgqData.qlr}}</span></li>
203 <li><span class="label">坐落:</span><span class="value">{{dzFgqData.zl}}</span></li>
201 </ul> 204 </ul>
202 </div> 205 <div class="zdmap">
206
207 </div>
208 </el-card>
203 <div class="zxx"> 209 <div class="zxx">
204 <div class="dz"> 210 <el-card class="zrz">
211 <div slot="header" class="clearfix">
212 <span><i class="iconfont iconziranchuang"></i>自然幢<span style="color:red">{{zdZxx.zrzList.length}}</span>幢</span>
213 </div>
214 <ul>
215 <li v-for="(item,index) in zdZxx.zrzList" :key="index+item.xmmc"
216 :class="tempBsmList.indexOf(item.bsm) > -1 ? 'hasChoosed':''"
217 >
218 <i class="iconfont iconziranchuang"></i> {{item.displays}}
219 </li>
220 </ul>
221 </el-card>
222
223 <!-- <div class="dz">
205 <div class="title"> 224 <div class="title">
206 <span>多幢信息({{zdZxx.zrzList.length}}个)</span> 225 <span>多幢信息({{zdZxx.zrzList.length}}个)</span>
207 </div> 226 </div>
...@@ -218,14 +237,21 @@ ...@@ -218,14 +237,21 @@
218 :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} 237 :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}}
219 </li> 238 </li>
220 </ul> 239 </ul>
221 </div> 240 </div> -->
222 </div> 241 </div>
223 </div> 242 </div>
224 <div class="fgh"> 243 <div class="fgh">
225 <span class="tips">分割后多幢信息</span> 244 <span class="tips">分割后多幢信息</span>
226 <table border="1"> 245 <table border="1">
227 <tr> 246 <tr>
228 <th class="cz">操作</th> 247 <th class="cz">
248 <el-button
249 type="primary"
250 class="changeBtn outAdd addMinus"
251 @click="addRow"
252 >+
253 </el-button>
254 </th>
229 <th class="xzq">行政区</th> 255 <th class="xzq">行政区</th>
230 <th class="djq">地籍区</th> 256 <th class="djq">地籍区</th>
231 <th class="djzq">地籍子区</th> 257 <th class="djzq">地籍子区</th>
...@@ -297,22 +323,6 @@ ...@@ -297,22 +323,6 @@
297 <input type="text" v-model="item.xmmc" class="formInput"/> 323 <input type="text" v-model="item.xmmc" class="formInput"/>
298 </td> 324 </td>
299 </tr> 325 </tr>
300 <tr>
301 <td>
302 <el-button
303 type="primary"
304 class="changeBtn outAdd addMinus"
305 @click="addRow"
306 >+
307 </el-button>
308 </td>
309 <td></td>
310 <td></td>
311 <td></td>
312 <td></td>
313 <td></td>
314 <td></td>
315 </tr>
316 </table> 326 </table>
317 </div> 327 </div>
318 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 328 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']"
......